Blame view
assets/js/pages/todo.js
2.57 KB
cf76164e6 20190709 |
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(); }); }); }); |