Accueil/modules/todo/js/getUncompletedTasks.php

9 lines
3.1 KiB
PHP

<?header('Content-type: application/javascript');
$token = $_GET['token'];
$id = $_GET['id'];
?>
function cbfunc(o){
$('#results').append('<ul id="uncompletedList"><ul>');
for(var i in o)
{
$('#uncompletedList').append('<li id="'+o[i].id+'">'+o[i].content+' - '+o[i].date_string+' <img src="images/interface/delete.png" class="deleteTask" id="delete-'+o[i].id+'"/> <img src="images/interface/complete.png" class="completeTask" id="complete-'+o[i].id+'"/> </li>');
}
$('#uncompletedList li').prepend('<div class="puce"></div>');
}
function cbfunc2(o){
$('#uncompletedList').append('<li id="'+o.id+'">'+o.content+' - '+o.date_string+' <img src="images/interface/delete.png" id="delete-'+o.id+'"/> <img src="images/interface/complete.png" class="completeTask" id="complete-'+o.id+'"/> </li>');
}
$(document).ready(function(){
$('#todo').resizable();
$('#todo').draggable();
$('#todo').append('<div id="results"></div><img src="images/interface/add.png" id="showNewTask"/><fieldset id="newTaskFieldset" style="display:none; width:200px;"><input type="text" name="newtask" id="newtask"/> <select id="priority"><option id="1" value="1">1</option><option id="2" value="2">2</option><option id="3" value="3">3</option><option id="4" value="4">4</option></select> <br/><input type="text" name="date_string" id="date_string"/> <img src="images/interface/add.png" id="addTask"/></fieldset>');
var token = "<?=$token?>";
var project_id = "<?=$id?>";
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'https://todoist.com/API/getUncompletedItems?project_id='+project_id+'&token='+token+'&format=json&callback=cbfunc';
document.getElementsByTagName('head')[0].appendChild(script);
$('#showNewTask').click(function(){
$('#newTaskFieldset').toggle();
});
$('#addTask').click(function(){
var content = $('#newtask').val();
var date_string = $('#date_string').val();
var priority = $('#priority').val();
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'https://todoist.com/API/addItem?project_id='+project_id+'&token='+token+'&content='+content+'&date_string='+date_string+'&priority='+priority+'&format=json&callback=cbfunc2';
document.getElementsByTagName('head')[0].appendChild(script);
});
$('.deleteTask').live('click', function(){
var id = $(this).attr('id');
arrayId = id.split('-');
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'https://todoist.com/API/deleteItems?ids=["'+arrayId[1]+'"]&token='+token;
document.getElementsByTagName('head')[0].appendChild(script);
$('#'+arrayId[1]).remove();
});
$('.completeTask').live('click', function(){
var id = $(this).attr('id');
arrayId = id.split('-');
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'https://todoist.com/API/completeItems?ids=["'+arrayId[1]+'"]&token='+token;
document.getElementsByTagName('head')[0].appendChild(script);
$('#'+arrayId[1]).remove();
});
/* A helper function for converting a set of elements to draggables: */
make_draggable($('#todo'));
});