Accueil/modules/todo/js/getUncompletedTasks.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 = "<?php echo $token; ?>";
	var project_id = "<?php echo $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'));

});