nextcloud/apps/tasks/js/tasks.js

536 lines
16 KiB
JavaScript

OC.Tasks = {
bool_string_cmp:function(a, b) {
if (a === b) {
return 0;
}
if (a === false) {
return -1;
}
if (b === false) {
return 1;
}
return a.localeCompare(b);
},
create_task_div:function(task) {
var actions = $('#task_actions_template');
var summary_container = $('<p class="summary">')
.attr('title', task.description)
;
OC.Tasks.setSummary(summary_container, task);
var task_container = $('<div>')
.addClass('task')
.data('task', task)
.data('show_count', 0)
.attr('data-id', task.id)
.append(summary_container)
.append(actions.clone().removeAttr('id'))
;
task_container.find('.summary a').click(OC.Tasks.summaryClickHandler);
var checkbox = $('<input type="checkbox">')
.click(OC.Tasks.complete_task);
if (task.completed) {
checkbox.attr('checked', 'checked');
task_container.addClass('done');
}
$('<div>')
.addClass('completed')
.append(checkbox)
.prependTo(task_container);
var priority = task.priority;
$('<div>')
.addClass('tag')
.addClass('priority')
.addClass('priority-'+(priority?priority:'n'))
.text(priority)
.prependTo(task_container);
if (task.location) {
$('<div>')
.addClass('tag')
.addClass('location')
.text(task.location)
.appendTo(task_container);
}
var $categories = $('<div>')
.addClass('categories')
.appendTo(task_container);
$(task.categories).each(function(i, category){
$categories.append($('<a>')
.addClass('tag')
.text(category)
);
});
task_container.find('.task_more').click(OC.Tasks.moreClickHandler);
task_container.find('.task_less').click(OC.Tasks.lessClickHandler);
var description = $('<textarea>')
.addClass('description')
.blur(function(){
var task = $(this).closest('.task').data('task');
var description = $(this).val();
$.post(OC.filePath('tasks', 'ajax', 'update_property.php'), {id:task.id, type:'description', description:description}, function(jsondata){
if(jsondata.status == 'success') {
task.description = description;
}
});
})
.text(task.description);
var due = $('<span>')
.addClass('due')
.append(t('tasks', 'Due'));
due
.append($('<input type="date">')
.addClass('date')
.datepicker({
dateFormat: 'dd-mm-yy',
onClose: OC.Tasks.dueUpdateHandler
}),
$('<input type="time">')
.addClass('time')
.timepicker({
showPeriodLabels:false,
onClose: OC.Tasks.dueUpdateHandler
})
);
if (task.due){
var date = new Date(parseInt(task.due)*1000);
due.find('.date').datepicker('setDate', date);
if (!task.due_date_only) {
due.find('.time').timepicker('setTime', date.getHours()+':'+date.getMinutes());
}
}
$('<div>')
.addClass('more')
.append(description)
.append(due)
.appendTo(task_container);
$('<input placeholder="'+t('tasks', 'List')+'">')
.addClass('categories')
.multiple_autocomplete({source: categories})
.val(task.categories)
.blur(function(){
var task = $(this).closest('.task').data('task');
var categories = $(this).val();
$.post(OC.filePath('tasks', 'ajax', 'update_property.php'), {id:task.id, type:'categories', categories:categories}, function(jsondata){
if(jsondata.status == 'success') {
task.categories = categories.split(',');
$categories.empty();
$(task.categories).each(function(i, category){
$categories.append($('<a>')
.addClass('tag')
.text(category)
);
});
}
});
})
.appendTo(task_container);
$('<input placeholder="'+t('tasks', 'Location')+'">')
.addClass('location')
.val(task.location)
.blur(function(){
var task = $(this).closest('.task').data('task');
var location = $(this).val();
$.post(OC.filePath('tasks', 'ajax', 'update_property.php'), {id:task.id, type:'location', location:location}, function(jsondata){
if(jsondata.status == 'success') {
task.location = location;
task_container.find('.location').text(location);
}
});
})
.appendTo(task_container);
return task_container;
},
filter:function(tag, find_filter) {
var tag_text = $(tag).text();
var filter = !$(tag).hasClass('active');
OC.Tasks.filterUpdate(filter, function(task_container){
var found = 0;
task_container.find(find_filter).each(function(){
if ($(this).text() == tag_text) {
$(this).toggleClass('active');
found = 1;
}
});
return found;
});
},
filterUpdate:function(filter, find_filter) {
var show_count = $('#tasks_list').data('show_count');
show_count += filter ? +1 : -1;
$('#tasks_list').data('show_count', show_count);
$('#tasks_lists .task, #tasks_list .task').each(function(i, task_container){
task_container = $(task_container);
var task = task_container.data('task');
var found = find_filter(task_container);
var hide_count = task_container.data('show_count');
if (!filter) {
hide_count-=found;
}
else {
hide_count+=found;
}
if (hide_count == show_count) {
task_container.show();
}
else {
task_container.hide();
}
task_container.data('show_count', hide_count);
});
},
order:function(sort, get_property, empty_label) {
var tasks = $('#tasks_list .task').not('.clone');
tasks.sort(sort);
var current = null;
tasks.detach();
var $tasks = $('#tasks_list').empty();
var container = $tasks;
tasks.each(function(){
if (get_property) {
var label = get_property($(this).data('task'));
if(label != current) {
current = label;
container = $('<div>').appendTo($tasks);
if (label == '' && empty_label) {
label = empty_label;
}
$('<h1>').text(label).appendTo(container);
}
}
container.append(this);
});
},
setSummary:function(summary_container, task){
var summary = $('<a href="index.php?id='+task.id+'">')
.text(task.summary)
.click(OC.Tasks.summaryClickHandler);
summary_container.html(summary);
},
summaryClickHandler:function(event){
event.preventDefault();
//event.stopPropagation();
var task = $(this).closest('.task').data('task');
var summary_container = $(this).parent();
var input = $('<input>').val($(this).text()).blur(function(){
var old_summary = task.summary;
task.summary = $(this).val();
OC.Tasks.setSummary(summary_container, task);
$.post(OC.filePath('tasks', 'ajax', 'update_property.php'), {id:task.id, type:'summary', summary:task.summary}, function(jsondata){
if(jsondata.status != 'success') {
task.summary = old_summary;
OC.Tasks.setSummary(summary_container, task);
}
});
});
summary_container.empty().append(input);
input.focus();
return false;
},
dueUpdateHandler:function(){
var task = $(this).closest('.task').data('task');
var old_due = task.due;
var $date = $(this).parent().children('.date');
var $time = $(this).parent().children('.time');
var date = $date.datepicker('getDate');
var time = $time.val().split(':');
var due, date_only = false;
if (!date){
due = false;
} else {
if (time.length==2){
date.setHours(time[0]);
date.setMinutes(time[1]);
}
else {
date_only = true;
}
due = date.getTime()/1000;
}
$.post(OC.filePath('tasks', 'ajax', 'update_property.php'), {id:task.id, type:'due', due:due, date:date_only?1:0}, function(jsondata){
if(jsondata.status != 'success') {
task.due = old_due;
}
});
},
moreClickHandler:function(event){
var $task = $(this).closest('.task'),
task = $task.data('task');
$task.find('.more').show();
$task.find('.task_more').hide();
$task.find('.task_less').show();
$task.find('div.categories').hide();
$task.find('input.categories').show();
$task.find('div.location').hide();
$task.find('input.location').show();
},
lessClickHandler:function(event){
var $task = $(this).closest('.task'),
task = $task.data('task');
$task.find('.more').hide();
$task.find('.task_more').show();
$task.find('.task_less').hide();
$task.find('div.categories').show();
$task.find('input.categories').hide();
$task.find('div.location').show();
$task.find('input.location').hide();
},
complete_task:function() {
var $task = $(this).closest('.task'),
task = $task.data('task'),
checked = $(this).is(':checked');
$.post(OC.filePath('tasks', 'ajax', 'update_property.php'), {id:task.id, type:'complete', checked:checked?1:0}, function(jsondata){
if(jsondata.status == 'success') {
task = jsondata.data;
$task.data('task', task)
if (task.completed) {
$task.addClass('done');
}
else {
$task.removeClass('done');
}
}
else{
alert(jsondata.data.message);
}
}, 'json');
},
categoriesChanged:function(newcategories){
categories = $.map(newcategories, function(v) {return v;});
console.log('Task categories changed to: ' + categories);
$('input.categories').multiple_autocomplete('option', 'source', categories);
},
List: {
create_list_div:function(category){
return $('<div>').text(category)
.click(function(){
OC.Tasks.filter(this, 'div.categories .tag');
$(this).toggleClass('active');
});
}
}
};
$(document).ready(function(){
$(window).resize(function () {
fillHeight($('#tasks_lists'));
fillWindow($('#tasks_list'));
});
$(window).trigger('resize');
/*-------------------------------------------------------------------------
* Actions for startup
*-----------------------------------------------------------------------*/
$.getJSON(OC.filePath('tasks', 'ajax', 'gettasks.php'), function(jsondata) {
var tasks = $('#tasks_list').empty().data('show_count', 0);
$(jsondata).each(function(i, task) {
tasks.append(OC.Tasks.create_task_div(task));
});
if( $('#tasks_list div').length > 0 ){
$('#tasks_list div').first().addClass('active');
}
$(categories).each(function(i, category) {
$('#tasks_lists .all').after(OC.Tasks.List.create_list_div(category));
});
$('#tasks_lists .all').click(function(){
$('#tasks_lists .active').click();
});
$('#tasks_lists .done').click(function(){
var filter = !$(this).hasClass('active');
OC.Tasks.filterUpdate(filter, function(task_container){
return task_container.hasClass('done');
});
$(this).toggleClass('active');
});
OCCategories.changed = OC.Tasks.categoriesChanged;
OCCategories.app = 'calendar';
});
/*-------------------------------------------------------------------------
* Event handlers
*-----------------------------------------------------------------------*/
$('#tasks_list div.categories .tag').live('click',function(){
OC.Tasks.filter(this, 'div.categories .tag');
var tag_text = $(this).text();
$('#tasks_lists div:not(".all"):not(".done")').each(function(){
if ($(this).text() == tag_text) {
$(this).toggleClass('active');
}
});
});
$('#tasks_list .priority.tag').live('click',function(){
OC.Tasks.filter(this, '.priority.tag');
});
$('#tasks_list .location.tag').live('click',function(){
OC.Tasks.filter(this, '.location.tag');
});
$('#tasks_order_category').click(function(){
var tasks = $('#tasks_list .task').not('.clone');
var collection = {};
tasks.each(function(i, task) {
var categories = $(task).data('task').categories;
$(categories).each(function() {
if (!collection.hasOwnProperty(this)) {
collection[this] = [];
}
collection[this].push(task);
if (categories.length > 1) {
task = $(task).clone(true).addClass('clone').get(0);
}
});
if (categories.length == 0) {
if (!collection.hasOwnProperty('')) {
collection[''] = [];
}
collection[''].push(task);
}
});
var labels = [];
for (var label in collection) {
labels.push(label);
}
labels.sort();
tasks.detach();
var $tasks = $('#tasks_list').empty();
for (var index in labels) {
var label = labels[index];
var container = $('<div>').appendTo($tasks);
if (label == '') {
label = t('tasks', 'No category');
}
$('<h1>').text(label).appendTo(container);
container.append(collection[labels[index]]);
}
});
$('#tasks_order_due').click(function(){
OC.Tasks.order(function(a, b){
a = $(a).data('task').due;
b = $(b).data('task').due;
return OC.Tasks.bool_string_cmp(a, b);
});
});
$('#tasks_order_complete').click(function(){
OC.Tasks.order(function(a, b){
return ($(a).data('task').complete - $(b).data('task').complete) ||
OC.Tasks.bool_string_cmp($(a).data('task').completed, $(b).data('task').completed);
});
});
$('#tasks_order_location').click(function(){
OC.Tasks.order(function(a, b){
a = $(a).data('task').location;
b = $(b).data('task').location;
return OC.Tasks.bool_string_cmp(a, b);
});
});
$('#tasks_order_prio').click(function(){
OC.Tasks.order(function(a, b){
return $(a).data('task').priority
- $(b).data('task').priority;
});
});
$('#tasks_order_label').click(function(){
OC.Tasks.order(function(a, b){
return $(a).data('task').summary.localeCompare(
$(b).data('task').summary);
});
});
$('#tasks_delete').live('click',function(){
var id = $('#task_details').data('id');
$.post('ajax/delete.php',{'id':id},function(jsondata){
if(jsondata.status == 'success'){
$('#tasks [data-id="'+jsondata.data.id+'"]').remove();
$('#task_details').data('id','');
$('#task_details').html('');
}
else{
alert(jsondata.data.message);
}
});
return false;
});
$('#tasks_addtask').click(function(){
var input = $('#tasks_newtask').val();
$.post(OC.filePath('tasks', 'ajax', 'addtask.php'),{text:input},function(jsondata){
if(jsondata.status == 'success'){
$('#tasks_list').append(OC.Tasks.create_task_div(jsondata.task));
}
else{
alert(jsondata.data.message);
}
});
return false;
});
$('#tasks_addtaskform input[type="submit"]').live('click',function(){
$.post('ajax/addtask.php',$('#tasks_addtaskform').serialize(),function(jsondata){
if(jsondata.status == 'success'){
$('#task_details').data('id',jsondata.data.id);
$('#task_details').html(jsondata.data.page);
$('#tasks_list').append(OC.Tasks.create_task_div(jsondata.data.task));
}
else{
alert(jsondata.data.message);
}
}, 'json');
return false;
});
$('#tasks_edit').live('click',function(){
var id = $('#task_details').data('id');
$.getJSON('ajax/edittaskform.php',{'id':id},function(jsondata){
if(jsondata.status == 'success'){
$('#task_details').html(jsondata.data.page);
$('#task_details #categories').multiple_autocomplete({source: categories});
}
else{
alert(jsondata.data.message);
}
});
return false;
});
$('#tasks_edittaskform #percent_complete').live('change',function(event){
if ($(event.target).val() == 100){
$('#tasks_edittaskform #complete').show();
}else{
$('#tasks_edittaskform #complete').hide();
}
});
$('#tasks_edittaskform input[type="submit"]').live('click',function(){
$.post('ajax/edittask.php',$('#tasks_edittaskform').serialize(),function(jsondata){
$('.error_msg').remove();
$('.error').removeClass('error');
if(jsondata.status == 'success'){
var id = jsondata.data.id;
$('#task_details').data('id',id);
$('#task_details').html(jsondata.data.page);
var task = jsondata.data.task;
$('#tasks .task[data-id='+id+']')
.data('task', task)
.html(OC.Tasks.create_task_div(task).html());
}
else{
var errors = jsondata.data.errors;
for (k in errors){
$('#'+k).addClass('error')
.after('<span class="error_msg">'+errors[k]+'</span>');
}
$('.error_msg').effect('highlight', {}, 3000);
$('.error').effect('highlight', {}, 3000);
}
}, 'json');
return false;
});
OCCategories.app = 'calendar';
});