To-do/js/handlers.js

function hendLerFormAdd(event) {
	event.preventDefault();

	var task = {
		title: $(this).find('[name=title]').val(),
		description: $(this).find('[name=description]').val(),
		status: '1',               // 1- todo, 2 - in progress, 3 - completed
		calendar: $(this).find('[name=calendar]').val()
	};

	var id = new Date().getTime();
	localStorage.setItem(id, JSON.stringify(task));   // записать это туда
	metods.addTask(task, id);
	$modalAddTask.modal('hide');

	this.reset();  // возвращает форму к виду к котором она определена в хтмл (очистка формы)
}

function hendlerDeleteTask() {  // вешаем обработчик клик на кнопку delete-task
	$modalDeleteTask.modal('show');

	$btnOk.on('click', function(event) {
		var $parent = $(this).parent();   // вызываем родителя
		var taskId =  $parent.data('id');       
		localStorage.removeItem(taskId);        //удаление из локальной памяти элементов найденных по id
		$parent.remove(); 						// удаление родительского элемента в нашем случае это li по которому кликнули(this)
		
		metods.count();
		$modalDeleteTask.modal('hide');
		$btnOk.off('click');
	}.bind(this) );
}

function hendlerDeleteAll(){           //кнопка удаления 
	localStorage.clear();					//очистка локальной памяти
	$('.list-group-item').remove();			//удаление всех строк
	metods.count();			
}

function handLerShowModal() {                // фокус при открытии модального окна на инпут
	$(this).find('[name=title]').focus();
}

function hendlerEditTask() {

	$modalEditTask.modal('show');

	var $parent = $(this).parent();
	var taskId =  $parent.data('id');
	var task = JSON.parse(localStorage.getItem(taskId) );   
	
	for (key in task) {
		$modalEditTask.find('[name=' + key + ']').val(task[key] );
	}
	$modalEditTask.find('[name=id]').val(taskId);
}

function hendLerFormEditTask(event) {
	event.preventDefault();

	var task = {
		title: $(this).find('[name=title]').val(),
		description: $(this).find('[name=description]').val(),
		status: $(this).find('[name=status]').val(),
		calendar: $(this).find('[name=calendar]').val()
		}

	var id = $(this).find('[name=id]').val();
	localStorage.setItem(id, JSON.stringify(task)); //добавление элемента 
	$('[data-id=' + id + ']', $taskList).remove();     // удаление элемента
	metods.addTask(task, id);    

	$modalEditTask.modal('hide');   // скрываем модальное окно
	metods.count();            // обновляем счетчики
}

function handLerPicker() {                 //календарь на форме добавления
	$("#datetimepicker").datetimepicker({
    	locale: 'ru',
    	format: 'YYYY-MM-DD'
    });
}

function handLerPicker2() {               //календарь на форме редактирования
	$("#datetimepicker2").datetimepicker({
    	locale: 'ru',
    	format: 'YYYY-MM-DD'
    });
}