tims-todo/web/js/todo.js

516 lines
12 KiB
JavaScript
Raw Normal View History

2014-08-08 15:41:59 -04:00
var ajax_loader = '<img src="/images/ajax-loader.gif" alt="Loading" title="Loading" id="throbber" />';
var ajax_status = '<dd id="ajax_status">'+ajax_loader+'</dd>';
var status_dd = '<dd id="ajax_status">&nbsp;</dd>';
var comment_box = '<textarea rows="10" cols="80" name="comment" id="comment"></textarea>';
function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}
$(function(){
var token = readCookie('thp_todo_csrf_cookie');
var todo = {
toggle_share_form: function() {
if($('#share').is(":checked"))
{
$("#share_form").show();
if($("input[name='share_type']").is(":checked"))
{
var share_type = $("input[name='share_type']:checked").val();
if(share_type == "group")
{
$(".group_share").show();
$(".friend_share").hide();
}
else if(share_type == "friend")
{
$(".friend_share").show();
$(".group_share").hide();
}
}
else
{
$(".friend_share").hide();
$(".group_share").hide();
}
}
else
{
// Reset the form
$("#share_form").hide();
$('#friend_share, #group_share').removeAttr('checked');
$('#group option, #friend option, #friend_perms option, #group_perms option').removeAttr('selected');
$("#friend_perms, #group_perms").val('-1');
}
},
update_status: function(){
var s = $('#status option:selected').val();
var t_id = $('#task_id').val();
$.post('/task/update_status',
{status:s, task_id:t_id, csrf_token:token},
function(response) {
if(response=='1')
{
alert('Task Updated');
}
});
},
update_category: function(){
var c = $('#category option:selected').val();
var t_id = $('#task_id').val();
$.post('/task/update_category',
{category:c, task_id:t_id, csrf_token:token},
function(response){
if(response=='1')
{
alert('Task Updated');
}
});
},
update_timezone: function() {
var tz = $("#timezone option:selected").val();
$.post('/account/update_tz',
{timezone: tz, csrf_token:token},
function(response){
if(response =='1')
{
alert('Timezone Updated');
}
});
},
update_num_format: function(){
var numf = $("#num_format option:selected").val();
$.post('/account/update_nf',
{num_format: numf, csrf_token:token},
function(response){
if(response == '1')
{
alert('Number format Updated');
}
});
},
add_task_comment: function() {
var comm = $("#comment").val();
var t_id = $("#task_id").val();
var s = $('#status').val();
$("#ajax_status").replaceWith(ajax_status);
$.post(
'/task/add_task_comment',
{comment:comm, task_id:t_id, status:s, csrf_token:token},
function(response){
if(response == '1')
{
var t_id = $("#task_id").val();
$.get('/index.php/task/get_task_comments/', {task_id:t_id}, function(response){
$("#task_comment_list").replaceWith(response);
$("#ajax_status").replaceWith(status_dd);
$("#comment").cleditor()[0].clear();
});
$("#task_comment_list").css("visibility", "visible");
}
else
{
alert('Error posting new comment');
}
}
);
},
friend_search: function() {
var query = $("#q").val();
if (query.length < 1) return;
$.get(
'/friend/ajax_search/',
{q:query, csrf_token:token},
function(response){
$("#friend_search_results tbody").replaceWith(response);
}
);
},
friend_request: function() {
var f_id = $(this).attr('id');
var fid = f_id.replace('f_','');
$.post(
'/friend/add_request/',
{fid:fid, csrf_token:token},
function(response)
{
if(response == 1)
{
alert('Friend Request Sent');
}
else if (response == -1)
{
alert('You already sent a friend request to this member.');
}
else
{
alert('Error Sending Friend Request');
}
}
);
},
accept_friend_request: function() {
var id = $(this).attr('id');
var acc_id = id.replace('af_', '');
$.post(
'/friend/accept_request/',
{aid:acc_id, csrf_token:token},
function(response)
{
if(response == 1)
{
alert('Congratulations on the new friend.');
$("#af_"+acc_id).parent('td').parent('tr').hide();
}
else
{
alert('Error Accepting Friend Request');
}
}
)
},
reject_friend_request: function() {
var id = $(this).attr('id');
var acc_id = id.replace('rf_', '');
$.post(
'/friend/reject_request/',
{rid:acc_id, csrf_token:token},
function(response)
{
if(response == 1)
{
alert('Friend Request Rejected');
$("#rf_"+acc_id).parent('td').parent('tr').hide();
}
else
{
alert('Error Rejecting Friend Request');
}
}
)
},
update_checklist: function() {
//Check the task status
var status_val = $('#status').val();
var c_id = $(this).val();
var tid = $("#task_id").val();
var ch = ($(this).is(":checked")) ? 1 : 0;
$.post('/task/update_checklist_item/',
{check_id:c_id, checked:ch, task_id:tid, csrf_token:token},
function(r)
{
if(r == -1)
{
alert('Error updating checklist');
return;
}
else if(r == "first")
{
//update status to "In Progress"
$("#status option:selected").removeAttr("selected");
$("#status option[value='3']").attr("selected", "selected");
}
else if(r == "last")
{
//update status to "Completed"
$("#status option:selected").removeAttr("selected");
$("#status option[value='2']").attr("selected", "selected");
}
}
)
},
delete_group: function() {
var g_id = $(this).attr('id');
var gid = g_id.replace('group_', '');
if(confirm("Are you sure you want to delete this group?"))
{
$.post(
'/group/del_group/'+gid,
{csrf_token:token},
function(response)
{
if(response == 1)
{
alert('Group Deleted');
document.location='/group/manage';
}
else if (response == -1)
{
alert('You do not have permission to delete this group.');
}
else
{
alert('Error attempting to delete group.');
}
}
)
}
},
delete_comment: function(event) {
event.preventDefault();
var c_id = $(this).parents('dl').attr('id');
var cid = c_id.replace('comment_', '');
var dbool = confirm("Are you sure you want to delete this comment?");
if(dbool)
{
var com = $(this);
$.post(
'/task/del_task_comment/',
{comment_id:cid, csrf_token:token},
function(response)
{
if(response == 1)
{
com.parents('dl').hide();
}
else if (response == -1)
{
alert('You do not have permission to delete this comment.');
}
else
{
alert('Error attempting to delete comment.');
}
}
)
}
},
delete_category:function() {
var g_id = $(this).attr('id');
var gid = g_id.replace('cat_', '');
var dbool = confirm("Are you sure you want to delete this category?");
if(dbool)
{
$.post(
'/category/del_sub/'+gid,
{csrf_token:token},
function(response)
{
if(response == 1)
{
alert('Category Deleted');
document.location='/task/category/list';
}
else if (response == -1)
{
alert('You do not have permission to delete this category.');
}
else
{
alert('Error attempting to delete category.');
}
}
)
}
},
add_checklist_item: function() {
var tid = $("#task_id").val();
var d = $("#check_desc").val();
$.post(
'/task/add_checklist_item/',
{task_id:tid, desc:d, csrf_token:token},
function(response)
{
if(response == 0)
{
alert('That item already exists');
}
else if(response == -1)
{
alert('Error adding checklist item');
}
else
{
$("#check_desc").val("");
$(response).prependTo("#checklist");
}
}
)
}
};
$("#reminder_form").hide();
$("#share_form").hide();
// ! Hide or show reminder time form with the checkbox state
$("#reminder").change(function() {
($(this).is(":checked"))
? $("#reminder_form").show()
: $("#reminder_form").hide();
});
// ! Hide or show task share form with the checkbox state
$("#share").change(todo.toggle_share_form);
//Update the task status
$('body').delegate('#status','change', todo.update_status);
//Update the category
$('body').delegate('#category','change', todo.update_category);
//Update the timezone
$('#timezone').change(todo.update_timezone);
//Update the number format
$('#num_format').change(todo.update_num_format);
//Add CLEditor to add/edit task pages
$("#desc").cleditor();
//Toggle the display of the comment form
$("#toggle_comments").on('click', function() {
if ($("#add_comment_dl").css('display') == 'none')
{
$("#add_comment_dl").show();
$("#comment").cleditor();
}
else
{
$("#add_comment_dl").hide();
}
});
//Toggle the display of the checklist form
$('#toggle_checklist').on('click', function() {
if ($("#add_checklist_dl").css('display') == 'none')
{
$("#add_checklist_dl").show();
}
else
{
$("#add_checklist_dl").hide();
}
});
//Let's find some friends!
$("#q").on('keypress keyup', todo.friend_search);
//Let's request to be someone's friend
$("body").delegate('.request_sub', 'click', todo.friend_request);
//Accept a friend request
$(".accept_request").click(todo.accept_friend_request);
//Reject a friend request
$(".reject_request").click(todo.reject_friend_request);
//Let's delete a group
$(".del_group").click(todo.delete_group);
//Let's delete a category
$(".del_cat").click(todo.delete_category);
//Shall we add a comment to our task?
$("#add_task_comment").click(todo.add_task_comment);
//Let's delete a comment
$('body').delegate(".comment_del", 'click', todo.delete_comment);
//Add a checklist item
$("#add_checklist_item").click(todo.add_checklist_item);
//Let's do some automatic stuff when checklist items are checked off
$('body').delegate("#checklist input[type=checkbox]",'change', todo.update_checklist);
//Hide or show remainder form based on option selected.
$("input[name='share_type']").change(function() {
var share_type = $("input:radio[name='share_type']:checked").val();
if(share_type === "group")
{
$(".group_share").show();
$(".friend_share").hide();
}
else if(share_type === "friend")
{
$(".friend_share").show();
$(".group_share").hide();
}
});
//Hide the comment boxes
$("#add_comment_dl").hide();
//Hide the checklist form
$("#add_checklist_dl").hide();
//Show the reminder time form if the checkbox is checked
if($("#reminder").is(":checked"))
{
$("#reminder_form").show();
}
//Show the share task form if the checkbox is checked
if($("#share").is(":checked"))
{
$("#share_form").show();
//hide share type form until an option is selected
}
//Select the correct sharing type
if($("input:radio[name='share_type']").is(":checked"))
{
var share_type = $("input:radio[name='share_type']:checked").val();
if(share_type === "group")
{
$(".group_share").show();
$(".friend_share").hide();
}
else if(share_type === "friend")
{
$(".friend_share").show();
$(".group_share").hide();
}
}
else
{
$(".friend_share").hide();
$(".group_share").hide();
}
//Add tabs
$("#tabs").tabs();
//Datepicker for adding and editing tasks
$("#due").datepicker({dateFormat: 'yy-mm-dd'});
});