151 lines
4.3 KiB
JavaScript
151 lines
4.3 KiB
JavaScript
define([
|
|
'jquery',
|
|
'/bower_components/chainpad-crypto/crypto.js',
|
|
'/bower_components/chainpad-listmap/chainpad-listmap.js',
|
|
'/common/toolbar2.js',
|
|
'/common/cryptpad-common.js',
|
|
'/todo/todo.js',
|
|
|
|
//'/common/media-tag.js',
|
|
//'/bower_components/file-saver/FileSaver.min.js',
|
|
|
|
'css!/bower_components/components-font-awesome/css/font-awesome.min.css',
|
|
'less!/customize/src/less/cryptpad.less',
|
|
], function ($, Crypto, Listmap, Toolbar, Cryptpad, Todo) {
|
|
var Messages = Cryptpad.Messages;
|
|
|
|
var APP = window.APP = {};
|
|
$(function () {
|
|
|
|
var $iframe = $('#pad-iframe').contents();
|
|
var $body = $iframe.find('body');
|
|
var ifrw = $('#pad-iframe')[0].contentWindow;
|
|
|
|
var onReady = function () {
|
|
|
|
var todo = Todo.init(APP.lm.proxy, Cryptpad);
|
|
|
|
var deleteTask = function(id) {
|
|
todo.remove(id);
|
|
|
|
APP.display();
|
|
};
|
|
|
|
var display = APP.display = function () {
|
|
var $list = $iframe.find('#tasksList');
|
|
|
|
$list.empty();
|
|
|
|
APP.lm.proxy.order.forEach(function(el) {
|
|
var $taskDiv = $('<div>', {
|
|
'class': 'cp-task'
|
|
}).appendTo($list);
|
|
|
|
$('<span>', { 'class': 'cp-task-text' })
|
|
.text(APP.lm.proxy.data[el].task)
|
|
.appendTo($taskDiv);
|
|
$('<span>', { 'class': 'cp-task-date' })
|
|
.text(new Date(APP.lm.proxy.data[el].ctime).toLocaleString())
|
|
.appendTo($taskDiv);
|
|
$('<button>', {
|
|
'class': 'fa fa-times cp-task-remove btn btn-danger'
|
|
}).appendTo($taskDiv).on('click', function() {
|
|
deleteTask(el);
|
|
});
|
|
|
|
});
|
|
};
|
|
|
|
var addTask = function () {
|
|
var $input = $iframe.find('#newTodoName');
|
|
var obj = {
|
|
"state": 0,
|
|
"task": $input.val(),
|
|
"ctime": +new Date(),
|
|
"mtime": +new Date()
|
|
};
|
|
|
|
todo.add(Cryptpad.createChannelId(), obj);
|
|
|
|
$input.val("");
|
|
display();
|
|
};
|
|
|
|
var $formSubmit = $iframe.find('.cp-create-form button').on('click', addTask);
|
|
var $input = $iframe.find('#newTodoName').on('keypress', function (e) {
|
|
switch (e.which) {
|
|
case 13:
|
|
$formSubmit.click();
|
|
break;
|
|
default:
|
|
console.log(e.which);
|
|
}
|
|
});
|
|
|
|
var editTask = function () {
|
|
|
|
};
|
|
|
|
display();
|
|
Cryptpad.removeLoadingScreen();
|
|
};
|
|
|
|
var onInit = function () {
|
|
Cryptpad.addLoadingScreen();
|
|
|
|
$body.on('dragover', function (e) { e.preventDefault(); });
|
|
$body.on('drop', function (e) { e.preventDefault(); });
|
|
|
|
var Title;
|
|
var $bar = $iframe.find('.toolbar-container');
|
|
|
|
Title = Cryptpad.createTitle({}, function(){}, Cryptpad);
|
|
|
|
var configTb = {
|
|
displayed: ['useradmin', 'newpad', 'limit', 'upgrade', 'pageTitle'],
|
|
ifrw: ifrw,
|
|
common: Cryptpad,
|
|
//hideDisplayName: true,
|
|
$container: $bar,
|
|
pageTitle: Messages.todo_title
|
|
};
|
|
|
|
APP.toolbar = Toolbar.create(configTb);
|
|
APP.toolbar.$rightside.html(''); // Remove the drawer if we don't use it to hide the toolbar
|
|
};
|
|
|
|
var createTodo = function() {
|
|
var obj = Cryptpad.getProxy();
|
|
var hash = Cryptpad.createRandomHash();
|
|
|
|
if(obj.todo) {
|
|
hash = obj.todo;
|
|
} else {
|
|
obj.todo = hash;
|
|
}
|
|
|
|
var secret = Cryptpad.getSecrets('todo', hash);
|
|
|
|
var listmapConfig = {
|
|
data: {},
|
|
websocketURL: Cryptpad.getWebsocketURL(),
|
|
channel: secret.channel,
|
|
validateKey: secret.keys.validateKey || undefined,
|
|
crypto: Crypto.createEncryptor(secret.keys),
|
|
userName: 'todo',
|
|
logLevel: 1,
|
|
};
|
|
|
|
var lm = APP.lm = Listmap.create(listmapConfig);
|
|
|
|
lm.proxy.on('create', onInit)
|
|
.on('ready', onReady);
|
|
};
|
|
|
|
Cryptpad.ready(function () {
|
|
createTodo();
|
|
Cryptpad.reportAppUsage();
|
|
});
|
|
|
|
});
|
|
});
|