define([ 'jquery', '/bower_components/chainpad-crypto/crypto.js', 'chainpad-listmap', '/common/toolbar.js', '/bower_components/nthen/index.js', '/common/sframe-common.js', '/common/common-interface.js', '/common/common-hash.js', '/todo/todo.js', '/customize/messages.js', '/bower_components/sortablejs/Sortable.min.js', 'css!/bower_components/bootstrap/dist/css/bootstrap.min.css', 'css!/bower_components/components-font-awesome/css/font-awesome.min.css', 'less!/todo/app-todo.less', ], function ( $, Crypto, Listmap, Toolbar, nThen, SFCommon, UI, Hash, Todo, Messages, Sortable ) { var APP = window.APP = {}; var common; var sFrameChan; nThen(function (waitFor) { $(waitFor(UI.addLoadingScreen)); SFCommon.create(waitFor(function (c) { APP.common = common = c; })); }).nThen(function (waitFor) { sFrameChan = common.getSframeChannel(); sFrameChan.onReady(waitFor()); }).nThen(function (/*waitFor*/) { var $body = $('body'); var $list = $('#cp-app-todo-taskslist'); var removeTips = function () { UI.clearTooltips(); }; var onReady = function () { var todo = Todo.init(APP.lm.proxy); Sortable.create($list[0], { store: { get: function () { return todo.getOrder(); }, set: function (sortable) { todo.reorder(sortable.toArray()); } } }); var deleteTask = function(id) { todo.remove(id); var $els = $list.find('.cp-app-todo-task').filter(function (i, el) { return $(el).data('id') === id; }); $els.fadeOut(null, function () { $els.remove(); removeTips(); }); //APP.display(); }; // TODO make this actually work, and scroll to bottom... var scrollTo = function (t) { $list.animate({ scrollTop: t, }); }; scrollTo = scrollTo; var makeCheckbox = function (id, cb) { var entry = APP.lm.proxy.data[id]; if (!entry || typeof(entry) !== 'object') { return void console.log('entry undefined'); } var checked = entry.state === 1 ? 'cp-app-todo-task-checkbox-checked fa-check-square-o': 'cp-app-todo-task-checkbox-unchecked fa-square-o'; var title = entry.state === 1? Messages.todo_markAsIncompleteTitle: Messages.todo_markAsCompleteTitle; title = title; removeTips(); return $('', { 'class': 'cp-app-todo-task-checkbox fa ' + checked, //title: title, }).on('click', function () { entry.state = (entry.state + 1) % 2; if (typeof(cb) === 'function') { cb(entry.state); } }); }; var addTaskUI = function (el, animate) { if (!el) { return; } var $taskDiv = $('
', { 'class': 'cp-app-todo-task' }); if (animate) { $taskDiv.prependTo($list); } else { $taskDiv.appendTo($list); } $taskDiv.data('id', el); $taskDiv.attr('data-id', el); makeCheckbox(el, function (/*state*/) { APP.display(); }) .appendTo($taskDiv); var entry = APP.lm.proxy.data[el]; if (!entry || typeof(entry) !== 'object') { return void console.log('entry undefined'); } if (entry.state) { $taskDiv.addClass('cp-app-todo-task-complete'); } var $span = $('', { 'class': 'cp-app-todo-task-text' }); var $input = $('', { type: 'text', 'class': 'cp-app-todo-task-input' }).val(entry.task).keydown(function (e) { if (e.which === 13) { todo.val(el, 'task', $input.val().trim()); $input.hide(); $span.text($input.val().trim()); $span.show(); } }).on('click mousedown', function (e) { e.stopPropagation(); }).appendTo($taskDiv); $span.text(entry.task) .appendTo($taskDiv) .click(function () { $input.show(); $span.hide(); }); /*$('', { 'class': 'cp-app-todo-task-date' }) .text(new Date(entry.ctime).toLocaleString()) .appendTo($taskDiv);*/ $('