-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
103 lines (90 loc) · 2.44 KB
/
script.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
let taskList = []
let Removed = []
$(() => {
//Refresh List
function RefreshList() {
ulTasks.html("");
for (let task of taskList) {
// console.log(task)
let listItem = $('<li>', {
'class': 'list-group-item',
text: task
})
// console.log((listItem.text()))
listItem.click(() => {
listItem.toggleClass('done')
if(taskList.indexOf(listItem.text())+1){
Removed.push(listItem.text())
let idx =taskList.indexOf(listItem.text())
taskList.splice(idx,1)
}else{
taskList.push(listItem.text())
let idx =Removed.indexOf(listItem.text())
Removed.splice(idx,1)
}
})
ulTasks.append(listItem)
inpNewTask.val('')
toggleInputButtons()
}
}
//add function
function addItem(){
taskList.push(inpNewTask.val())
RefreshList()
localStorage.task = taskList.join(',')
}
//clearing list
function deleteAll() {
taskList.splice(0, taskList.length)
Removed.splice(0, Removed.length)
RefreshList()
localStorage.removeItem("task")
}
//clear function for removing striked data
function clearDone() {
$('#ulTasks .done').remove()
Removed.splice(0, Removed.length)
localStorage.task = taskList.join(',')
RefreshList()
toggleInputButtons()
}
//sepreting done and not done task
function sortTasks() {
$('#ulTasks .done').appendTo(ulTasks)
}
//designing btns
function toggleInputButtons() {
btnReset.prop('disabled', inpNewTask.val() == '')
btnAdd.prop('disabled', inpNewTask.val() == '')
btnSort.prop('disabled', ulTasks.children().length < 1)
btnCleanup.prop('disabled', ulTasks.children().length < 1)
}
//getting elements
let ulTasks = $('#ulTasks')
let btnAdd = $('#btnAdd')
let btnReset = $('#btnReset')
let btnSort = $('#btnSort')
let btnCleanup = $('#btnCleanup')
let inpNewTask = $('#inpNewTask')
let clearall = $('#clearall')
//handling enter key
inpNewTask.keypress((e) => {
if (e.which == 13) addItem()
})
inpNewTask.on('input', toggleInputButtons)
//handling already existing elments
if (localStorage.task) {
taskList = localStorage.task.split(',')
}
RefreshList()
//handling clicks on custom btns
btnAdd.click(addItem)
btnReset.click(() => {
inpNewTask.val('')
toggleInputButtons()
})
btnCleanup.click(clearDone)
btnSort.click(sortTasks)
clearall.click (deleteAll)
})