task.js

;(function($) {

    var CPM_Task = {

        init: function () {
            $('ul.cpm-todolists').on('click', 'a.add-task', this.showNewTodoForm);
            $('ul.cpm-todolists').on('click', '.cpm-todos-new a.todo-cancel', this.hideNewTodoForm);
            $('ul.cpm-todolists').on('submit', '.cpm-todo-form form', this.submitNewTodo);

            //edit todo
            $('ul.cpm-todolists').on('click', '.cpm-todo-action a.cpm-todo-edit', this.toggleEditTodo);
            $('ul.cpm-todolists').on('click', '.cpm-task-edit-form a.todo-cancel', this.toggleEditTodo);
            $('ul.cpm-todolists').on('submit', '.cpm-task-edit-form form', this.updateTodo);

            //single todo
            $('.cpm-single-task').on('click', '.cpm-todo-action a.cpm-todo-edit', this.toggleEditTodo);
            $('.cpm-single-task').on('click', '.cpm-task-edit-form a.todo-cancel', this.toggleEditTodo);
            $('.cpm-single-task').on('submit', '.cpm-task-edit-form form', this.updateTodo);
            $('.cpm-single-task').on('click', 'input[type=checkbox].cpm-uncomplete', this.markDone);
            $('.cpm-single-task').on('click', 'input[type=checkbox].cpm-complete', this.markUnDone);
            $('.cpm-single-task').on('click', 'a.cpm-todo-delete', this.deleteTodo);

            //task done, undone, delete
            $('ul.cpm-todolists').on('click', '.cpm-todos input[type=checkbox]', this.markDone);
            $('ul.cpm-todolists').on('click', '.cpm-todo-completed input[type=checkbox]', this.markUnDone);
            $('ul.cpm-todolists').on('click', 'a.cpm-todo-delete', this.deleteTodo);

            //todolist
            $('.cpm-new-todolist-form').on('submit', 'form', this.addList);
            $('ul.cpm-todolists').on('submit', '.cpm-list-edit-form form', this.updateList);
            $('.cpm-new-todolist-form').on('click', 'a.list-cancel', this.toggleNewTaskListForm);
            $('a#cpm-add-tasklist').on('click', this.toggleNewTaskListFormLink);

            //tasklist edit, delete links toggle
            $('ul.cpm-todolists').on('click', 'a.cpm-list-delete', this.deleteList);
            $('ul.cpm-todolists').on('click', 'a.cpm-list-edit', this.toggleEditList);
            $('ul.cpm-todolists').on('click', 'a.list-cancel', this.toggleEditList);
            
            this.makeSortableTodoList();
            this.makeSortableTodo();
        },
        
        makeSortableTodoList: function() {
            var todos = $('ul.cpm-todolists');

            if (todos) {
                todos.sortable({
                    placeholder: "ui-state-highlight",
                    handle: '.move',
                    stop: function(e,ui) {
                        var items = $(ui.item).parents('ul.cpm-todolists').find('> li');
                        var ordered = [];
                        
                        for (var i = 0; i < items.length; i++) {
                            ordered.push($(items[i]).data('id'));
                        }
                        
                        CPM_Task.saveOrder(ordered);
                    }
                });
            }
        },
        
        makeSortableTodo: function() {
            var todos = $('ul.cpm-todos');

            if (todos) {
                todos.sortable({
                    placeholder: "ui-state-highlight",
                    handle: '.move',
                    stop: function(e,ui) {
                        var items = $(ui.item).parents('ul.cpm-todos').find('input[type=checkbox]');
                        var ordered = [];
                        
                        for (var i = 0; i < items.length; i++) {
                            ordered.push($(items[i]).val());
                        }
                        
                        CPM_Task.saveOrder(ordered);
                    }
                });
            }
        },
        
        saveOrder: function(order) {
            var data = {
                items: order,
                action: 'cpm_task_order'
            };

            $.post(CPM_Vars.ajaxurl, data);
        },

        showNewTodoForm: function (e) {
            e.preventDefault();

            var self = $(this),
                next = self.parent().next();

            self.closest('li').addClass('cpm-hide');
            next.removeClass('cpm-hide');
        },

        hideNewTodoForm: function (e) {
            e.preventDefault();

            var self = $(this),
                list = self.closest('li');

            list.addClass('cpm-hide');
            list.prev().removeClass('cpm-hide');
        },

        markDone: function () {

            var self = $(this),
                list = self.closest('li'),
                taskListEl = self.closest('article.cpm-todolist'),
                singleWrap = self.closest('.cpm-single-task'),
                data = {
                    task_id: self.val(),
                    project_id: self.data('project'),
                    list_id: self.data('list'),
                    single: self.data('single'),
                    action: 'cpm_task_complete',
                    '_wpnonce': CPM_Vars.nonce
                };
                
            $(document).trigger('cpm.markDone.before', [self]);
            
            $.post(CPM_Vars.ajaxurl, data, function (res) {
                res = JSON.parse(res);
                $(document).trigger('cpm.markDone.after', [res,self]);
                if(res.success === true ) {

                    if(list.length) {
                        var completeList = list.parent().siblings('.cpm-todo-completed');
                        completeList.append('<li>' + res.content + '</li>');

                        list.remove();

                        //update progress
                        taskListEl.find('h3 .cpm-right').html(res.progress);

                    } else if(singleWrap.length) {
                        singleWrap.html(res.content);
                    }
                }
            });
        },

        markUnDone: function () {

            var self = $(this),
                list = self.closest('li'),
                taskListEl = self.closest('article.cpm-todolist'),
                singleWrap = self.closest('.cpm-single-task'),
                data = {
                    task_id: self.val(),
                    project_id: self.data('project'),
                    list_id: self.data('list'),
                    single: self.data('single'),
                    action: 'cpm_task_open',
                    '_wpnonce': CPM_Vars.nonce
                };

            $(document).trigger('cpm.markUnDone.before', [self]);
            
            $.post(CPM_Vars.ajaxurl, data, function (res) {
                res = JSON.parse(res);

                if(res.success === true ) {

                    if(list.length) {
                        var currentList = list.parent().siblings('.cpm-todos');

                        currentList.append('<li>' + res.content + '</li>');
                        list.remove();

                        //update progress
                        taskListEl.find('h3 .cpm-right').html(res.progress);

                    } else if(singleWrap.length) {
                        singleWrap.html(res.content);
                    }
                }
                
                $(document).trigger('cpm.markUnDone.after', [res,self]);
            });
        },

        submitNewTodo: function (e) {
            e.preventDefault();

            var self = $(this),
                data = self.serialize(),
                taskListEl = self.closest('article.cpm-todolist'),
                content = $.trim(self.find('.todo_content').val());

            if(content !== '') {
                $.post(CPM_Vars.ajaxurl, data, function (res) {
                    res = JSON.parse(res);

                    if(res.success === true) {
                        var currentList = self.closest('ul.cpm-todos-new').siblings('.cpm-todos');
                        currentList.append( '<li>' + res.content + '</li>' );

                        //clear the form
                        self.find('textarea, input[type=text], select').val('');

                        //update progress
                        taskListEl.find('h3 .cpm-right').html(res.progress);

                    } else {
                        alert('something went wrong!');
                    }

                    $(document).trigger('cpm.submitNewTodo.after',[res,self]);
                });
            } else {
                alert('type something');
            }
        },

        deleteTodo: function (e) {
            e.preventDefault();

            var self = $(this),
                list = self.closest('li'),
                taskListEl = self.closest('article.cpm-todolist'),
                confirmMsg = self.data('confirm'),
                single = self.data('single'),
                data = {
                    list_id: self.data('list_id'),
                    project_id: self.data('project_id'),
                    task_id: self.data('task_id'),
                    action: 'cpm_task_delete',
                    '_wpnonce': CPM_Vars.nonce
                };

            if( confirm(confirmMsg) ) {
                $.post(CPM_Vars.ajaxurl, data, function (res) {
                    res = JSON.parse(res);
                    
                    $(document).trigger('cpm.deleteTodo.after',[res,self]);
                    
                    if(res.success) {
                        if(single !== '') {
                            location.href = res.list_url;
                        } else {
                            list.fadeOut(function() {
                                $(this).remove();
                            });

                            //update progress
                            taskListEl.find('h3 .cpm-right').html(res.progress);
                        }
                    }
                });
            }
        },

        toggleEditTodo: function (e) {
            e.preventDefault();

            var wrap = $(this).closest('.cpm-todo-wrap');

            wrap.find('.cpm-todo-content').toggle();
            wrap.find('.cpm-task-edit-form').slideToggle();
        },

        updateTodo: function (e) {
            e.preventDefault();

            var self = $(this),
                data = self.serialize(),
                list = self.closest('li'),
                singleWrap = self.closest('.cpm-single-task'),
                content = $.trim(self.find('.todo_content').val());

            if(content !== '') {
                $.post(CPM_Vars.ajaxurl, data, function (res) {
                    res = JSON.parse(res);

                    if(res.success === true) {
                        if(list.length) {
                            list.html(res.content); //update in task list
                        } else if(singleWrap.length) {
                            singleWrap.html(res.content); //update in single task
                        }

                    } else {
                        alert('something went wrong!');
                    }
                    
                    $(document).trigger('cpm.updateTodo.after',[res,self]);
                });
            } else {
                alert('type something');
            }
        },

        //toggle new task list form from top link
        toggleNewTaskListFormLink: function (e) {
            e.preventDefault();

            $('.cpm-new-todolist-form').slideToggle();
        },

        toggleNewTaskListForm: function (e) {
            e.preventDefault();

            $(this).closest('form').parent().slideToggle();
        },

        toggleEditList: function (e) {
            e.preventDefault();

            var article = $(this).closest('article.cpm-todolist');
                article.find('header').slideToggle();
                article.find('.cpm-list-edit-form').slideToggle();
        },

        addList: function (e) {
            e.preventDefault();

            var self = $(this),
                data = self.serialize();

            $.post(CPM_Vars.ajaxurl, data, function (res) {
                res = JSON.parse(res);

                if(res.success === true) {

                    $('ul.cpm-todolists').append('<li id="cpm-list-' + res.id + '">' + res.content + '</li>');

                    var list = $('#cpm-list-' + res.id);

                    $('.cpm-new-todolist-form').slideToggle();
                    $('body, html').animate({
                        scrollTop: list.offset().top
                    });

                    list.find('a.add-task').click();
                    list.find('textarea.todo_content').focus();

                    self.find('textarea, input[type=text], select').val('');
                    $('.datepicker').datepicker();
                    
                    CPM_Task.makeSortableTodoList();
                    CPM_Task.makeSortableTodo();
                }
            });
        },

        updateList: function (e) {
            e.preventDefault();

            var self = $(this),
                data = self.serialize();

            $.post(CPM_Vars.ajaxurl, data, function (res) {
                res = JSON.parse(res);

                if(res.success === true) {
                    self.closest('li').html(res.content);
                    $('.datepicker').datepicker();
                }
                
                $(document).trigger('cpm.updateList.after',[res,self]);
            });
        },

        deleteList: function (e) {
            e.preventDefault();

            var self = $(this),
                list = self.closest('li'),
                confirmMsg = self.data('confirm'),
                data = {
                    list_id: self.data('list_id'),
                    action: 'cpm_tasklist_delete',
                    '_wpnonce': CPM_Vars.nonce
                };

            if( confirm(confirmMsg) ) {
                $.post(CPM_Vars.ajaxurl, data, function (res) {
                    res = JSON.parse(res);

                    if(res.success) {
                        list.fadeOut(function() {
                            $(this).remove();
                        });
                    }
                });
            }
        }
    };

    $(function() {
        CPM_Task.init();
    });

})(jQuery);