Skip to content

Ilia Gusevskii HFS final task #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
IamAfli wants to merge 40 commits into
base: master
Choose a base branch
from
Open

Ilia Gusevskii HFS final task #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
40 commits
Select commit Hold shift + click to select a range
dcff2e3
Modify .gitignore for idea IDE
Aug 20, 2019
bf16c9b
Add functionality to create new tasks
Aug 20, 2019
70b3ff4
Add styles for task in the list
Aug 20, 2019
2dfc31e
Fix new task to be added to the top of the list
Aug 20, 2019
c0db323
Add buttons to clear lists
Aug 20, 2019
cfc16b2
Add style for clear tasks button
Aug 20, 2019
c9ac2ef
Add border for tasks
Aug 20, 2019
54c2227
Add functionality to move tasks to done state
Aug 20, 2019
39f7f1e
Add completion time for finished tasks
Aug 20, 2019
3d45f09
Add styles for task finish time section
Aug 20, 2019
7cfc0a7
Add remove button on task mouseover
Aug 20, 2019
d6081e6
Add task modification functionality
Aug 20, 2019
900e9e6
Add task list sorting by title
Aug 20, 2019
afe2123
Add task list sorting by date
Aug 20, 2019
50a1d4e
Add CSS for ordering options
Aug 20, 2019
fbe6cc0
Add CSS for the whole application
Aug 20, 2019
2268d03
Add filter for tasks
Aug 21, 2019
69005f4
Add styles for filter area
Aug 21, 2019
0aa59e2
Change default color to black
Aug 21, 2019
8b22dd9
Add list saving on task adding
Aug 21, 2019
cad6a9a
Add open task loading on page reload
Aug 21, 2019
f9ae454
Replace task adding logic with createTaskElement() call
Aug 21, 2019
0bf2614
Add open tasks saving for each open list modification
Aug 21, 2019
1551824
Add done tasks saving/loading
Aug 21, 2019
ffd1f24
Extract common logic for task loading
Aug 21, 2019
a320051
Move event listeners to upper
Aug 21, 2019
3ff3b61
Refactor completeTask()
Aug 21, 2019
7d87feb
Extract current time obtaining in a function
Aug 21, 2019
b05655c
Refactor task status modification function
Aug 21, 2019
4de8224
Refactor removeTask()
Aug 21, 2019
969f35e
Fix done tasks ordering by date
Aug 21, 2019
3f68a9e
Split createTaskElement() into smaller functions
Aug 21, 2019
4339129
Fix done tasks loading
Aug 21, 2019
86288b2
Change createTaskElement() arg to object
Aug 21, 2019
a45c3f9
Fix new tasks default status
Aug 21, 2019
230acf8
Replace saved tasks with a valid JSON
Aug 21, 2019
267d704
Add list ordering saving / loading
Aug 21, 2019
0dbe69b
Fix typos
Aug 21, 2019
1196bfa
Change default ordering values
Aug 21, 2019
84d076a
Prettify text input areas
Aug 21, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 4 additions & 1 deletion .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,2 +1,5 @@
node_modules
dist
dist

.idea/*
HTML-JS_boilerplate.iml
Binary file added images/remove-task-img.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
46 changes: 45 additions & 1 deletion src/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,50 @@
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
</head>
<body>
<div>Hello, world</div>
<div class="application">
<div class="application-header">
<div class="application-name">Todo List</div>
<input id="search-tasks-input" type="text" placeholder="Search...">
<div class="alight-resetter"></div>
</div>
<div class="add-task-area">
<input id="add-task-input" type="text" placeholder="New task...">
<button id="add-task-button">Add</button>
</div>
<div class="task-list">
<div class="list-header">
Open
<select id="open-tasks-ordering" class="tasks-ordering">
<option value="date-desc">Date creation (Desc)</option>
<option value="date-asc">Date creation (Asc)</option>
<option value="text-asc">Text (Asc)</option>
<option value="text-desc">Text (Desc)</option>
</select>
</div>
<div class="alight-resetter"></div>
<div id="open-tasks">
</div>
<div class="clear-button">
<a id="clear-open-list"> Clear "Open" list</a>
</div>
</div>
<div class="task-list">
<div class="list-header">
Done
<select id="done-tasks-ordering" class="tasks-ordering">
<option value="date-desc">Date completion (Desc)</option>
<option value="date-asc">Date completion (Asc)</option>
<option value="text-asc">Text (Asc)</option>
<option value="text-desc">Text (Desc)</option>
</select>
</div>
<div class="alight-resetter"></div>
<div id="done-tasks">
</div>
<div class="clear-button">
<a id="clear-done-list"> Clear "Done" list</a>
</div>
</div>
</div>
</body>
</html>
Loading