mirror of
https://github.com/YunoHost-Apps/mytinytodo_ynh.git
synced 2024-09-03 19:46:01 +02:00
2159 lines
60 KiB
JavaScript
2159 lines
60 KiB
JavaScript
|
/*
|
|||
|
|
This file is part of myTinyTodo.
|
|||
|
|
(C) Copyright 2009-2010 Max Pozdeev <maxpozdeev@gmail.com>
|
|||
|
|
Licensed under the GNU GPL v2 license. See file COPYRIGHT for details.
|
|||
|
|
*/
|
|||
|
|
|
|||
|
|
(function(){
|
|||
|
|
|
|||
|
|
var taskList = new Array(), taskOrder = new Array();
|
|||
|
|
var filter = { compl:0, search:'', due:'' };
|
|||
|
|
var sortOrder; //save task order before dragging
|
|||
|
|
var searchTimer;
|
|||
|
|
var objPrio = {};
|
|||
|
|
var selTask = 0;
|
|||
|
|
var flag = { needAuth:false, isLogged:false, tagsChanged:true, readOnly:false, editFormChanged:false };
|
|||
|
|
var taskCnt = { total:0, past: 0, today:0, soon:0 };
|
|||
|
|
var tabLists = {
|
|||
|
|
_lists: {},
|
|||
|
|
_length: 0,
|
|||
|
|
_order: [],
|
|||
|
|
_alltasks: {},
|
|||
|
|
clear: function(){
|
|||
|
|
this._lists = {}; this._length = 0; this._order = [];
|
|||
|
|
this._alltasks = { id:-1, showCompl:0, sort:3 };
|
|||
|
|
},
|
|||
|
|
length: function(){ return this._length; },
|
|||
|
|
exists: function(id){ if(this._lists[id] || id==-1) return true; else return false; },
|
|||
|
|
add: function(list){ this._lists[list.id] = list; this._length++; this._order.push(list.id); },
|
|||
|
|
replace: function(list){ this._lists[list.id] = list; },
|
|||
|
|
get: function(id){ if(id==-1) return this._alltasks; else return this._lists[id]; },
|
|||
|
|
getAll: function(){ var r = []; for(var i in this._order) { r.push(this._lists[this._order[i]]); }; return r; },
|
|||
|
|
reorder: function(order){ this._order = order; }
|
|||
|
|
};
|
|||
|
|
var curList = 0;
|
|||
|
|
var tagsList = [];
|
|||
|
|
|
|||
|
|
var mytinytodo = window.mytinytodo = _mtt = {
|
|||
|
|
|
|||
|
|
theme: {
|
|||
|
|
newTaskFlashColor: '#ffffaa',
|
|||
|
|
editTaskFlashColor: '#bbffaa',
|
|||
|
|
msgFlashColor: '#ffffff'
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
actions: {},
|
|||
|
|
menus: {},
|
|||
|
|
mttUrl: '',
|
|||
|
|
templateUrl: '',
|
|||
|
|
options: {
|
|||
|
|
openList: 0,
|
|||
|
|
singletab: false,
|
|||
|
|
autotag: false,
|
|||
|
|
tagPreview: true,
|
|||
|
|
tagPreviewDelay: 700, //milliseconds
|
|||
|
|
saveShowNotes: false,
|
|||
|
|
firstdayofweek: 1,
|
|||
|
|
touchDevice: false
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
timers: {
|
|||
|
|
previewtag: 0
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
lang: {
|
|||
|
|
__lang: null,
|
|||
|
|
|
|||
|
|
daysMin: [],
|
|||
|
|
daysLong: [],
|
|||
|
|
monthsShort: [],
|
|||
|
|
monthsLong: [],
|
|||
|
|
|
|||
|
|
get: function(v) {
|
|||
|
|
if(this.__lang[v]) return this.__lang[v];
|
|||
|
|
else return v;
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
init: function(lang)
|
|||
|
|
{
|
|||
|
|
this.__lang = lang;
|
|||
|
|
this.daysMin = this.__lang.daysMin;
|
|||
|
|
this.daysLong = this.__lang.daysLong;
|
|||
|
|
this.monthsShort = this.__lang.monthsMin;
|
|||
|
|
this.monthsLong = this.__lang.monthsLong;
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
pages: {
|
|||
|
|
current: { page:'tasks', pageClass:'' },
|
|||
|
|
prev: []
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
// procs
|
|||
|
|
init: function(options)
|
|||
|
|
{
|
|||
|
|
jQuery.extend(this.options, options);
|
|||
|
|
|
|||
|
|
flag.needAuth = options.needAuth ? true : false;
|
|||
|
|
flag.isLogged = options.isLogged ? true : false;
|
|||
|
|
|
|||
|
|
if(this.options.showdate) $('#page_tasks').addClass('show-inline-date');
|
|||
|
|
if(this.options.singletab) $('#lists .mtt-tabs').addClass('mtt-tabs-only-one');
|
|||
|
|
|
|||
|
|
this.parseAnchor();
|
|||
|
|
|
|||
|
|
// handlers
|
|||
|
|
$('.mtt-tabs-add-button').click(function(){
|
|||
|
|
addList();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('.mtt-tabs-select-button').click(function(event){
|
|||
|
|
if(event.metaKey || event.ctrlKey) {
|
|||
|
|
// toggle singetab interface
|
|||
|
|
_mtt.applySingletab(!_mtt.options.singletab);
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
if(!_mtt.menus.selectlist) _mtt.menus.selectlist = new mttMenu('slmenucontainer', {onclick:slmenuSelect});
|
|||
|
|
_mtt.menus.selectlist.show(this);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
|
|||
|
|
$('#newtask_form').submit(function(){
|
|||
|
|
submitNewTask(this);
|
|||
|
|
return false;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('#newtask_submit').click(function(){
|
|||
|
|
$('#newtask_form').submit();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('#newtask_adv').click(function(){
|
|||
|
|
showEditForm(1);
|
|||
|
|
return false;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('#task').keydown(function(event){
|
|||
|
|
if(event.keyCode == 27) {
|
|||
|
|
$(this).val('');
|
|||
|
|
}
|
|||
|
|
}).focusin(function(){
|
|||
|
|
$('#task_placeholder').removeClass('placeholding');
|
|||
|
|
$('#toolbar').addClass('mtt-intask');
|
|||
|
|
}).focusout(function(){
|
|||
|
|
if('' == $(this).val()) $('#task_placeholder').addClass('placeholding');
|
|||
|
|
$('#toolbar').removeClass('mtt-intask');
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
|
|||
|
|
$('#search_form').submit(function(){
|
|||
|
|
searchTasks(1);
|
|||
|
|
return false;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('#search_close').click(function(){
|
|||
|
|
liveSearchToggle(0);
|
|||
|
|
return false;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('#search').keyup(function(event){
|
|||
|
|
if(event.keyCode == 27) return;
|
|||
|
|
if($(this).val() == '') $('#search_close').hide(); //actual value is only on keyup
|
|||
|
|
else $('#search_close').show();
|
|||
|
|
clearTimeout(searchTimer);
|
|||
|
|
searchTimer = setTimeout(function(){searchTasks()}, 400);
|
|||
|
|
})
|
|||
|
|
.keydown(function(event){
|
|||
|
|
if(event.keyCode == 27) { // cancel on Esc (NB: no esc event on keypress in Chrome and on keyup in Opera)
|
|||
|
|
if($(this).val() != '') {
|
|||
|
|
$(this).val('');
|
|||
|
|
$('#search_close').hide();
|
|||
|
|
searchTasks();
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
liveSearchToggle(0);
|
|||
|
|
}
|
|||
|
|
return false; //need to return false in firefox (for AJAX?)
|
|||
|
|
}
|
|||
|
|
}).focusin(function(){
|
|||
|
|
$('#toolbar').addClass('mtt-insearch');
|
|||
|
|
$(this).focus();
|
|||
|
|
}).focusout(function(){
|
|||
|
|
$('#toolbar').removeClass('mtt-insearch');
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
|
|||
|
|
$('#taskview').click(function(){
|
|||
|
|
if(!_mtt.menus.taskview) _mtt.menus.taskview = new mttMenu('taskviewcontainer');
|
|||
|
|
_mtt.menus.taskview.show(this);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('#mtt_filters .tag-filter .mtt-filter-close').live('click', function(){
|
|||
|
|
cancelTagFilter($(this).attr('tagid'));
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('#tagcloudbtn').click(function(){
|
|||
|
|
if(!_mtt.menus.tagcloud) _mtt.menus.tagcloud = new mttMenu('tagcloud', {
|
|||
|
|
beforeShow: function(){
|
|||
|
|
if(flag.tagsChanged) {
|
|||
|
|
$('#tagcloudcontent').html('');
|
|||
|
|
$('#tagcloudload').show();
|
|||
|
|
loadTags(curList.id, function(){$('#tagcloudload').hide();});
|
|||
|
|
}
|
|||
|
|
}, adjustWidth:true
|
|||
|
|
});
|
|||
|
|
_mtt.menus.tagcloud.show(this);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('#tagcloudcancel').click(function(){
|
|||
|
|
if(_mtt.menus.tagcloud) _mtt.menus.tagcloud.close();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('#tagcloudcontent .tag').live('click', function(){
|
|||
|
|
addFilterTag($(this).attr('tag'), $(this).attr('tagid'));
|
|||
|
|
if(_mtt.menus.tagcloud) _mtt.menus.tagcloud.close();
|
|||
|
|
return false;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('#mtt-notes-show').click(function(){
|
|||
|
|
toggleAllNotes(1);
|
|||
|
|
this.blur();
|
|||
|
|
return false;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('#mtt-notes-hide').click(function(){
|
|||
|
|
toggleAllNotes(0);
|
|||
|
|
this.blur();
|
|||
|
|
return false;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('#taskviewcontainer li').click(function(){
|
|||
|
|
if(this.id == 'view_tasks') setTaskview(0);
|
|||
|
|
else if(this.id == 'view_past') setTaskview('past');
|
|||
|
|
else if(this.id == 'view_today') setTaskview('today');
|
|||
|
|
else if(this.id == 'view_soon') setTaskview('soon');
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
|
|||
|
|
// Tabs
|
|||
|
|
$('#lists li.mtt-tab').live('click', function(event){
|
|||
|
|
if(event.metaKey || event.ctrlKey) {
|
|||
|
|
// hide the tab
|
|||
|
|
hideTab(this);
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
tabSelect(this);
|
|||
|
|
return false;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('#list_all').click(function(event){
|
|||
|
|
if(event.metaKey || event.ctrlKey) {
|
|||
|
|
// hide the tab
|
|||
|
|
hideTab(-1);
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
tabSelect(-1);
|
|||
|
|
return false;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('#lists li.mtt-tab .list-action').live('click', function(){
|
|||
|
|
listMenu(this);
|
|||
|
|
return false; //stop bubble to tab click
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('#list_all .list-action').click(function(event){
|
|||
|
|
listMenu(this);
|
|||
|
|
return false; //stop bubble to tab click
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
//Priority popup
|
|||
|
|
$('#priopopup .prio-neg-1').click(function(){
|
|||
|
|
prioClick(-1,this);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('#priopopup .prio-zero').click(function(){
|
|||
|
|
prioClick(0,this);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('#priopopup .prio-pos-1').click(function(){
|
|||
|
|
prioClick(1,this);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('#priopopup .prio-pos-2').click(function(){
|
|||
|
|
prioClick(2,this);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('#priopopup').mouseleave(function(){
|
|||
|
|
$(this).hide()}
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
|
|||
|
|
// edit form handlers
|
|||
|
|
$('#alltags_show').click(function(){
|
|||
|
|
toggleEditAllTags(1);
|
|||
|
|
return false;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('#alltags_hide').click(function(){
|
|||
|
|
toggleEditAllTags(0);
|
|||
|
|
return false;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('#taskedit_form').submit(function(){
|
|||
|
|
return saveTask(this);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('#alltags .tag').live('click', function(){
|
|||
|
|
addEditTag($(this).attr('tag'));
|
|||
|
|
return false;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$("#duedate").datepicker({
|
|||
|
|
dateFormat: _mtt.duedatepickerformat(),
|
|||
|
|
firstDay: _mtt.options.firstdayofweek,
|
|||
|
|
showOn: 'button',
|
|||
|
|
buttonImage: _mtt.templateUrl + 'images/calendar.png', buttonImageOnly: true,
|
|||
|
|
constrainInput: false,
|
|||
|
|
duration:'',
|
|||
|
|
dayNamesMin:_mtt.lang.daysMin, dayNames:_mtt.lang.daysLong, monthNamesShort:_mtt.lang.monthsLong
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$("#edittags").autocomplete('ajax.php?suggestTags', {scroll: false, multiple: true, selectFirst:false, max:8, extraParams:{list:function(){ var taskId = document.getElementById('taskedit_form').id.value; return taskList[taskId].listId; }}});
|
|||
|
|
|
|||
|
|
$('#taskedit_form').find('select,input,textarea').bind('change keypress', function(){
|
|||
|
|
flag.editFormChanged = true;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// tasklist handlers
|
|||
|
|
$("#tasklist").bind("click", tasklistClick);
|
|||
|
|
|
|||
|
|
$('#tasklist li').live('dblclick', function(){
|
|||
|
|
//clear selection
|
|||
|
|
if(document.selection && document.selection.empty && document.selection.createRange().text) document.selection.empty();
|
|||
|
|
else if(window.getSelection) window.getSelection().removeAllRanges();
|
|||
|
|
|
|||
|
|
var li = findParentNode(this, 'LI');
|
|||
|
|
if(li && li.id) {
|
|||
|
|
var id = li.id.split('_',2)[1];
|
|||
|
|
if(id) editTask(parseInt(id));
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('#tasklist .taskactionbtn').live('click', function(){
|
|||
|
|
var id = parseInt(getLiTaskId(this));
|
|||
|
|
if(id) taskContextMenu(this, id);
|
|||
|
|
return false;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('#tasklist input[type=checkbox]').live('click', function(){
|
|||
|
|
var id = parseInt(getLiTaskId(this));
|
|||
|
|
if(id) completeTask(id, this);
|
|||
|
|
//return false;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('#tasklist .task-toggle').live('click', function(){
|
|||
|
|
var id = getLiTaskId(this);
|
|||
|
|
if(id) $('#taskrow_'+id).toggleClass('task-expanded');
|
|||
|
|
return false;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('#tasklist .tag').live('click', function(event){
|
|||
|
|
clearTimeout(_mtt.timers.previewtag);
|
|||
|
|
$('#tasklist li').removeClass('not-in-tagpreview');
|
|||
|
|
addFilterTag($(this).attr('tag'), $(this).attr('tagid'), (event.metaKey || event.ctrlKey ? true : false) );
|
|||
|
|
return false;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
if(!this.options.touchDevice) {
|
|||
|
|
$('#tasklist .task-prio').live('mouseover mouseout', function(event){
|
|||
|
|
var id = parseInt(getLiTaskId(this));
|
|||
|
|
if(!id) return;
|
|||
|
|
if(event.type == 'mouseover') prioPopup(1, this, id);
|
|||
|
|
else prioPopup(0, this);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
$('#tasklist .mtt-action-note-cancel').live('click', function(){
|
|||
|
|
var id = parseInt(getLiTaskId(this));
|
|||
|
|
if(id) cancelTaskNote(id);
|
|||
|
|
return false;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('#tasklist .mtt-action-note-save').live('click', function(){
|
|||
|
|
var id = parseInt(getLiTaskId(this));
|
|||
|
|
if(id) saveTaskNote(id);
|
|||
|
|
return false;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
if(this.options.tagPreview) {
|
|||
|
|
$('#tasklist .tag').live('mouseover mouseout', function(event){
|
|||
|
|
var cl = 'tag-id-' + $(this).attr('tagid');
|
|||
|
|
var sel = (event.metaKey || event.ctrlKey) ? 'li.'+cl : 'li:not(.'+cl+')';
|
|||
|
|
if(event.type == 'mouseover') {
|
|||
|
|
_mtt.timers.previewtag = setTimeout( function(){$('#tasklist '+sel).addClass('not-in-tagpreview');}, _mtt.options.tagPreviewDelay);
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
clearTimeout(_mtt.timers.previewtag);
|
|||
|
|
$('#tasklist li').removeClass('not-in-tagpreview');
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
$("#tasklist").sortable({
|
|||
|
|
items:'> :not(.task-completed)', cancel:'span,input,a,textarea',
|
|||
|
|
delay:150, start:sortStart, update:orderChanged,
|
|||
|
|
placeholder:'mtt-task-placeholder'
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$("#lists ul").sortable({delay:150, update:listOrderChanged});
|
|||
|
|
this.applySingletab();
|
|||
|
|
|
|||
|
|
|
|||
|
|
// AJAX Errors
|
|||
|
|
$('#msg').ajaxSend(function(r,s){
|
|||
|
|
$("#msg").hide().removeClass('mtt-error mtt-info').find('.msg-details').hide();
|
|||
|
|
$("#loading").show();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('#msg').ajaxStop(function(r,s){
|
|||
|
|
$("#loading").fadeOut();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('#msg').ajaxError(function(event, request, settings){
|
|||
|
|
var errtxt;
|
|||
|
|
if(request.status == 0) errtxt = 'Bad connection';
|
|||
|
|
else if(request.status != 200) errtxt = 'HTTP: '+request.status+'/'+request.statusText;
|
|||
|
|
else errtxt = request.responseText;
|
|||
|
|
flashError(_mtt.lang.get('error'), errtxt);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
|
|||
|
|
// Error Message details
|
|||
|
|
$("#msg>.msg-text").click(function(){
|
|||
|
|
$("#msg>.msg-details").toggle();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
|
|||
|
|
// Authorization
|
|||
|
|
$('#bar_login').click(function(){
|
|||
|
|
showAuth(this);
|
|||
|
|
return false;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('#bar_logout').click(function(){
|
|||
|
|
logout();
|
|||
|
|
return false;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('#login_form').submit(function(){
|
|||
|
|
doAuth(this);
|
|||
|
|
return false;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
|
|||
|
|
// Settings
|
|||
|
|
$("#settings").click(showSettings);
|
|||
|
|
$("#settings_form").live('submit', function() {
|
|||
|
|
saveSettings(this);
|
|||
|
|
return false;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$(".mtt-back-button").live('click', function(){ _mtt.pageBack(); this.blur(); return false; } );
|
|||
|
|
|
|||
|
|
$(window).bind('beforeunload', function() {
|
|||
|
|
if(_mtt.pages.current.page == 'taskedit' && flag.editFormChanged) {
|
|||
|
|
return _mtt.lang.get('confirmLeave');
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
|
|||
|
|
// tab menu
|
|||
|
|
this.addAction('listSelected', tabmenuOnListSelected);
|
|||
|
|
|
|||
|
|
// task context menu
|
|||
|
|
this.addAction('listsLoaded', cmenuOnListsLoaded);
|
|||
|
|
this.addAction('listRenamed', cmenuOnListRenamed);
|
|||
|
|
this.addAction('listAdded', cmenuOnListAdded);
|
|||
|
|
this.addAction('listSelected', cmenuOnListSelected);
|
|||
|
|
this.addAction('listOrderChanged', cmenuOnListOrderChanged);
|
|||
|
|
this.addAction('listHidden', cmenuOnListHidden);
|
|||
|
|
|
|||
|
|
// select list menu
|
|||
|
|
this.addAction('listsLoaded', slmenuOnListsLoaded);
|
|||
|
|
this.addAction('listRenamed', slmenuOnListRenamed);
|
|||
|
|
this.addAction('listAdded', slmenuOnListAdded);
|
|||
|
|
this.addAction('listSelected', slmenuOnListSelected);
|
|||
|
|
this.addAction('listHidden', slmenuOnListHidden);
|
|||
|
|
|
|||
|
|
return this;
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
log: function(v)
|
|||
|
|
{
|
|||
|
|
console.log.apply(this, arguments);
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
addAction: function(action, proc)
|
|||
|
|
{
|
|||
|
|
if(!this.actions[action]) this.actions[action] = new Array();
|
|||
|
|
this.actions[action].push(proc);
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
doAction: function(action, opts)
|
|||
|
|
{
|
|||
|
|
if(!this.actions[action]) return;
|
|||
|
|
for(var i in this.actions[action]) {
|
|||
|
|
this.actions[action][i](opts);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
setOptions: function(opts) {
|
|||
|
|
jQuery.extend(this.options, opts);
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
loadLists: function(onInit)
|
|||
|
|
{
|
|||
|
|
if(filter.search != '') {
|
|||
|
|
filter.search = '';
|
|||
|
|
$('#searchbarkeyword').text('');
|
|||
|
|
$('#searchbar').hide();
|
|||
|
|
}
|
|||
|
|
$('#page_tasks').hide();
|
|||
|
|
$('#tasklist').html('');
|
|||
|
|
|
|||
|
|
tabLists.clear();
|
|||
|
|
|
|||
|
|
this.db.loadLists(null, function(res)
|
|||
|
|
{
|
|||
|
|
var ti = '';
|
|||
|
|
var openListId = 0;
|
|||
|
|
if(res && res.total)
|
|||
|
|
{
|
|||
|
|
// open required or first non-hidden list
|
|||
|
|
for(var i=0; i<res.list.length; i++) {
|
|||
|
|
if(_mtt.options.openList) {
|
|||
|
|
if(_mtt.options.openList == res.list[i].id) {
|
|||
|
|
openListId = res.list[i].id;
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
else if(!res.list[i].hidden) {
|
|||
|
|
openListId = res.list[i].id;
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// open all tasks tab
|
|||
|
|
if(_mtt.options.openList == -1) openListId = -1;
|
|||
|
|
|
|||
|
|
// or open first if all list are hidden
|
|||
|
|
if(!openListId) openListId = res.list[0].id;
|
|||
|
|
|
|||
|
|
$.each(res.list, function(i,item){
|
|||
|
|
tabLists.add(item);
|
|||
|
|
ti += '<li id="list_'+item.id+'" class="mtt-tab'+(item.hidden?' mtt-tabs-hidden':'')+'">'+
|
|||
|
|
'<a href="#list/'+item.id+'" title="'+item.name+'"><span>'+item.name+'</span>'+
|
|||
|
|
'<div class="list-action"></div></a></li>';
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if(openListId) {
|
|||
|
|
$('#mtt_body').removeClass('no-lists');
|
|||
|
|
$('.mtt-need-list').removeClass('mtt-item-disabled');
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
curList = 0;
|
|||
|
|
$('#mtt_body').addClass('no-lists');
|
|||
|
|
$('.mtt-need-list').addClass('mtt-item-disabled');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
_mtt.options.openList = 0;
|
|||
|
|
$('#lists ul').html(ti);
|
|||
|
|
$('#lists').show();
|
|||
|
|
_mtt.doAction('listsLoaded');
|
|||
|
|
tabSelect(openListId);
|
|||
|
|
|
|||
|
|
$('#page_tasks').show();
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
if(onInit) updateAccessStatus();
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
duedatepickerformat: function()
|
|||
|
|
{
|
|||
|
|
if(!this.options.duedatepickerformat) return 'yy-mm-dd';
|
|||
|
|
|
|||
|
|
var s = this.options.duedatepickerformat.replace(/(.)/g, function(t,s) {
|
|||
|
|
switch(t) {
|
|||
|
|
case 'Y': return 'yy';
|
|||
|
|
case 'y': return 'y';
|
|||
|
|
case 'd': return 'dd';
|
|||
|
|
case 'j': return 'd';
|
|||
|
|
case 'm': return 'mm';
|
|||
|
|
case 'n': return 'm';
|
|||
|
|
case '/':
|
|||
|
|
case '.':
|
|||
|
|
case '-': return t;
|
|||
|
|
default: return '';
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
if(s == '') return 'yy-mm-dd';
|
|||
|
|
return s;
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
errorDenied: function()
|
|||
|
|
{
|
|||
|
|
flashError(this.lang.get('denied'));
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
pageSet: function(page, pageClass)
|
|||
|
|
{
|
|||
|
|
var prev = this.pages.current;
|
|||
|
|
prev.lastScrollTop = $(window).scrollTop();
|
|||
|
|
this.pages.prev.push(this.pages.current);
|
|||
|
|
this.pages.current = {page:page, pageClass:pageClass};
|
|||
|
|
showhide($('#page_'+ this.pages.current.page).addClass('mtt-page-'+ this.pages.current.pageClass), $('#page_'+ prev.page));
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
pageBack: function()
|
|||
|
|
{
|
|||
|
|
if(this.pages.current.page == 'tasks') return false;
|
|||
|
|
var prev = this.pages.current;
|
|||
|
|
this.pages.current = this.pages.prev.pop();
|
|||
|
|
showhide($('#page_'+ this.pages.current.page), $('#page_'+ prev.page).removeClass('mtt-page-'+prev.page.pageClass));
|
|||
|
|
$(window).scrollTop(this.pages.current.lastScrollTop);
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
applySingletab: function(yesno)
|
|||
|
|
{
|
|||
|
|
if(yesno == null) yesno = this.options.singletab;
|
|||
|
|
else this.options.singletab = yesno;
|
|||
|
|
|
|||
|
|
if(yesno) {
|
|||
|
|
$('#lists .mtt-tabs').addClass('mtt-tabs-only-one');
|
|||
|
|
$("#lists ul").sortable('disable');
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
$('#lists .mtt-tabs').removeClass('mtt-tabs-only-one');
|
|||
|
|
$("#lists ul").sortable('enable');
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
filter: {
|
|||
|
|
_filters: [],
|
|||
|
|
clear: function() {
|
|||
|
|
this._filters = [];
|
|||
|
|
$('#mtt_filters').html('');
|
|||
|
|
},
|
|||
|
|
addTag: function(tagId, tag, exclude)
|
|||
|
|
{
|
|||
|
|
for(var i in this._filters) {
|
|||
|
|
if(this._filters[i].tagId && this._filters[i].tagId == tagId) return false;
|
|||
|
|
}
|
|||
|
|
this._filters.push({tagId:tagId, tag:tag, exclude:exclude});
|
|||
|
|
$('#mtt_filters').append('<span class="tag-filter tag-id-'+tagId+
|
|||
|
|
(exclude ? ' tag-filter-exclude' : '')+'"><span class="mtt-filter-header">'+
|
|||
|
|
_mtt.lang.get('tagfilter')+'</span>'+tag+'<span class="mtt-filter-close" tagid="'+tagId+'"></span></span>');
|
|||
|
|
return true;
|
|||
|
|
},
|
|||
|
|
cancelTag: function(tagId)
|
|||
|
|
{
|
|||
|
|
for(var i in this._filters) {
|
|||
|
|
if(this._filters[i].tagId && this._filters[i].tagId == tagId) {
|
|||
|
|
this._filters.splice(i,1);
|
|||
|
|
$('#mtt_filters .tag-filter.tag-id-'+tagId).remove();
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return false;
|
|||
|
|
},
|
|||
|
|
getTags: function(withExcluded)
|
|||
|
|
{
|
|||
|
|
var a = [];
|
|||
|
|
for(var i in this._filters) {
|
|||
|
|
if(this._filters[i].tagId) {
|
|||
|
|
if(this._filters[i].exclude && withExcluded) a.push('^'+ this._filters[i].tag);
|
|||
|
|
else if(!this._filters[i].exclude) a.push(this._filters[i].tag)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return a.join(', ');
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
parseAnchor: function()
|
|||
|
|
{
|
|||
|
|
if(location.hash == '') return false;
|
|||
|
|
var h = location.hash.substr(1);
|
|||
|
|
var a = h.split("/");
|
|||
|
|
var p = {};
|
|||
|
|
var s = '';
|
|||
|
|
|
|||
|
|
for(var i=0; i<a.length; i++)
|
|||
|
|
{
|
|||
|
|
s = a[i];
|
|||
|
|
switch(s) {
|
|||
|
|
case "list": if(a[++i].match(/^-?\d+$/)) { p[s] = a[i]; } break;
|
|||
|
|
case "alltasks": p.list = '-1'; break;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if(p.list) this.options.openList = p.list;
|
|||
|
|
|
|||
|
|
return p;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function addList()
|
|||
|
|
{
|
|||
|
|
var r = prompt(_mtt.lang.get('addList'), _mtt.lang.get('addListDefault'));
|
|||
|
|
if(r == null) return;
|
|||
|
|
|
|||
|
|
_mtt.db.request('addList', {name:r}, function(json){
|
|||
|
|
if(!parseInt(json.total)) return;
|
|||
|
|
var item = json.list[0];
|
|||
|
|
var i = tabLists.length();
|
|||
|
|
tabLists.add(item);
|
|||
|
|
if(i > 0) {
|
|||
|
|
$('#lists ul').append('<li id="list_'+item.id+'" class="mtt-tab">'+
|
|||
|
|
'<a href="#" title="'+item.name+'"><span>'+item.name+'</span>'+
|
|||
|
|
'<div class="list-action"></div></a></li>');
|
|||
|
|
mytinytodo.doAction('listAdded', item);
|
|||
|
|
}
|
|||
|
|
else _mtt.loadLists();
|
|||
|
|
});
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function renameCurList()
|
|||
|
|
{
|
|||
|
|
if(!curList) return;
|
|||
|
|
var r = prompt(_mtt.lang.get('renameList'), dehtml(curList.name));
|
|||
|
|
if(r == null || r == '') return;
|
|||
|
|
|
|||
|
|
_mtt.db.request('renameList', {list:curList.id, name:r}, function(json){
|
|||
|
|
if(!parseInt(json.total)) return;
|
|||
|
|
var item = json.list[0];
|
|||
|
|
curList = item;
|
|||
|
|
tabLists.replace(item);
|
|||
|
|
$('#lists ul>.mtt-tabs-selected>a').attr('title', item.name).find('span').html(item.name);
|
|||
|
|
mytinytodo.doAction('listRenamed', item);
|
|||
|
|
});
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function deleteCurList()
|
|||
|
|
{
|
|||
|
|
if(!curList) return false;
|
|||
|
|
var r = confirm(_mtt.lang.get('deleteList'));
|
|||
|
|
if(!r) return;
|
|||
|
|
|
|||
|
|
_mtt.db.request('deleteList', {list:curList.id}, function(json){
|
|||
|
|
if(!parseInt(json.total)) return;
|
|||
|
|
_mtt.loadLists();
|
|||
|
|
})
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function publishCurList()
|
|||
|
|
{
|
|||
|
|
if(!curList) return false;
|
|||
|
|
_mtt.db.request('publishList', { list:curList.id, publish:curList.published?0:1 }, function(json){
|
|||
|
|
if(!parseInt(json.total)) return;
|
|||
|
|
curList.published = curList.published?0:1;
|
|||
|
|
if(curList.published) {
|
|||
|
|
$('#btnPublish').addClass('mtt-item-checked');
|
|||
|
|
$('#btnRssFeed').removeClass('mtt-item-disabled');
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
$('#btnPublish').removeClass('mtt-item-checked');
|
|||
|
|
$('#btnRssFeed').addClass('mtt-item-disabled');
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
|
|||
|
|
function loadTasks(opts)
|
|||
|
|
{
|
|||
|
|
if(!curList) return false;
|
|||
|
|
setSort(curList.sort, 1);
|
|||
|
|
opts = opts || {};
|
|||
|
|
if(opts.clearTasklist) {
|
|||
|
|
$('#tasklist').html('');
|
|||
|
|
$('#total').html('0');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
_mtt.db.request('loadTasks', {
|
|||
|
|
list: curList.id,
|
|||
|
|
compl: curList.showCompl,
|
|||
|
|
sort: curList.sort,
|
|||
|
|
search: filter.search,
|
|||
|
|
tag: _mtt.filter.getTags(true),
|
|||
|
|
setCompl: opts.setCompl
|
|||
|
|
}, function(json){
|
|||
|
|
taskList.length = 0;
|
|||
|
|
taskOrder.length = 0;
|
|||
|
|
taskCnt.total = taskCnt.past = taskCnt.today = taskCnt.soon = 0;
|
|||
|
|
var tasks = '';
|
|||
|
|
$.each(json.list, function(i,item){
|
|||
|
|
tasks += prepareTaskStr(item);
|
|||
|
|
taskList[item.id] = item;
|
|||
|
|
taskOrder.push(parseInt(item.id));
|
|||
|
|
changeTaskCnt(item, 1);
|
|||
|
|
});
|
|||
|
|
if(opts.beforeShow && opts.beforeShow.call) {
|
|||
|
|
opts.beforeShow();
|
|||
|
|
}
|
|||
|
|
refreshTaskCnt();
|
|||
|
|
$('#tasklist').html(tasks);
|
|||
|
|
});
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
|
|||
|
|
function prepareTaskStr(item, noteExp)
|
|||
|
|
{
|
|||
|
|
// — = — = —
|
|||
|
|
var id = item.id;
|
|||
|
|
var prio = item.prio;
|
|||
|
|
return '<li id="taskrow_'+id+'" class="' + (item.compl?'task-completed ':'') + item.dueClass + (item.note!=''?' task-has-note':'') +
|
|||
|
|
((curList.showNotes && item.note != '') || noteExp ? ' task-expanded' : '') + prepareTagsClass(item.tags_ids) + '">' +
|
|||
|
|
'<div class="task-actions"><a href="#" class="taskactionbtn"></a></div>'+"\n"+
|
|||
|
|
'<div class="task-left"><div class="task-toggle"></div>'+
|
|||
|
|
'<input type="checkbox" '+(flag.readOnly?'disabled="disabled"':'')+(item.compl?'checked="checked"':'')+'/></div>'+"\n"+
|
|||
|
|
'<div class="task-middle"><div class="task-through-right">'+prepareDuedate(item)+
|
|||
|
|
'<span class="task-date-completed"><span title="'+item.dateInlineTitle+'">'+item.dateInline+'</span>—'+
|
|||
|
|
'<span title="'+item.dateCompletedInlineTitle+'">'+item.dateCompletedInline+'</span></span></div>'+"\n"+
|
|||
|
|
'<div class="task-through">'+preparePrio(prio,id)+'<span class="task-title">'+prepareHtml(item.title)+'</span> '+
|
|||
|
|
(curList.id == -1 ? '<span class="task-listname">'+ tabLists.get(item.listId).name +'</span>' : '') + "\n" +
|
|||
|
|
prepareTagsStr(item)+'<span class="task-date">'+item.dateInlineTitle+'</span></div>'+
|
|||
|
|
'<div class="task-note-block">'+
|
|||
|
|
'<div id="tasknote'+id+'" class="task-note"><span>'+prepareHtml(item.note)+'</span></div>'+
|
|||
|
|
'<div id="tasknotearea'+id+'" class="task-note-area"><textarea id="notetext'+id+'"></textarea>'+
|
|||
|
|
'<span class="task-note-actions"><a href="#" class="mtt-action-note-save">'+_mtt.lang.get('actionNoteSave')+
|
|||
|
|
'</a> | <a href="#" class="mtt-action-note-cancel">'+_mtt.lang.get('actionNoteCancel')+'</a></span></div>'+
|
|||
|
|
'</div>'+
|
|||
|
|
"</div></li>\n";
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
|
|||
|
|
function prepareHtml(s)
|
|||
|
|
{
|
|||
|
|
// make URLs clickable
|
|||
|
|
s = s.replace(/(^|\s|>)(www\.([\w\#$%&~\/.\-\+;:=,\?\[\]@]+?))(,|\.|:|)?(?=\s|"|<|>|\"|<|>|$)/gi, '$1<a href="http://$2" target="_blank">$2</a>$4');
|
|||
|
|
return s.replace(/(^|\s|>)((?:http|https|ftp):\/\/([\w\#$%&~\/.\-\+;:=,\?\[\]@]+?))(,|\.|:|)?(?=\s|"|<|>|\"|<|>|$)/ig, '$1<a href="$2" target="_blank">$2</a>$4');
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function preparePrio(prio,id)
|
|||
|
|
{
|
|||
|
|
var cl =''; var v = '';
|
|||
|
|
if(prio < 0) { cl = 'prio-neg prio-neg-'+Math.abs(prio); v = '−'+Math.abs(prio); } // − = − = −
|
|||
|
|
else if(prio > 0) { cl = 'prio-pos prio-pos-'+prio; v = '+'+prio; }
|
|||
|
|
else { cl = 'prio-zero'; v = '±0'; } // ± = ± = ±
|
|||
|
|
return '<span class="task-prio '+cl+'">'+v+'</span>';
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function prepareTagsStr(item)
|
|||
|
|
{
|
|||
|
|
if(!item.tags || item.tags == '') return '';
|
|||
|
|
var a = item.tags.split(',');
|
|||
|
|
if(!a.length) return '';
|
|||
|
|
var b = item.tags_ids.split(',')
|
|||
|
|
for(var i in a) {
|
|||
|
|
a[i] = '<a href="#" class="tag" tag="'+a[i]+'" tagid="'+b[i]+'">'+a[i]+'</a>';
|
|||
|
|
}
|
|||
|
|
return '<span class="task-tags">'+a.join(', ')+'</span>';
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function prepareTagsClass(ids)
|
|||
|
|
{
|
|||
|
|
if(!ids || ids == '') return '';
|
|||
|
|
var a = ids.split(',');
|
|||
|
|
if(!a.length) return '';
|
|||
|
|
for(var i in a) {
|
|||
|
|
a[i] = 'tag-id-'+a[i];
|
|||
|
|
}
|
|||
|
|
return ' '+a.join(' ');
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function prepareDuedate(item)
|
|||
|
|
{
|
|||
|
|
if(!item.duedate) return '';
|
|||
|
|
return '<span class="duedate" title="'+item.dueTitle+'"><span class="duedate-arrow">→</span> '+item.dueStr+'</span>';
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
|
|||
|
|
function submitNewTask(form)
|
|||
|
|
{
|
|||
|
|
if(form.task.value == '') return false;
|
|||
|
|
_mtt.db.request('newTask', { list:curList.id, title: form.task.value, tag:_mtt.filter.getTags() }, function(json){
|
|||
|
|
if(!json.total) return;
|
|||
|
|
$('#total').text( parseInt($('#total').text()) + 1 );
|
|||
|
|
taskCnt.total++;
|
|||
|
|
form.task.value = '';
|
|||
|
|
var item = json.list[0];
|
|||
|
|
taskList[item.id] = item;
|
|||
|
|
taskOrder.push(parseInt(item.id));
|
|||
|
|
$('#tasklist').append(prepareTaskStr(item));
|
|||
|
|
changeTaskOrder(item.id);
|
|||
|
|
$('#taskrow_'+item.id).effect("highlight", {color:_mtt.theme.newTaskFlashColor}, 2000);
|
|||
|
|
refreshTaskCnt();
|
|||
|
|
});
|
|||
|
|
flag.tagsChanged = true;
|
|||
|
|
return false;
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
|
|||
|
|
function changeTaskOrder(id)
|
|||
|
|
{
|
|||
|
|
id = parseInt(id);
|
|||
|
|
if(taskOrder.length < 2) return;
|
|||
|
|
var oldOrder = taskOrder.slice();
|
|||
|
|
// sortByHand
|
|||
|
|
if(curList.sort == 0) taskOrder.sort( function(a,b){
|
|||
|
|
if(taskList[a].compl != taskList[b].compl) return taskList[a].compl-taskList[b].compl;
|
|||
|
|
return taskList[a].ow-taskList[b].ow
|
|||
|
|
});
|
|||
|
|
// sortByPrio
|
|||
|
|
else if(curList.sort == 1) taskOrder.sort( function(a,b){
|
|||
|
|
if(taskList[a].compl != taskList[b].compl) return taskList[a].compl-taskList[b].compl;
|
|||
|
|
if(taskList[a].prio != taskList[b].prio) return taskList[b].prio-taskList[a].prio;
|
|||
|
|
if(taskList[a].dueInt != taskList[b].dueInt) return taskList[a].dueInt-taskList[b].dueInt;
|
|||
|
|
return taskList[a].ow-taskList[b].ow;
|
|||
|
|
});
|
|||
|
|
// sortByPrio (reverse)
|
|||
|
|
else if(curList.sort == 101) taskOrder.sort( function(a,b){
|
|||
|
|
if(taskList[a].compl != taskList[b].compl) return taskList[a].compl-taskList[b].compl;
|
|||
|
|
if(taskList[a].prio != taskList[b].prio) return taskList[a].prio-taskList[b].prio;
|
|||
|
|
if(taskList[a].dueInt != taskList[b].dueInt) return taskList[b].dueInt-taskList[a].dueInt;
|
|||
|
|
return taskList[b].ow-taskList[a].ow;
|
|||
|
|
});
|
|||
|
|
// sortByDueDate
|
|||
|
|
else if(curList.sort == 2) taskOrder.sort( function(a,b){
|
|||
|
|
if(taskList[a].compl != taskList[b].compl) return taskList[a].compl-taskList[b].compl;
|
|||
|
|
if(taskList[a].dueInt != taskList[b].dueInt) return taskList[a].dueInt-taskList[b].dueInt;
|
|||
|
|
if(taskList[a].prio != taskList[b].prio) return taskList[b].prio-taskList[a].prio;
|
|||
|
|
return taskList[a].ow-taskList[b].ow;
|
|||
|
|
});
|
|||
|
|
// sortByDueDate (reverse)
|
|||
|
|
else if(curList.sort == 102) taskOrder.sort( function(a,b){
|
|||
|
|
if(taskList[a].compl != taskList[b].compl) return taskList[a].compl-taskList[b].compl;
|
|||
|
|
if(taskList[a].dueInt != taskList[b].dueInt) return taskList[b].dueInt-taskList[a].dueInt;
|
|||
|
|
if(taskList[a].prio != taskList[b].prio) return taskList[a].prio-taskList[b].prio;
|
|||
|
|
return taskList[b].ow-taskList[a].ow;
|
|||
|
|
});
|
|||
|
|
// sortByDateCreated
|
|||
|
|
else if(curList.sort == 3) taskOrder.sort( function(a,b){
|
|||
|
|
if(taskList[a].compl != taskList[b].compl) return taskList[a].compl-taskList[b].compl;
|
|||
|
|
if(taskList[a].dateInt != taskList[b].dateInt) return taskList[a].dateInt-taskList[b].dateInt;
|
|||
|
|
if(taskList[a].prio != taskList[b].prio) return taskList[b].prio-taskList[a].prio;
|
|||
|
|
return taskList[a].ow-taskList[b].ow;
|
|||
|
|
});
|
|||
|
|
// sortByDateCreated (reverse)
|
|||
|
|
else if(curList.sort == 103) taskOrder.sort( function(a,b){
|
|||
|
|
if(taskList[a].compl != taskList[b].compl) return taskList[a].compl-taskList[b].compl;
|
|||
|
|
if(taskList[a].dateInt != taskList[b].dateInt) return taskList[b].dateInt-taskList[a].dateInt;
|
|||
|
|
if(taskList[a].prio != taskList[b].prio) return taskList[a].prio-taskList[b].prio;
|
|||
|
|
return taskList[b].ow-taskList[a].ow;
|
|||
|
|
});
|
|||
|
|
// sortByDateModified
|
|||
|
|
else if(curList.sort == 4) taskOrder.sort( function(a,b){
|
|||
|
|
if(taskList[a].compl != taskList[b].compl) return taskList[a].compl-taskList[b].compl;
|
|||
|
|
if(taskList[a].dateEditedInt != taskList[b].dateEditedInt) return taskList[a].dateEditedInt-taskList[b].dateEditedInt;
|
|||
|
|
if(taskList[a].prio != taskList[b].prio) return taskList[b].prio-taskList[a].prio;
|
|||
|
|
return taskList[a].ow-taskList[b].ow;
|
|||
|
|
});
|
|||
|
|
// sortByDateModified (reverse)
|
|||
|
|
else if(curList.sort == 104) taskOrder.sort( function(a,b){
|
|||
|
|
if(taskList[a].compl != taskList[b].compl) return taskList[a].compl-taskList[b].compl;
|
|||
|
|
if(taskList[a].dateEditedInt != taskList[b].dateEditedInt) return taskList[b].dateEditedInt-taskList[a].dateEditedInt;
|
|||
|
|
if(taskList[a].prio != taskList[b].prio) return taskList[a].prio-taskList[b].prio;
|
|||
|
|
return taskList[b].ow-taskList[a].ow;
|
|||
|
|
});
|
|||
|
|
else return;
|
|||
|
|
if(oldOrder.toString() == taskOrder.toString()) return;
|
|||
|
|
if(id && taskList[id])
|
|||
|
|
{
|
|||
|
|
// optimization: determine where to insert task: top or after some task
|
|||
|
|
var indx = $.inArray(id,taskOrder);
|
|||
|
|
if(indx ==0) {
|
|||
|
|
$('#tasklist').prepend($('#taskrow_'+id))
|
|||
|
|
} else {
|
|||
|
|
var after = taskOrder[indx-1];
|
|||
|
|
$('#taskrow_'+after).after($('#taskrow_'+id));
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
var o = $('#tasklist');
|
|||
|
|
for(var i in taskOrder) {
|
|||
|
|
o.append($('#taskrow_'+taskOrder[i]));
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
|
|||
|
|
function prioPopup(act, el, id)
|
|||
|
|
{
|
|||
|
|
if(act == 0) {
|
|||
|
|
clearTimeout(objPrio.timer);
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
var offset = $(el).offset();
|
|||
|
|
$('#priopopup').css({ position: 'absolute', top: offset.top + 1, left: offset.left + 1 });
|
|||
|
|
objPrio.taskId = id;
|
|||
|
|
objPrio.el = el;
|
|||
|
|
objPrio.timer = setTimeout("$('#priopopup').show()", 300);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function prioClick(prio, el)
|
|||
|
|
{
|
|||
|
|
el.blur();
|
|||
|
|
prio = parseInt(prio);
|
|||
|
|
$('#priopopup').fadeOut('fast'); //.hide();
|
|||
|
|
setTaskPrio(objPrio.taskId, prio);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function setTaskPrio(id, prio)
|
|||
|
|
{
|
|||
|
|
_mtt.db.request('setPrio', {id:id, prio:prio});
|
|||
|
|
taskList[id].prio = prio;
|
|||
|
|
var $t = $('#taskrow_'+id);
|
|||
|
|
$t.find('.task-prio').replaceWith(preparePrio(prio, id));
|
|||
|
|
if(curList.sort != 0) changeTaskOrder(id);
|
|||
|
|
$t.effect("highlight", {color:_mtt.theme.editTaskFlashColor}, 'normal');
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function setSort(v, init)
|
|||
|
|
{
|
|||
|
|
$('#listmenucontainer .sort-item').removeClass('mtt-item-checked').children('.mtt-sort-direction').text('');
|
|||
|
|
if(v == 0) $('#sortByHand').addClass('mtt-item-checked');
|
|||
|
|
else if(v==1 || v==101) $('#sortByPrio').addClass('mtt-item-checked').children('.mtt-sort-direction').text(v==1 ? '↑' : '↓');
|
|||
|
|
else if(v==2 || v==102) $('#sortByDueDate').addClass('mtt-item-checked').children('.mtt-sort-direction').text(v==2 ? '↑' : '↓');
|
|||
|
|
else if(v==3 || v==103) $('#sortByDateCreated').addClass('mtt-item-checked').children('.mtt-sort-direction').text(v==3 ? '↓' : '↑');
|
|||
|
|
else if(v==4 || v==104) $('#sortByDateModified').addClass('mtt-item-checked').children('.mtt-sort-direction').text(v==4 ? '↓' : '↑');
|
|||
|
|
else return;
|
|||
|
|
|
|||
|
|
curList.sort = v;
|
|||
|
|
if(v == 0 && !flag.readOnly) $("#tasklist").sortable('enable');
|
|||
|
|
else $("#tasklist").sortable('disable');
|
|||
|
|
|
|||
|
|
if(!init)
|
|||
|
|
{
|
|||
|
|
changeTaskOrder();
|
|||
|
|
if(!flag.readOnly) _mtt.db.request('setSort', {list:curList.id, sort:curList.sort});
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
|
|||
|
|
function changeTaskCnt(task, dir, old)
|
|||
|
|
{
|
|||
|
|
if(dir > 0) dir = 1;
|
|||
|
|
else if(dir < 0) dir = -1;
|
|||
|
|
if(dir == 0 && old != null && task.dueClass != old.dueClass) //on saveTask
|
|||
|
|
{
|
|||
|
|
if(old.dueClass != '') taskCnt[old.dueClass]--;
|
|||
|
|
if(task.dueClass != '') taskCnt[task.dueClass]++;
|
|||
|
|
}
|
|||
|
|
else if(dir == 0 && old == null) //on comleteTask
|
|||
|
|
{
|
|||
|
|
if(!curList.showCompl && task.compl) taskCnt.total--;
|
|||
|
|
if(task.dueClass != '') taskCnt[task.dueClass] += task.compl ? -1 : 1;
|
|||
|
|
}
|
|||
|
|
if(dir != 0) {
|
|||
|
|
if(task.dueClass != '' && !task.compl) taskCnt[task.dueClass] += dir;
|
|||
|
|
taskCnt.total += dir;
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function refreshTaskCnt()
|
|||
|
|
{
|
|||
|
|
$('#cnt_total').text(taskCnt.total);
|
|||
|
|
$('#cnt_past').text(taskCnt.past);
|
|||
|
|
$('#cnt_today').text(taskCnt.today);
|
|||
|
|
$('#cnt_soon').text(taskCnt.soon);
|
|||
|
|
if(filter.due == '') $('#total').text(taskCnt.total);
|
|||
|
|
else if(taskCnt[filter.due] != null) $('#total').text(taskCnt[filter.due]);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
|
|||
|
|
function setTaskview(v)
|
|||
|
|
{
|
|||
|
|
if(v == 0)
|
|||
|
|
{
|
|||
|
|
if(filter.due == '') return;
|
|||
|
|
$('#taskview .btnstr').text(_mtt.lang.get('tasks'));
|
|||
|
|
$('#tasklist').removeClass('filter-'+filter.due);
|
|||
|
|
filter.due = '';
|
|||
|
|
$('#total').text(taskCnt.total);
|
|||
|
|
}
|
|||
|
|
else if(v=='past' || v=='today' || v=='soon')
|
|||
|
|
{
|
|||
|
|
if(filter.due == v) return;
|
|||
|
|
else if(filter.due != '') {
|
|||
|
|
$('#tasklist').removeClass('filter-'+filter.due);
|
|||
|
|
}
|
|||
|
|
$('#tasklist').addClass('filter-'+v);
|
|||
|
|
$('#taskview .btnstr').text(_mtt.lang.get('f_'+v));
|
|||
|
|
$('#total').text(taskCnt[v]);
|
|||
|
|
filter.due = v;
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
|
|||
|
|
function toggleAllNotes(show)
|
|||
|
|
{
|
|||
|
|
for(var id in taskList)
|
|||
|
|
{
|
|||
|
|
if(taskList[id].note == '') continue;
|
|||
|
|
if(show) $('#taskrow_'+id).addClass('task-expanded');
|
|||
|
|
else $('#taskrow_'+id).removeClass('task-expanded');
|
|||
|
|
}
|
|||
|
|
curList.showNotes = show;
|
|||
|
|
if(_mtt.options.saveShowNotes) _mtt.db.request('setShowNotesInList', {list:curList.id, shownotes:show}, function(json){});
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
|
|||
|
|
function tabSelect(elementOrId)
|
|||
|
|
{
|
|||
|
|
var id;
|
|||
|
|
if(typeof elementOrId == 'number') id = elementOrId;
|
|||
|
|
else if(typeof elementOrId == 'string') id = parseInt(elementOrId);
|
|||
|
|
else {
|
|||
|
|
id = $(elementOrId).attr('id');
|
|||
|
|
if(!id) return;
|
|||
|
|
id = parseInt(id.split('_', 2)[1]);
|
|||
|
|
}
|
|||
|
|
if(!tabLists.exists(id)) return;
|
|||
|
|
$('#lists .mtt-tabs-selected').removeClass('mtt-tabs-selected');
|
|||
|
|
$('#list_all').removeClass('mtt-tabs-selected');
|
|||
|
|
|
|||
|
|
if(id == -1) {
|
|||
|
|
$('#list_all').addClass('mtt-tabs-selected').removeClass('mtt-tabs-hidden');
|
|||
|
|
$('#listmenucontainer .mtt-need-real-list').addClass('mtt-item-hidden');
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
$('#list_'+id).addClass('mtt-tabs-selected').removeClass('mtt-tabs-hidden');
|
|||
|
|
$('#listmenucontainer .mtt-need-real-list').removeClass('mtt-item-hidden');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if(curList.id != id)
|
|||
|
|
{
|
|||
|
|
if(id == -1) $('#mtt_body').addClass('show-all-tasks');
|
|||
|
|
else $('#mtt_body').removeClass('show-all-tasks');
|
|||
|
|
if(filter.search != '') liveSearchToggle(0, 1);
|
|||
|
|
mytinytodo.doAction('listSelected', tabLists.get(id));
|
|||
|
|
}
|
|||
|
|
curList = tabLists.get(id);
|
|||
|
|
if(curList.hidden) {
|
|||
|
|
curList.hidden = false;
|
|||
|
|
if(curList.id > 0) _mtt.db.request('setHideList', {list:curList.id, hide:0});
|
|||
|
|
}
|
|||
|
|
flag.tagsChanged = true;
|
|||
|
|
cancelTagFilter(0, 1);
|
|||
|
|
setTaskview(0);
|
|||
|
|
loadTasks({clearTasklist:1});
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
function listMenu(el)
|
|||
|
|
{
|
|||
|
|
if(!mytinytodo.menus.listMenu) mytinytodo.menus.listMenu = new mttMenu('listmenucontainer', {onclick:listMenuClick});
|
|||
|
|
mytinytodo.menus.listMenu.show(el);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function listMenuClick(el, menu)
|
|||
|
|
{
|
|||
|
|
if(!el.id) return;
|
|||
|
|
switch(el.id) {
|
|||
|
|
case 'btnAddList': addList(); break;
|
|||
|
|
case 'btnRenameList': renameCurList(); break;
|
|||
|
|
case 'btnDeleteList': deleteCurList(); break;
|
|||
|
|
case 'btnPublish': publishCurList(); break;
|
|||
|
|
case 'btnExportCSV': exportCurList('csv'); break;
|
|||
|
|
case 'btnExportICAL': exportCurList('ical'); break;
|
|||
|
|
case 'btnRssFeed': feedCurList(); break;
|
|||
|
|
case 'btnShowCompleted': showCompletedToggle(); break;
|
|||
|
|
case 'btnClearCompleted': clearCompleted(); break;
|
|||
|
|
case 'sortByHand': setSort(0); break;
|
|||
|
|
case 'sortByPrio': setSort(curList.sort==1 ? 101 : 1); break;
|
|||
|
|
case 'sortByDueDate': setSort(curList.sort==2 ? 102 : 2); break;
|
|||
|
|
case 'sortByDateCreated': setSort(curList.sort==3 ? 103 : 3); break;
|
|||
|
|
case 'sortByDateModified': setSort(curList.sort==4 ? 104 : 4); break;
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function deleteTask(id)
|
|||
|
|
{
|
|||
|
|
if(!confirm(_mtt.lang.get('confirmDelete'))) {
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
_mtt.db.request('deleteTask', {id:id}, function(json){
|
|||
|
|
if(!parseInt(json.total)) return;
|
|||
|
|
var item = json.list[0];
|
|||
|
|
taskOrder.splice($.inArray(id,taskOrder), 1);
|
|||
|
|
$('#taskrow_'+id).fadeOut('normal', function(){ $(this).remove() });
|
|||
|
|
changeTaskCnt(taskList[id], -1);
|
|||
|
|
refreshTaskCnt();
|
|||
|
|
delete taskList[id];
|
|||
|
|
});
|
|||
|
|
flag.tagsChanged = true;
|
|||
|
|
return false;
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function completeTask(id, ch)
|
|||
|
|
{
|
|||
|
|
if(!taskList[id]) return; //click on already removed from the list while anim. effect
|
|||
|
|
var compl = 0;
|
|||
|
|
if(ch.checked) compl = 1;
|
|||
|
|
_mtt.db.request('completeTask', {id:id, compl:compl, list:curList.id}, function(json){
|
|||
|
|
if(!parseInt(json.total)) return;
|
|||
|
|
var item = json.list[0];
|
|||
|
|
if(item.compl) $('#taskrow_'+id).addClass('task-completed');
|
|||
|
|
else $('#taskrow_'+id).removeClass('task-completed');
|
|||
|
|
taskList[id] = item;
|
|||
|
|
changeTaskCnt(taskList[id], 0);
|
|||
|
|
if(item.compl && !curList.showCompl) {
|
|||
|
|
delete taskList[id];
|
|||
|
|
taskOrder.splice($.inArray(id,taskOrder), 1);
|
|||
|
|
$('#taskrow_'+id).fadeOut('normal', function(){ $(this).remove() });
|
|||
|
|
}
|
|||
|
|
else if(curList.showCompl) {
|
|||
|
|
$('#taskrow_'+item.id).replaceWith(prepareTaskStr(taskList[id]));
|
|||
|
|
$('#taskrow_'+id).fadeOut('fast', function(){
|
|||
|
|
changeTaskOrder(id);
|
|||
|
|
$(this).effect("highlight", {color:_mtt.theme.editTaskFlashColor}, 'normal', function(){$(this).css('display','')});
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
refreshTaskCnt();
|
|||
|
|
});
|
|||
|
|
return false;
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function toggleTaskNote(id)
|
|||
|
|
{
|
|||
|
|
var aArea = '#tasknotearea'+id;
|
|||
|
|
if($(aArea).css('display') == 'none')
|
|||
|
|
{
|
|||
|
|
$('#notetext'+id).val(taskList[id].noteText);
|
|||
|
|
$(aArea).show();
|
|||
|
|
$('#tasknote'+id).hide();
|
|||
|
|
$('#taskrow_'+id).addClass('task-expanded');
|
|||
|
|
$('#notetext'+id).focus();
|
|||
|
|
} else {
|
|||
|
|
cancelTaskNote(id)
|
|||
|
|
}
|
|||
|
|
return false;
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function cancelTaskNote(id)
|
|||
|
|
{
|
|||
|
|
if(taskList[id].note == '') $('#taskrow_'+id).removeClass('task-expanded');
|
|||
|
|
$('#tasknotearea'+id).hide();
|
|||
|
|
$('#tasknote'+id).show();
|
|||
|
|
return false;
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function saveTaskNote(id)
|
|||
|
|
{
|
|||
|
|
_mtt.db.request('editNote', {id:id, note:$('#notetext'+id).val()}, function(json){
|
|||
|
|
if(!parseInt(json.total)) return;
|
|||
|
|
var item = json.list[0];
|
|||
|
|
taskList[id].note = item.note;
|
|||
|
|
taskList[id].noteText = item.noteText;
|
|||
|
|
$('#tasknote'+id+'>span').html(prepareHtml(item.note));
|
|||
|
|
if(item.note == '') $('#taskrow_'+id).removeClass('task-has-note task-expanded');
|
|||
|
|
else $('#taskrow_'+id).addClass('task-has-note task-expanded');
|
|||
|
|
cancelTaskNote(id);
|
|||
|
|
});
|
|||
|
|
return false;
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function editTask(id)
|
|||
|
|
{
|
|||
|
|
var item = taskList[id];
|
|||
|
|
if(!item) return false;
|
|||
|
|
// no need to clear form
|
|||
|
|
var form = document.getElementById('taskedit_form');
|
|||
|
|
form.task.value = dehtml(item.title);
|
|||
|
|
form.note.value = item.noteText;
|
|||
|
|
form.id.value = item.id;
|
|||
|
|
form.tags.value = item.tags.split(',').join(', ');
|
|||
|
|
form.duedate.value = item.duedate;
|
|||
|
|
form.prio.value = item.prio;
|
|||
|
|
$('#taskedit-date .date-created>span').text(item.date);
|
|||
|
|
if(item.compl) $('#taskedit-date .date-completed').show().find('span').text(item.dateCompleted);
|
|||
|
|
else $('#taskedit-date .date-completed').hide();
|
|||
|
|
toggleEditAllTags(0);
|
|||
|
|
showEditForm();
|
|||
|
|
return false;
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function clearEditForm()
|
|||
|
|
{
|
|||
|
|
var form = document.getElementById('taskedit_form');
|
|||
|
|
form.task.value = '';
|
|||
|
|
form.note.value = '';
|
|||
|
|
form.tags.value = '';
|
|||
|
|
form.duedate.value = '';
|
|||
|
|
form.prio.value = '0';
|
|||
|
|
form.id.value = '';
|
|||
|
|
toggleEditAllTags(0);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function showEditForm(isAdd)
|
|||
|
|
{
|
|||
|
|
var form = document.getElementById('taskedit_form');
|
|||
|
|
if(isAdd)
|
|||
|
|
{
|
|||
|
|
clearEditForm();
|
|||
|
|
$('#page_taskedit').removeClass('mtt-inedit').addClass('mtt-inadd');
|
|||
|
|
form.isadd.value = 1;
|
|||
|
|
if(_mtt.options.autotag) form.tags.value = _mtt.filter.getTags();
|
|||
|
|
if($('#task').val() != '')
|
|||
|
|
{
|
|||
|
|
_mtt.db.request('parseTaskStr', { list:curList.id, title:$('#task').val(), tag:_mtt.filter.getTags() }, function(json){
|
|||
|
|
if(!json) return;
|
|||
|
|
form.task.value = json.title
|
|||
|
|
form.tags.value = (form.tags.value != '') ? form.tags.value +', '+ json.tags : json.tags;
|
|||
|
|
form.prio.value = json.prio;
|
|||
|
|
$('#task').val('');
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
$('#page_taskedit').removeClass('mtt-inadd').addClass('mtt-inedit');
|
|||
|
|
form.isadd.value = 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
flag.editFormChanged = false;
|
|||
|
|
_mtt.pageSet('taskedit');
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function saveTask(form)
|
|||
|
|
{
|
|||
|
|
if(flag.readOnly) return false;
|
|||
|
|
if(form.isadd.value != 0)
|
|||
|
|
return submitFullTask(form);
|
|||
|
|
|
|||
|
|
_mtt.db.request('editTask', {id:form.id.value, title: form.task.value, note:form.note.value,
|
|||
|
|
prio:form.prio.value, tags:form.tags.value, duedate:form.duedate.value},
|
|||
|
|
function(json){
|
|||
|
|
if(!parseInt(json.total)) return;
|
|||
|
|
var item = json.list[0];
|
|||
|
|
changeTaskCnt(item, 0, taskList[item.id]);
|
|||
|
|
taskList[item.id] = item;
|
|||
|
|
var noteExpanded = (item.note != '' && $('#taskrow_'+item.id).is('.task-expanded')) ? 1 : 0;
|
|||
|
|
$('#taskrow_'+item.id).replaceWith(prepareTaskStr(item, noteExpanded));
|
|||
|
|
if(curList.sort != 0) changeTaskOrder(item.id);
|
|||
|
|
_mtt.pageBack(); //back to list
|
|||
|
|
refreshTaskCnt();
|
|||
|
|
$('#taskrow_'+item.id).effect("highlight", {color:_mtt.theme.editTaskFlashColor}, 'normal', function(){$(this).css('display','')});
|
|||
|
|
});
|
|||
|
|
$("#edittags").flushCache();
|
|||
|
|
flag.tagsChanged = true;
|
|||
|
|
return false;
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function toggleEditAllTags(show)
|
|||
|
|
{
|
|||
|
|
if(show)
|
|||
|
|
{
|
|||
|
|
if(curList.id == -1) {
|
|||
|
|
var taskId = document.getElementById('taskedit_form').id.value;
|
|||
|
|
loadTags(taskList[taskId].listId, fillEditAllTags);
|
|||
|
|
}
|
|||
|
|
else if(flag.tagsChanged) loadTags(curList.id, fillEditAllTags);
|
|||
|
|
else fillEditAllTags();
|
|||
|
|
showhide($('#alltags_hide'), $('#alltags_show'));
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
$('#alltags').hide();
|
|||
|
|
showhide($('#alltags_show'), $('#alltags_hide'))
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function fillEditAllTags()
|
|||
|
|
{
|
|||
|
|
var a = [];
|
|||
|
|
for(var i=tagsList.length-1; i>=0; i--) {
|
|||
|
|
a.push('<a href="#" class="tag" tag="'+tagsList[i].tag+'">'+tagsList[i].tag+'</a>');
|
|||
|
|
}
|
|||
|
|
$('#alltags .tags-list').html(a.join(', '));
|
|||
|
|
$('#alltags').show();
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function addEditTag(tag)
|
|||
|
|
{
|
|||
|
|
var v = $('#edittags').val();
|
|||
|
|
if(v == '') {
|
|||
|
|
$('#edittags').val(tag);
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
var r = v.search(new RegExp('(^|,)\\s*'+tag+'\\s*(,|$)'));
|
|||
|
|
if(r < 0) $('#edittags').val(v+', '+tag);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function loadTags(listId, callback)
|
|||
|
|
{
|
|||
|
|
_mtt.db.request('tagCloud', {list:listId}, function(json){
|
|||
|
|
if(!parseInt(json.total)) tagsList = [];
|
|||
|
|
else tagsList = json.cloud;
|
|||
|
|
var cloud = '';
|
|||
|
|
$.each(tagsList, function(i,item){
|
|||
|
|
cloud += ' <a href="#" tag="'+item.tag+'" tagid="'+item.id+'" class="tag w'+item.w+'" >'+item.tag+'</a>';
|
|||
|
|
});
|
|||
|
|
$('#tagcloudcontent').html(cloud)
|
|||
|
|
flag.tagsChanged = false;
|
|||
|
|
callback();
|
|||
|
|
});
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function cancelTagFilter(tagId, dontLoadTasks)
|
|||
|
|
{
|
|||
|
|
if(tagId) _mtt.filter.cancelTag(tagId);
|
|||
|
|
else _mtt.filter.clear();
|
|||
|
|
if(dontLoadTasks==null || !dontLoadTasks) loadTasks();
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function addFilterTag(tag, tagId, exclude)
|
|||
|
|
{
|
|||
|
|
if(!_mtt.filter.addTag(tagId, tag, exclude)) return false;
|
|||
|
|
loadTasks();
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function liveSearchToggle(toSearch, dontLoad)
|
|||
|
|
{
|
|||
|
|
if(toSearch)
|
|||
|
|
{
|
|||
|
|
$('#search').focus();
|
|||
|
|
}
|
|||
|
|
else
|
|||
|
|
{
|
|||
|
|
if($('#search').val() != '') {
|
|||
|
|
filter.search = '';
|
|||
|
|
$('#search').val('');
|
|||
|
|
$('#searchbarkeyword').text('');
|
|||
|
|
$('#searchbar').hide();
|
|||
|
|
$('#search_close').hide();
|
|||
|
|
if(!dontLoad) loadTasks();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
$('#search').blur();
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function searchTasks(force)
|
|||
|
|
{
|
|||
|
|
var newkeyword = $('#search').val();
|
|||
|
|
if(newkeyword == filter.search && !force) return false;
|
|||
|
|
filter.search = newkeyword;
|
|||
|
|
$('#searchbarkeyword').text(filter.search);
|
|||
|
|
if(filter.search != '') $('#searchbar').fadeIn('fast');
|
|||
|
|
else $('#searchbar').fadeOut('fast');
|
|||
|
|
loadTasks();
|
|||
|
|
return false;
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
|
|||
|
|
function submitFullTask(form)
|
|||
|
|
{
|
|||
|
|
if(flag.readOnly) return false;
|
|||
|
|
|
|||
|
|
_mtt.db.request('fullNewTask', { list:curList.id, tag:_mtt.filter.getTags(), title: form.task.value, note:form.note.value,
|
|||
|
|
prio:form.prio.value, tags:form.tags.value, duedate:form.duedate.value }, function(json){
|
|||
|
|
if(!parseInt(json.total)) return;
|
|||
|
|
form.task.value = '';
|
|||
|
|
var item = json.list[0];
|
|||
|
|
taskList[item.id] = item;
|
|||
|
|
taskOrder.push(parseInt(item.id));
|
|||
|
|
$('#tasklist').append(prepareTaskStr(item));
|
|||
|
|
changeTaskOrder(item.id);
|
|||
|
|
_mtt.pageBack();
|
|||
|
|
$('#taskrow_'+item.id).effect("highlight", {color:_mtt.theme.newTaskFlashColor}, 2000);
|
|||
|
|
changeTaskCnt(item, 1);
|
|||
|
|
refreshTaskCnt();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$("#edittags").flushCache();
|
|||
|
|
flag.tagsChanged = true;
|
|||
|
|
return false;
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
|
|||
|
|
function sortStart(event,ui)
|
|||
|
|
{
|
|||
|
|
// remember initial order before sorting
|
|||
|
|
sortOrder = $(this).sortable('toArray');
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function orderChanged(event,ui)
|
|||
|
|
{
|
|||
|
|
if(!ui.item[0]) return;
|
|||
|
|
var itemId = ui.item[0].id;
|
|||
|
|
var n = $(this).sortable('toArray');
|
|||
|
|
|
|||
|
|
// remove possible empty id's
|
|||
|
|
for(var i=0; i<sortOrder.length; i++) {
|
|||
|
|
if(sortOrder[i] == '') { sortOrder.splice(i,1); i--; }
|
|||
|
|
}
|
|||
|
|
if(n.toString() == sortOrder.toString()) return;
|
|||
|
|
|
|||
|
|
// make index: id=>position
|
|||
|
|
var h0 = {}; //before
|
|||
|
|
for(var j=0; j<sortOrder.length; j++) {
|
|||
|
|
h0[sortOrder[j]] = j;
|
|||
|
|
}
|
|||
|
|
var h1 = {}; //after
|
|||
|
|
for(var j=0; j<n.length; j++) {
|
|||
|
|
h1[n[j]] = j;
|
|||
|
|
taskOrder[j] = parseInt(n[j].split('_')[1]);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// prepare param
|
|||
|
|
var o = [];
|
|||
|
|
var diff;
|
|||
|
|
var replaceOW = taskList[sortOrder[h1[itemId]].split('_')[1]].ow;
|
|||
|
|
for(var j in h0)
|
|||
|
|
{
|
|||
|
|
diff = h1[j] - h0[j];
|
|||
|
|
if(diff != 0) {
|
|||
|
|
var a = j.split('_');
|
|||
|
|
if(j == itemId) diff = replaceOW - taskList[a[1]].ow;
|
|||
|
|
o.push({id:a[1], diff:diff});
|
|||
|
|
taskList[a[1]].ow += diff;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
_mtt.db.request('changeOrder', {order:o});
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
|
|||
|
|
function mttMenu(container, options)
|
|||
|
|
{
|
|||
|
|
var menu = this;
|
|||
|
|
this.container = document.getElementById(container);
|
|||
|
|
this.$container = $(this.container);
|
|||
|
|
this.menuOpen = false;
|
|||
|
|
this.options = options || {};
|
|||
|
|
this.submenu = [];
|
|||
|
|
this.curSubmenu = null;
|
|||
|
|
this.showTimer = null;
|
|||
|
|
this.ts = (new Date).getTime();
|
|||
|
|
this.container.mttmenu = this.ts;
|
|||
|
|
|
|||
|
|
this.$container.find('li').click(function(){
|
|||
|
|
menu.onclick(this, menu);
|
|||
|
|
return false;
|
|||
|
|
})
|
|||
|
|
.each(function(){
|
|||
|
|
|
|||
|
|
var submenu = 0;
|
|||
|
|
if($(this).is('.mtt-menu-indicator'))
|
|||
|
|
{
|
|||
|
|
submenu = new mttMenu($(this).attr('submenu'));
|
|||
|
|
submenu.$caller = $(this);
|
|||
|
|
submenu.parent = menu;
|
|||
|
|
if(menu.root) submenu.root = menu.root; //!! be careful with circular references
|
|||
|
|
else submenu.root = menu;
|
|||
|
|
menu.submenu.push(submenu);
|
|||
|
|
submenu.ts = submenu.container.mttmenu = submenu.root.ts;
|
|||
|
|
|
|||
|
|
submenu.$container.find('li').click(function(){
|
|||
|
|
submenu.root.onclick(this, submenu);
|
|||
|
|
return false;
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
$(this).hover(
|
|||
|
|
function(){
|
|||
|
|
if(!$(this).is('.mtt-menu-item-active')) menu.$container.find('li').removeClass('mtt-menu-item-active');
|
|||
|
|
clearTimeout(menu.showTimer);
|
|||
|
|
if(menu.hideTimer && menu.parent) {
|
|||
|
|
clearTimeout(menu.hideTimer);
|
|||
|
|
menu.hideTimer = null;
|
|||
|
|
menu.$caller.addClass('mtt-menu-item-active');
|
|||
|
|
clearTimeout(menu.parent.showTimer);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if(menu.curSubmenu && menu.curSubmenu.menuOpen && menu.curSubmenu != submenu && !menu.curSubmenu.hideTimer)
|
|||
|
|
{
|
|||
|
|
menu.$container.find('li').removeClass('mtt-menu-item-active');
|
|||
|
|
var curSubmenu = menu.curSubmenu;
|
|||
|
|
curSubmenu.hideTimer = setTimeout(function(){
|
|||
|
|
curSubmenu.hide();
|
|||
|
|
curSubmenu.hideTimer = null;
|
|||
|
|
}, 300);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if(!submenu || menu.curSubmenu == submenu && menu.curSubmenu.menuOpen)
|
|||
|
|
return;
|
|||
|
|
|
|||
|
|
menu.showTimer = setTimeout(function(){
|
|||
|
|
menu.curSubmenu = submenu;
|
|||
|
|
submenu.showSub();
|
|||
|
|
}, 400);
|
|||
|
|
},
|
|||
|
|
function(){}
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
this.onclick = function(item, fromMenu)
|
|||
|
|
{
|
|||
|
|
if($(item).is('.mtt-item-disabled,.mtt-menu-indicator,.mtt-item-hidden')) return;
|
|||
|
|
menu.close();
|
|||
|
|
if(this.options.onclick) this.options.onclick(item, fromMenu);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
this.hide = function()
|
|||
|
|
{
|
|||
|
|
for(var i in this.submenu) this.submenu[i].hide();
|
|||
|
|
clearTimeout(this.showTimer);
|
|||
|
|
this.$container.hide();
|
|||
|
|
this.$container.find('li').removeClass('mtt-menu-item-active');
|
|||
|
|
this.menuOpen = false;
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
this.close = function(event)
|
|||
|
|
{
|
|||
|
|
if(!this.menuOpen) return;
|
|||
|
|
if(event)
|
|||
|
|
{
|
|||
|
|
// ignore if event (click) was on caller or container
|
|||
|
|
var t = event.target;
|
|||
|
|
if(t == this.caller || (t.mttmenu && t.mttmenu == this.ts)) return;
|
|||
|
|
while(t.parentNode) {
|
|||
|
|
if(t.parentNode == this.caller || (t.mttmenu && t.mttmenu == this.ts)) return;
|
|||
|
|
t = t.parentNode;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
this.hide();
|
|||
|
|
$(this.caller).removeClass('mtt-menu-button-active');
|
|||
|
|
$(document).unbind('mousedown.mttmenuclose');
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
this.show = function(caller)
|
|||
|
|
{
|
|||
|
|
if(this.menuOpen)
|
|||
|
|
{
|
|||
|
|
this.close();
|
|||
|
|
if(this.caller && this.caller == caller) return;
|
|||
|
|
}
|
|||
|
|
$(document).triggerHandler('mousedown.mttmenuclose'); //close any other open menu
|
|||
|
|
this.caller = caller;
|
|||
|
|
var $caller = $(caller);
|
|||
|
|
|
|||
|
|
// beforeShow trigger
|
|||
|
|
if(this.options.beforeShow && this.options.beforeShow.call)
|
|||
|
|
this.options.beforeShow();
|
|||
|
|
|
|||
|
|
// adjust width
|
|||
|
|
if(this.options.adjustWidth && this.$container.outerWidth(true) > $(window).width())
|
|||
|
|
this.$container.width($(window).width() - (this.$container.outerWidth(true) - this.$container.width()));
|
|||
|
|
|
|||
|
|
$caller.addClass('mtt-menu-button-active');
|
|||
|
|
var offset = $caller.offset();
|
|||
|
|
var x2 = $(window).width() + $(document).scrollLeft() - this.$container.outerWidth(true) - 1;
|
|||
|
|
var x = offset.left < x2 ? offset.left : x2;
|
|||
|
|
if(x<0) x=0;
|
|||
|
|
var y = offset.top+caller.offsetHeight-1;
|
|||
|
|
if(y + this.$container.outerHeight(true) > $(window).height() + $(document).scrollTop()) y = offset.top - this.$container.outerHeight();
|
|||
|
|
if(y<0) y=0;
|
|||
|
|
this.$container.css({ position: 'absolute', top: y, left: x, width:this.$container.width() /*, 'min-width': $caller.width()*/ }).show();
|
|||
|
|
var menu = this;
|
|||
|
|
$(document).bind('mousedown.mttmenuclose', function(e){ menu.close(e) });
|
|||
|
|
this.menuOpen = true;
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
this.showSub = function()
|
|||
|
|
{
|
|||
|
|
this.$caller.addClass('mtt-menu-item-active');
|
|||
|
|
var offset = this.$caller.offset();
|
|||
|
|
var x = offset.left+this.$caller.outerWidth();
|
|||
|
|
if(x + this.$container.outerWidth(true) > $(window).width() + $(document).scrollLeft()) x = offset.left - this.$container.outerWidth() - 1;
|
|||
|
|
if(x<0) x=0;
|
|||
|
|
var y = offset.top + this.parent.$container.offset().top-this.parent.$container.find('li:first').offset().top;
|
|||
|
|
if(y + this.$container.outerHeight(true) > $(window).height() + $(document).scrollTop()) y = $(window).height() + $(document).scrollTop()- this.$container.outerHeight(true) - 1;
|
|||
|
|
if(y<0) y=0;
|
|||
|
|
this.$container.css({ position: 'absolute', top: y, left: x, width:this.$container.width() /*, 'min-width': this.$caller.outerWidth()*/ }).show();
|
|||
|
|
this.menuOpen = true;
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
this.destroy = function()
|
|||
|
|
{
|
|||
|
|
for(var i in this.submenu) {
|
|||
|
|
this.submenu[i].destroy();
|
|||
|
|
delete this.submenu[i];
|
|||
|
|
}
|
|||
|
|
this.$container.find('li').unbind(); //'click mouseenter mouseleave'
|
|||
|
|
};
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
|
|||
|
|
function taskContextMenu(el, id)
|
|||
|
|
{
|
|||
|
|
if(!_mtt.menus.cmenu) _mtt.menus.cmenu = new mttMenu('taskcontextcontainer', {
|
|||
|
|
onclick: taskContextClick,
|
|||
|
|
beforeShow: function() {
|
|||
|
|
$('#cmenupriocontainer li').removeClass('mtt-item-checked');
|
|||
|
|
$('#cmenu_prio\\:'+ taskList[_mtt.menus.cmenu.tag].prio).addClass('mtt-item-checked');
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
_mtt.menus.cmenu.tag = id;
|
|||
|
|
_mtt.menus.cmenu.show(el);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function taskContextClick(el, menu)
|
|||
|
|
{
|
|||
|
|
if(!el.id) return;
|
|||
|
|
var taskId = parseInt(_mtt.menus.cmenu.tag);
|
|||
|
|
var id = el.id, value;
|
|||
|
|
var a = id.split(':');
|
|||
|
|
if(a.length == 2) {
|
|||
|
|
id = a[0];
|
|||
|
|
value = a[1];
|
|||
|
|
}
|
|||
|
|
switch(id) {
|
|||
|
|
case 'cmenu_edit': editTask(taskId); break;
|
|||
|
|
case 'cmenu_note': toggleTaskNote(taskId); break;
|
|||
|
|
case 'cmenu_delete': deleteTask(taskId); break;
|
|||
|
|
case 'cmenu_prio': setTaskPrio(taskId, parseInt(value)); break;
|
|||
|
|
case 'cmenu_list':
|
|||
|
|
if(menu.$caller && menu.$caller.attr('id')=='cmenu_move') moveTaskToList(taskId, value);
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
|
|||
|
|
function moveTaskToList(taskId, listId)
|
|||
|
|
{
|
|||
|
|
if(curList.id == listId) return;
|
|||
|
|
_mtt.db.request('moveTask', {id:taskId, from:curList.id, to:listId}, function(json){
|
|||
|
|
if(!parseInt(json.total)) return;
|
|||
|
|
if(curList.id == -1)
|
|||
|
|
{
|
|||
|
|
// leave the task in current tab (all tasks tab)
|
|||
|
|
var item = json.list[0];
|
|||
|
|
changeTaskCnt(item, 0, taskList[item.id]);
|
|||
|
|
taskList[item.id] = item;
|
|||
|
|
var noteExpanded = (item.note != '' && $('#taskrow_'+item.id).is('.task-expanded')) ? 1 : 0;
|
|||
|
|
$('#taskrow_'+item.id).replaceWith(prepareTaskStr(item, noteExpanded));
|
|||
|
|
if(curList.sort != 0) changeTaskOrder(item.id);
|
|||
|
|
refreshTaskCnt();
|
|||
|
|
$('#taskrow_'+item.id).effect("highlight", {color:_mtt.theme.editTaskFlashColor}, 'normal', function(){$(this).css('display','')});
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
// remove the task from currrent tab
|
|||
|
|
changeTaskCnt(taskList[taskId], -1)
|
|||
|
|
delete taskList[taskId];
|
|||
|
|
taskOrder.splice($.inArray(taskId,taskOrder), 1);
|
|||
|
|
$('#taskrow_'+taskId).fadeOut('normal', function(){ $(this).remove() });
|
|||
|
|
refreshTaskCnt();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$("#edittags").flushCache();
|
|||
|
|
flag.tagsChanged = true;
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
|
|||
|
|
function cmenuOnListsLoaded()
|
|||
|
|
{
|
|||
|
|
if(_mtt.menus.cmenu) _mtt.menus.cmenu.destroy();
|
|||
|
|
_mtt.menus.cmenu = null;
|
|||
|
|
var s = '';
|
|||
|
|
var all = tabLists.getAll();
|
|||
|
|
for(var i in all) {
|
|||
|
|
s += '<li id="cmenu_list:'+all[i].id+'" class="'+(all[i].hidden?'mtt-list-hidden':'')+'">'+all[i].name+'</li>';
|
|||
|
|
}
|
|||
|
|
$('#cmenulistscontainer ul').html(s);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function cmenuOnListAdded(list)
|
|||
|
|
{
|
|||
|
|
if(_mtt.menus.cmenu) _mtt.menus.cmenu.destroy();
|
|||
|
|
_mtt.menus.cmenu = null;
|
|||
|
|
$('#cmenulistscontainer ul').append('<li id="cmenu_list:'+list.id+'">'+list.name+'</li>');
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function cmenuOnListRenamed(list)
|
|||
|
|
{
|
|||
|
|
$('#cmenu_list\\:'+list.id).text(list.name);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function cmenuOnListSelected(list)
|
|||
|
|
{
|
|||
|
|
$('#cmenulistscontainer li').removeClass('mtt-item-disabled');
|
|||
|
|
$('#cmenu_list\\:'+list.id).addClass('mtt-item-disabled').removeClass('mtt-list-hidden');
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function cmenuOnListOrderChanged()
|
|||
|
|
{
|
|||
|
|
cmenuOnListsLoaded();
|
|||
|
|
$('#cmenu_list\\:'+curList.id).addClass('mtt-item-disabled');
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function cmenuOnListHidden(list)
|
|||
|
|
{
|
|||
|
|
$('#cmenu_list\\:'+list.id).addClass('mtt-list-hidden');
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
|
|||
|
|
function tabmenuOnListSelected(list)
|
|||
|
|
{
|
|||
|
|
if(list.published) {
|
|||
|
|
$('#btnPublish').addClass('mtt-item-checked');
|
|||
|
|
$('#btnRssFeed').removeClass('mtt-item-disabled');
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
$('#btnPublish').removeClass('mtt-item-checked');
|
|||
|
|
$('#btnRssFeed').addClass('mtt-item-disabled');
|
|||
|
|
}
|
|||
|
|
if(list.showCompl) $('#btnShowCompleted').addClass('mtt-item-checked');
|
|||
|
|
else $('#btnShowCompleted').removeClass('mtt-item-checked');
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
|
|||
|
|
function listOrderChanged(event, ui)
|
|||
|
|
{
|
|||
|
|
var a = $(this).sortable("toArray");
|
|||
|
|
var order = [];
|
|||
|
|
for(var i in a) {
|
|||
|
|
order.push(a[i].split('_')[1]);
|
|||
|
|
}
|
|||
|
|
tabLists.reorder(order);
|
|||
|
|
_mtt.db.request('changeListOrder', {order:order});
|
|||
|
|
_mtt.doAction('listOrderChanged', {order:order});
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function showCompletedToggle()
|
|||
|
|
{
|
|||
|
|
var act = curList.showCompl ? 0 : 1;
|
|||
|
|
curList.showCompl = tabLists.get(curList.id).showCompl = act;
|
|||
|
|
if(act) $('#btnShowCompleted').addClass('mtt-item-checked');
|
|||
|
|
else $('#btnShowCompleted').removeClass('mtt-item-checked');
|
|||
|
|
loadTasks({setCompl:1});
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function clearCompleted()
|
|||
|
|
{
|
|||
|
|
if(!curList) return false;
|
|||
|
|
var r = confirm(_mtt.lang.get('clearCompleted'));
|
|||
|
|
if(!r) return;
|
|||
|
|
_mtt.db.request('clearCompletedInList', {list:curList.id}, function(json){
|
|||
|
|
if(!parseInt(json.total)) return;
|
|||
|
|
flag.tagsChanged = true;
|
|||
|
|
if(curList.showCompl) loadTasks();
|
|||
|
|
});
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function tasklistClick(e)
|
|||
|
|
{
|
|||
|
|
var node = e.target.nodeName.toUpperCase();
|
|||
|
|
if(node=='SPAN' || node=='LI' || node=='DIV')
|
|||
|
|
{
|
|||
|
|
var li = findParentNode(e.target, 'LI');
|
|||
|
|
if(li) {
|
|||
|
|
if(selTask && li.id != selTask) $('#'+selTask).removeClass('clicked doubleclicked');
|
|||
|
|
selTask = li.id;
|
|||
|
|
if($(li).is('.clicked')) $(li).toggleClass('doubleclicked');
|
|||
|
|
else $(li).addClass('clicked');
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
|
|||
|
|
function showhide(a,b)
|
|||
|
|
{
|
|||
|
|
a.show();
|
|||
|
|
b.hide();
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function findParentNode(el, node)
|
|||
|
|
{
|
|||
|
|
// in html nodename is in uppercase, in xhtml nodename in in lowercase
|
|||
|
|
if(el.nodeName.toUpperCase() == node) return el;
|
|||
|
|
if(!el.parentNode) return null;
|
|||
|
|
while(el.parentNode) {
|
|||
|
|
el = el.parentNode;
|
|||
|
|
if(el.nodeName.toUpperCase() == node) return el;
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function getLiTaskId(el)
|
|||
|
|
{
|
|||
|
|
var li = findParentNode(el, 'LI');
|
|||
|
|
if(!li || !li.id) return 0;
|
|||
|
|
return li.id.split('_',2)[1];
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function isParentId(el, id)
|
|||
|
|
{
|
|||
|
|
if(el.id && $.inArray(el.id, id) != -1) return true;
|
|||
|
|
if(!el.parentNode) return null;
|
|||
|
|
return isParentId(el.parentNode, id);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function dehtml(str)
|
|||
|
|
{
|
|||
|
|
return str.replace(/"/g,'"').replace(/</g,'<').replace(/>/g,'>').replace(/&/g,'&');
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
|
|||
|
|
function slmenuOnListsLoaded()
|
|||
|
|
{
|
|||
|
|
if(_mtt.menus.selectlist) {
|
|||
|
|
_mtt.menus.selectlist.destroy();
|
|||
|
|
_mtt.menus.selectlist = null;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var s = '';
|
|||
|
|
var all = tabLists.getAll();
|
|||
|
|
for(var i in all) {
|
|||
|
|
s += '<li id="slmenu_list:'+all[i].id+'" class="'+(all[i].id==curList.id?'mtt-item-checked':'')+' list-id-'+all[i].id+(all[i].hidden?' mtt-list-hidden':'')+'"><div class="menu-icon"></div><a href="#list/'+all[i].id+'">'+all[i].name+'</a></li>';
|
|||
|
|
}
|
|||
|
|
$('#slmenucontainer ul>.slmenu-lists-begin').nextAll().remove();
|
|||
|
|
$('#slmenucontainer ul>.slmenu-lists-begin').after(s);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function slmenuOnListRenamed(list)
|
|||
|
|
{
|
|||
|
|
$('#slmenucontainer li.list-id-'+list.id).find('a').html(list.name);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function slmenuOnListAdded(list)
|
|||
|
|
{
|
|||
|
|
if(_mtt.menus.selectlist) {
|
|||
|
|
_mtt.menus.selectlist.destroy();
|
|||
|
|
_mtt.menus.selectlist = null;
|
|||
|
|
}
|
|||
|
|
$('#slmenucontainer ul').append('<li id="slmenu_list:'+list.id+'" class="list-id-'+list.id+'"><div class="menu-icon"></div><a href="#list/'+list.id+'">'+list.name+'</a></li>');
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function slmenuOnListSelected(list)
|
|||
|
|
{
|
|||
|
|
$('#slmenucontainer li').removeClass('mtt-item-checked');
|
|||
|
|
$('#slmenucontainer li.list-id-'+list.id).addClass('mtt-item-checked').removeClass('mtt-list-hidden');
|
|||
|
|
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function slmenuOnListHidden(list)
|
|||
|
|
{
|
|||
|
|
$('#slmenucontainer li.list-id-'+list.id).addClass('mtt-list-hidden');
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function slmenuSelect(el, menu)
|
|||
|
|
{
|
|||
|
|
if(!el.id) return;
|
|||
|
|
var id = el.id, value;
|
|||
|
|
var a = id.split(':');
|
|||
|
|
if(a.length == 2) {
|
|||
|
|
id = a[0];
|
|||
|
|
value = a[1];
|
|||
|
|
}
|
|||
|
|
if(id == 'slmenu_list') {
|
|||
|
|
tabSelect(parseInt(value));
|
|||
|
|
}
|
|||
|
|
return false;
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
|
|||
|
|
function exportCurList(format)
|
|||
|
|
{
|
|||
|
|
if(!curList) return;
|
|||
|
|
if(!format.match(/^[a-z0-9-]+$/i)) return;
|
|||
|
|
window.location.href = _mtt.mttUrl + 'export.php?list='+curList.id +'&format='+format;
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function feedCurList()
|
|||
|
|
{
|
|||
|
|
if(!curList) return;
|
|||
|
|
window.location.href = _mtt.mttUrl + 'feed.php?list='+curList.id;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function hideTab(listId)
|
|||
|
|
{
|
|||
|
|
if(typeof listId != 'number') {
|
|||
|
|
var id = $(listId).attr('id');
|
|||
|
|
if(!id) return;
|
|||
|
|
listId = parseInt(id.split('_', 2)[1]);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if(!tabLists.get(listId)) return false;
|
|||
|
|
|
|||
|
|
// if we hide current tab
|
|||
|
|
var listIdToSelect = 0;
|
|||
|
|
if(curList.id == listId) {
|
|||
|
|
var all = tabLists.getAll();
|
|||
|
|
for(var i in all) {
|
|||
|
|
if(all[i].id != curList.id && !all[i].hidden) {
|
|||
|
|
listIdToSelect = all[i].id;
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
// do not hide the tab if others are hidden
|
|||
|
|
if(!listIdToSelect) return false;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if(listId == -1) {
|
|||
|
|
$('#list_all').addClass('mtt-tabs-hidden').removeClass('mtt-tabs-selected');
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
$('#list_'+listId).addClass('mtt-tabs-hidden').removeClass('mtt-tabs-selected');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
tabLists.get(listId).hidden = true;
|
|||
|
|
|
|||
|
|
if(listId > 0) {
|
|||
|
|
_mtt.db.request('setHideList', {list:listId, hide:1});
|
|||
|
|
_mtt.doAction('listHidden', tabLists.get(listId));
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if(listIdToSelect) {
|
|||
|
|
tabSelect(listIdToSelect);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*
|
|||
|
|
Errors and Info messages
|
|||
|
|
*/
|
|||
|
|
|
|||
|
|
function flashError(str, details)
|
|||
|
|
{
|
|||
|
|
$("#msg>.msg-text").text(str)
|
|||
|
|
$("#msg>.msg-details").text(details);
|
|||
|
|
$("#loading").hide();
|
|||
|
|
$("#msg").addClass('mtt-error').effect("highlight", {color:_mtt.theme.msgFlashColor}, 700);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function flashInfo(str, details)
|
|||
|
|
{
|
|||
|
|
$("#msg>.msg-text").text(str)
|
|||
|
|
$("#msg>.msg-details").text(details);
|
|||
|
|
$("#loading").hide();
|
|||
|
|
$("#msg").addClass('mtt-info').effect("highlight", {color:_mtt.theme.msgFlashColor}, 700);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function toggleMsgDetails()
|
|||
|
|
{
|
|||
|
|
var el = $("#msg>.msg-details");
|
|||
|
|
if(!el) return;
|
|||
|
|
if(el.css('display') == 'none') el.show();
|
|||
|
|
else el.hide()
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
/*
|
|||
|
|
Authorization
|
|||
|
|
*/
|
|||
|
|
function updateAccessStatus()
|
|||
|
|
{
|
|||
|
|
// flag.needAuth is not changed after pageload
|
|||
|
|
if(flag.needAuth)
|
|||
|
|
{
|
|||
|
|
$('#bar_auth').show();
|
|||
|
|
if(flag.isLogged) {
|
|||
|
|
showhide($("#bar_logout"),$("#bar_login"));
|
|||
|
|
$('#bar .menu-owner').show();
|
|||
|
|
$('#bar .bar-delim').show();
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
showhide($("#bar_login"),$("#bar_logout"));
|
|||
|
|
$('#bar .menu-owner').hide();
|
|||
|
|
$('#bar .bar-delim').hide();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
$('#bar .menu-owner').show();
|
|||
|
|
}
|
|||
|
|
if(flag.needAuth && !flag.isLogged) {
|
|||
|
|
flag.readOnly = true;
|
|||
|
|
$("#bar_public").show();
|
|||
|
|
$('#mtt_body').addClass('readonly')
|
|||
|
|
liveSearchToggle(1);
|
|||
|
|
// remove some tab menu items
|
|||
|
|
$('#btnRenameList,#btnDeleteList,#btnClearCompleted,#btnPublish').remove();
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
flag.readOnly = false;
|
|||
|
|
$('#mtt_body').removeClass('readonly')
|
|||
|
|
$("#bar_public").hide();
|
|||
|
|
liveSearchToggle(0);
|
|||
|
|
}
|
|||
|
|
$('#page_ajax').hide();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function showAuth(el)
|
|||
|
|
{
|
|||
|
|
var w = $('#authform');
|
|||
|
|
if(w.css('display') == 'none')
|
|||
|
|
{
|
|||
|
|
var offset = $(el).offset();
|
|||
|
|
w.css({
|
|||
|
|
position: 'absolute',
|
|||
|
|
top: offset.top + el.offsetHeight + 3,
|
|||
|
|
left: offset.left + el.offsetWidth - w.outerWidth()
|
|||
|
|
}).show();
|
|||
|
|
$('#password').focus();
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
w.hide();
|
|||
|
|
el.blur();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function doAuth(form)
|
|||
|
|
{
|
|||
|
|
$.post(mytinytodo.mttUrl+'ajax.php?login', { login:1, password: form.password.value }, function(json){
|
|||
|
|
form.password.value = '';
|
|||
|
|
if(json.logged)
|
|||
|
|
{
|
|||
|
|
flag.isLogged = true;
|
|||
|
|
window.location.reload();
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
flashError(_mtt.lang.get('invalidpass'));
|
|||
|
|
$('#password').focus();
|
|||
|
|
}
|
|||
|
|
}, 'json');
|
|||
|
|
$('#authform').hide();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function logout()
|
|||
|
|
{
|
|||
|
|
$.post(mytinytodo.mttUrl+'ajax.php?logout', { logout:1 }, function(json){
|
|||
|
|
flag.isLogged = false;
|
|||
|
|
window.location.reload();
|
|||
|
|
}, 'json');
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
/*
|
|||
|
|
Settings
|
|||
|
|
*/
|
|||
|
|
|
|||
|
|
function showSettings()
|
|||
|
|
{
|
|||
|
|
if(_mtt.pages.current.page == 'ajax' && _mtt.pages.current.pageClass == 'settings') return false;
|
|||
|
|
$('#page_ajax').load(_mtt.mttUrl+'settings.php?ajax=yes',null,function(){
|
|||
|
|
//showhide($('#page_ajax').addClass('mtt-page-settings'), $('#page_tasks'));
|
|||
|
|
_mtt.pageSet('ajax','settings');
|
|||
|
|
})
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function saveSettings(frm)
|
|||
|
|
{
|
|||
|
|
if(!frm) return false;
|
|||
|
|
var params = { save:'ajax' };
|
|||
|
|
$(frm).find("input:text,input:password,input:checked,select").filter(":enabled").each(function() { params[this.name || '__'] = this.value; });
|
|||
|
|
$(frm).find(":submit").attr('disabled','disabled').blur();
|
|||
|
|
$.post(_mtt.mttUrl+'settings.php', params, function(json){
|
|||
|
|
if(json.saved) {
|
|||
|
|
flashInfo(_mtt.lang.get('settingsSaved'));
|
|||
|
|
setTimeout('window.location.reload();', 1000);
|
|||
|
|
}
|
|||
|
|
}, 'json');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
})();
|