script.js 1.8 KB

123456789101112131415161718192021222324252627282930
  1. console.clear();
  2. var $formAddTask = $('#form-add-task'),
  3. $taskList = $('#task-list'),
  4. $modalAddTask = $('#modal-window'),
  5. $removeAll = $('#remove-all'),
  6. $modalEditTask = $('#modal-window-edit'),
  7. $formEditTast = $('#form-edit-task'),
  8. $modalDeleteTask = $('#modal-window-delete'),
  9. $btnOk = $('#conf'),
  10. $DateTimePicker = $('#datetimepicker'),
  11. $DateTimePicker2 = $('#datetimepicker2');
  12. $formAddTask.on('submit', hendLerFormAdd); //кнопка сейв на модальном окне (add)
  13. $modalEditTask.on('submit', hendLerFormEditTask); //кнопка сейв на модальном окне (edit)
  14. $removeAll.on('click', hendlerDeleteAll); //кнопка удаления
  15. $taskList.on('click', '.delete-task', hendlerDeleteTask); // вешаем обработчик клик на кнопку delete-task
  16. $taskList.on('click', '.edit-task', hendlerEditTask); // слушаем кнопку редактировать
  17. $modalAddTask.on('shown.bs.modal', handLerShowModal); // событие открытие модального окна бутстрапа (add)
  18. $modalEditTask.on('shown.bs.modal', handLerShowModal); // событие открытие модального окна бутстрапа (edit)
  19. $DateTimePicker.on('click', handLerPicker); // добавление события открытия календаря (add)
  20. $DateTimePicker2.on('click', handLerPicker2); // добавление события открытия календаря (edit)
  21. ;(function() { // самовызывающаяся функция которая перебирает и рисует li на странице динамически
  22. for (var key in localStorage) {
  23. var task = JSON.parse(localStorage[key]);
  24. metods.addTask(task, key);
  25. }
  26. })();