todo.js
2.57 KB
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
$( document ).ready(function() {
var todo = function() {
$('.todo-list .todo-item label').click(function() {
if($(this).parent().children('input').is(':checked')) {
$(this).parent().toggleClass('complete');
} else {
$(this).parent().toggleClass('complete');
}
});
$('.todo-nav .all-task').click(function() {
$('.todo-list').removeClass('only-active');
$('.todo-list').removeClass('only-complete');
$('.todo-nav li.active').removeClass('active');
$(this).addClass('active');
});
$('.todo-nav .active-task').click(function() {
$('.todo-list').removeClass('only-complete');
$('.todo-list').addClass('only-active');
$('.todo-nav li.active').removeClass('active');
$(this).addClass('active');
});
$('.todo-nav .completed-task').click(function() {
$('.todo-list').removeClass('only-active');
$('.todo-list').addClass('only-complete');
$('.todo-nav li.active').removeClass('active');
$(this).addClass('active');
});
$('.all-check label').click(function() {
if($(this).parent().children('input').is(':checked')) {
$('.todo-list .todo-item input:checked + label').click();
} else {
$('.todo-list .todo-item input:not(:checked) + label').click();
}
});
$('.remove-todo-item').click(function() {
$(this).parent().remove();
});
};
todo();
$(".add-task").keypress(function (e) {
var checkboxId = $('.todo-item').length + 1;
if ((e.which == 13)&&(!$(this).val().length == 0)) {
$('<div class="todo-item added"><input type="checkbox" id="todo' + checkboxId + '" /> <label for="todo' + checkboxId + '">' + $(this).val() + '</label><a href="javascript:void(0);" class="pull-right remove-todo-item"><i class="material-icons">delete</i></a></div>').insertAfter('.todo-list .todo-item:last-child');
$(this).val('');
} else if(e.which == 13) {
alert('Please enter new task');
}
$('.todo-list .todo-item.added label').click(function() {
if($(this).parent().children('input').is(':checked')) {
$(this).parent().toggleClass('complete');
} else {
$(this).parent().toggleClass('complete');
}
});
$('.todo-list .todo-item.added .remove-todo-item').click(function() {
$(this).parent().remove();
});
});
});