r43 - in jtimerhtml5: src/main/resources/html src/main/resources/html/css src/main/resources/html/img src/main/resources/html/js target
Author: qmoriceau Date: 2013-06-12 15:51:24 +0200 (Wed, 12 Jun 2013) New Revision: 43 Url: http://chorem.org/projects/incubator/repository/revisions/43 Log: correction des m?\195?\169thodes REST et ?\195?\169purage du fichier html Removed: jtimerhtml5/src/main/resources/html/img/date_current.png jtimerhtml5/src/main/resources/html/img/date_previous.png Modified: jtimerhtml5/src/main/resources/html/css/index.css jtimerhtml5/src/main/resources/html/img/running.gif jtimerhtml5/src/main/resources/html/index.html jtimerhtml5/src/main/resources/html/js/index.js jtimerhtml5/target/jtimer-2.0-SNAPSHOT.jar Modified: jtimerhtml5/src/main/resources/html/css/index.css =================================================================== --- jtimerhtml5/src/main/resources/html/css/index.css 2013-06-12 09:25:58 UTC (rev 42) +++ jtimerhtml5/src/main/resources/html/css/index.css 2013-06-12 13:51:24 UTC (rev 43) @@ -23,6 +23,22 @@ text-align:center; } +#headTasks span { + border-style:solid; + border-width:2px; + border-color:#339999; +} + +.colHT { + width:30%; + display:inline-block; +} + +.optHT { + width:8%; + display:inline-block; +} + #opts span { display:inline-block; padding-left:12px; @@ -31,6 +47,7 @@ .selec { width:100%; display:inline-block; + cursor:pointer; } .buttons { @@ -45,6 +62,7 @@ .optT,.optP { width:5%; display:inline-block; + float:right; } #headTasks { @@ -158,6 +176,7 @@ .subtask{ list-style-type: none; + margin:0; } #treeTasks { Deleted: jtimerhtml5/src/main/resources/html/img/date_current.png =================================================================== (Binary files differ) Deleted: jtimerhtml5/src/main/resources/html/img/date_previous.png =================================================================== (Binary files differ) Modified: jtimerhtml5/src/main/resources/html/img/running.gif =================================================================== (Binary files differ) Modified: jtimerhtml5/src/main/resources/html/index.html =================================================================== --- jtimerhtml5/src/main/resources/html/index.html 2013-06-12 09:25:58 UTC (rev 42) +++ jtimerhtml5/src/main/resources/html/index.html 2013-06-12 13:51:24 UTC (rev 43) @@ -43,48 +43,22 @@ <option>dimanche </select></span> </div> - <!-- Menu - <ul id="menu"> - <li><a href="#">Project</a> - <ul> - <li><a title="Création d'un nouveau projet" href="javascript:newProject()">Nouveau Projet</a></li> - <li><a class="optionNotTask" title="Édition du projet" href="javascript:edProject()">Éditer le Projet</a></li> - <li><a class="optionNotTask" title="Ouvrir ou fermer le projet" href="javascript:ofProject()">Ouvrir/Fermer le Projet</a></li> - <li><a class="optionNotTask" title="Suppression du Projet" href="javascript:supprProject()">Supprimer le projet</a></li> - </ul> - </li> - <li><a href="#">Tâche</a> - <ul> - <li><a title="Création d'une nouvelle tâche" href="javascript:newTask()">Nouvelle tâche</a></li> - <li><a class="optionNotProject" title="Édition de la tâche" href="javascript:edTask()">Éditer la tâche</a></li> - <li><a class="optionNotProject" title="Ouvrir ou fermer la tâche" href="javascript:ofTask()">Ouvrir/Fermer la tâche</a></li> - <li><a class="optionNotProject" title="Suppression de la tâche" href="javascript:supprTask()">Supprimer la tâche</a></li> - - <li><a class="optionNotProject" title="Démarrage de la tâche" href="javascript:startTask()">Démarrer</a></li> - <li><a class="optionNotProject" title="Arrêt de la tâche" href="javascript:stopTask()">Arrêter</a></li> - - <li><a class="optionNotProject" title="Ajout d'une annotation" href="javascript:addAnnotation()">Ajouter une annotation</a></li> - <li><a class="optionNotProject" title="Édition des alertes" href="javascript:edAlerts()">Éditer les Alertes</a></li> - <li><a class="optionNotProject" title="Ajout de 1 minute à la tâche" href="javascript:addsou(1)">Ajouter 1 minute</a></li> - <li><a class="optionNotProject" title="Ajout de 5 minutes à la tâche" href="javascript:addsou(5)">Ajouter 5 minutes</a></li> - <li><a class="optionNotProject" title="Ajout de 30 minutes à la tâche" href="javascript:addsou(30)">Ajouter 30 minutes</a></li> - <li><a class="optionNotProject" title="Enlève 1 minute à la tâche" href="javascript:addsou(-1)">Enlever 1 minute</a></li> - <li><a class="optionNotProject" title="Enlève 5 minutes à la tâche" href="javascript:addsou(-5)">Enlever 5 minutes</a></li> - <li><a class="optionNotProject" title="Enlève 30 minutes à la tâche" href="javascript:addsou(-30)">Enlever 30 minutes</a></li> - <li><a class="optionNotProject" title="Remet la tâche à zero" href="javascript:zero()">Remettre à Zero</a></li> - <li><a class="optionNotProject" title="Fusionne les tâches sélectionnées" href="javascript:fusion()">Fusionner</a></li> - </ul> - </li> - </ul>--> + + + <div class="buttons"> Nouveau projet : <input class="input-medium" id="newProject" title="Nom du nouveau Projet"><button id="createP" class="btn btn-primary" onclick="newProject"> Créer le projet</button> </div> + + + <div id="tabTask"> <!-- Arborescence des Tasks --> <div id="headTasks"> - <span class="col">Projet et tâches</span> - <span class="col">Aujourd'hui</span> - <span class="col">Total</span> + <span class='colHT'>Projet et tâches</span> + <span class='colHT'>Aujourd'hui</span> + <span class='colHT'>Total</span> + <span class="optHT">Options</span> </div> <ul id="treeTasks"><li> <div class="selec" id="p1"> @@ -95,7 +69,7 @@ </div> <ul class="subtask"> <li> - <div class="selec" id="t5"> + <div class="selec" id="t5"><img class="run" alt="run" src="img/running.gif"> <span class='col' id='titlet5'>Documentation</span> <span class='col' id="aujt5">01:00:02</span> <span class='col' id="tott5">06:54:24</span> @@ -103,7 +77,7 @@ </div> </li> <li> - <div class="selec" id="t9"> + <div class="selec" id="t9"><img class="run" alt="run" src="img/running.gif"> <span class='col' id='titlet9'>Interface</span> <span class='col' id="aujt9">00:24:56</span> <span class='col' id="tott9">06:31:07</span> @@ -162,37 +136,11 @@ <span id="generReport"><img src="img/applications-system.png" alt="apply">Générer</span> <span id="mailReport"><img src="img/mail-forward.png" alt="mail">Envoyer par email</span> </footer> - <script> - jQuery(function($){ - $.datepicker.regional['fr'] = { - closeText: 'Fermer', - prevText: 'Précédent', - nextText: 'Suivant', - currentText: 'Aujourd\'hui', - monthNames: ['Janvier','Février','Mars','Avril','Mai','Juin','Juillet','Août','Septembre','Octobre','Novembre','Décembre'], - monthNamesShort: ['Janv.','Févr.','Mars','Avril','Mai','Juin','Juil.','Août','Sept.','Oct.','Nov.','Déc.'], - dayNames: ['Dimanche','Lundi','Mardi','Mercredi','Jeudi','Vendredi','Samedi'], - dayNamesShort: ['Dim.','Lun.','Mar.','Mer.','Jeu.','Ven.','Sam.'], - dayNamesMin: ['D','L','M','M','J','V','S'], - weekHeader: 'Sem.', - dateFormat: 'dd/mm/yy', - firstDay: 1, - isRTL: false, - showMonthAfterYear: false, - yearSuffix: ''}; - $.datepicker.setDefaults($.datepicker.regional['fr']); - }); - $( ".datepicker" ).datepicker({ - dateFormat: "DD dd MM yy", - regional: 'fr' - }); - </script> </div> </div> - <div id="editionTask" title="Edition de la tâche"> <input type="text" id="nameTask" name="newNameTask" value="x"> <!-- Calendrier à date selectionnable --> @@ -204,19 +152,7 @@ Note:<textarea rows="4" id="noteTache"></textarea><br> <input type="button" id="editionApply" value="Appliquer"> <input type="reset" id="editionCancel" value="Annuler"> - <script> - $( "#datepicker2" ).datepicker({ - maxDate: -1, - /*onSelect: function(dateText, inst){ - dateSelec(dateText); - }*/ - }); - $("#spinnerh").spinner({ min: 0, max: 23 }); - $("#spinnerm").spinner({ min: 0, max: 59 }); - $("#spinners").spinner({ min: 0, max: 59 }); - </script> </div> - <script>$( "#editionTask" ).dialog({ autoOpen: false });/*$( "#createP" ).click(function() {$( "#editionTask" ).dialog( "open" );});*/</script> @@ -226,7 +162,6 @@ <span id="bt2" onclick="action(2)">Licence</span><br> <div id="frame"><p id="dataText"><b>jTimer - 1.4.1</b><br><br>Copyright 2007 - 2013, Code Lutin.<br><br><a href="http://maven-site.chorem.org/jtimer">http://maven-site.chorem.org/jtimer</a><br><br>Merci de rapporter les bugs de jTimer.</p></div> </div> - <script>$( "#aboutPopUp" ).dialog({ autoOpen: false });</script> @@ -242,9 +177,42 @@ </div> <input type="button" id="alertAdd" value="Ajouter" onclick="add()"> </div> - <script>$( "#alerts" ).dialog({ autoOpen: false });$( "#createP" ).click(function() {$( "#alerts" ).dialog( "open" );});</script> + + + + <div id="optP"> + <li><a title="Création d'une nouvelle tâche" href="javascript:newTask()">Nouvelle tâche</a></li> + <li><a class="optionNotTask" title="Édition du projet" href="javascript:edProject()">Éditer le Projet</a></li> + <li><a class="optionNotTask" title="Ouvrir ou fermer le projet" href="javascript:ofProject()">Ouvrir/Fermer le Projet</a></li> + <li><a class="optionNotTask" title="Suppression du Projet" href="javascript:supprProject()">Supprimer le projet</a></li> + </div> + + + + <div id="optT"> + <li><a title="Création d'une nouvelle tâche" href="javascript:newTask()">Nouvelle tâche</a></li> + <li><a class="optionNotProject" title="Édition de la tâche" href="javascript:edTask()">Éditer la tâche</a></li> + <li><a class="optionNotProject" title="Ouvrir ou fermer la tâche" href="javascript:ofTask()">Ouvrir/Fermer la tâche</a></li> + <li><a class="optionNotProject" title="Suppression de la tâche" href="javascript:supprTask()">Supprimer la tâche</a></li> + + <li><a class="optionNotProject" title="Démarrage de la tâche" href="javascript:startTask()">Démarrer</a></li> + <li><a class="optionNotProject" title="Arrêt de la tâche" href="javascript:stopTask()">Arrêter</a></li> + + <li><a class="optionNotProject" title="Ajout d'une annotation" href="javascript:addAnnotation()">Ajouter une annotation</a></li> + <li><a class="optionNotProject" title="Édition des alertes" href="javascript:edAlerts()">Éditer les Alertes</a></li> + <li><a class="optionNotProject" title="Ajout de 1 minute à la tâche" href="javascript:addsou(1)">Ajouter 1 minute</a></li> + <li><a class="optionNotProject" title="Ajout de 5 minutes à la tâche" href="javascript:addsou(5)">Ajouter 5 minutes</a></li> + <li><a class="optionNotProject" title="Ajout de 30 minutes à la tâche" href="javascript:addsou(30)">Ajouter 30 minutes</a></li> + <li><a class="optionNotProject" title="Enlève 1 minute à la tâche" href="javascript:addsou(-1)">Enlever 1 minute</a></li> + <li><a class="optionNotProject" title="Enlève 5 minutes à la tâche" href="javascript:addsou(-5)">Enlever 5 minutes</a></li> + <li><a class="optionNotProject" title="Enlève 30 minutes à la tâche" href="javascript:addsou(-30)">Enlever 30 minutes</a></li> + <li><a class="optionNotProject" title="Remet la tâche à zero" href="javascript:zero()">Remettre à Zero</a></li> + </div> + + + </body> - <script>$(".brand").css("color","#ff7a04");$("#opts").css("display","none");selection();$(".onp").css("display","none");$("#newTask").css("display","none");$("#reportpage").css("display","none");</script> + <script>init();</script> </html> Modified: jtimerhtml5/src/main/resources/html/js/index.js =================================================================== --- jtimerhtml5/src/main/resources/html/js/index.js 2013-06-12 09:25:58 UTC (rev 42) +++ jtimerhtml5/src/main/resources/html/js/index.js 2013-06-12 13:51:24 UTC (rev 43) @@ -1,5 +1,6 @@ var tabProjects = new Array(); var tabTasks = new Array(); +var displayElemT = new Array(); var elemSelec = ""; var opt = false; var rpt = false; @@ -44,10 +45,26 @@ $("#"+elemSelec).css('background-color','#A9EAFE'); }); +$(".selec").dblclick( function(){ + startStopTask(this.id); +}); + var myVar; -function startStopTask(){ - myVar = setInterval(function(){chrono(elemSelec)},1000); +function startStopTask(elem){ + if(displayElemT[elem].run==null){ + displayElemT[elem].run = true; + $("#"+elem+" .run").css("display",""); + } + else if (displayElemT[elem].run){ + displayElemT[elem].run = false; + $("#"+elem+" .run").css("display","none"); + } + else { + displayElemT[elem].run = true; + $("#"+elem+" .run").css("display",""); + } + // myVar = setInterval(function(){chrono(elem)},1000); } function chrono(task){ @@ -131,7 +148,7 @@ } else { var newproject = "{}"; //le nouveau projet en format json - $.get('http://localhost:8080/other/addProject/'+newproject,function(data){ + $.put('http://localhost:8080/other/addProject/'+newproject,function(data){ alert(data); }); } @@ -144,7 +161,7 @@ alert("Erreur : Le nom est vide !"); } else { - $.get('http://localhost:8080/project/modifyProject/'+tabProjects[elemSelec.substring(1,elemSelec.length)],function(data){ + $.post('http://localhost:8080/project/modifyProject/'+tabProjects[elemSelec.substring(1,elemSelec.length)],function(data){ alert(data); }); } @@ -152,7 +169,7 @@ } function ofProject(){ - $.get('http://localhost:8080/task/changeClosedState/'+tabProjects[elemSelec.substring(1,elemSelec.length)],function(data){ + $.post('http://localhost:8080/task/changeClosedState/'+tabProjects[elemSelec.substring(1,elemSelec.length)],function(data){ alert(data); }); } @@ -160,7 +177,7 @@ function supprProject() { var bool = confirm("Voulez-vous supprimer le Projet x ?") if (bool){ - $.get('http://localhost:8080/project/deleteProject/'+elemSelec.substring(1,elemSelec.length),function(data){ + $.delete('http://localhost:8080/project/deleteProject/'+elemSelec.substring(1,elemSelec.length),function(data){ alert(data); }); } @@ -172,19 +189,15 @@ alert("Erreur : Le nom est vide !"); } else { - $.get('http://localhost:8080/task/addTask/'+nameNewTask,function(data){ + $.put('http://localhost:8080/task/addTask/'+nameNewTask,function(data){ alert(data); }); } // vérifier si une autre tâche n'a pas déjà ce nom au même niveau } -function edTask(){ - window.open('editionTask.html','','height=450, width=350, toolbar=no, menubar=no, scrollbars=no, resizable=yes, location=no, status=no'); -} - function ofTask(){ - $.get('http://localhost:8080/task/changeClosedState/'+elemSelec.substring(1,elemSelec.length),function(data){ + $.post('http://localhost:8080/task/changeClosedState/'+elemSelec.substring(1,elemSelec.length),function(data){ alert(data); }); } @@ -192,7 +205,7 @@ function supprTask(){ var bool = confirm("Voulez-vous supprimer la tâche x ?"); if (bool){ - $.get('http://localhost:8080/task/deleteTask/'+elemSelec.substring(1,elemSelec.length),function(data){ + $.delete('http://localhost:8080/task/deleteTask/'+elemSelec.substring(1,elemSelec.length),function(data){ alert(data); }); } @@ -203,19 +216,19 @@ } function fusion(){ - $.get('http://localhost:8080/task/fusion',function(data){ + $.post('http://localhost:8080/task/fusion',function(data){ alert(data); }); } function systray(){ - $.get('http://localhost:8080/task/systray',function(data){ + $.post('http://localhost:8080/task/systray',function(data){ alert(data); }); } function dStartWeek(day){ - $.get('http://localhost:8080/task/dStartWeek/'+day,function(data){ + $.post('http://localhost:8080/task/dStartWeek/'+day,function(data){ alert(data); }); } @@ -254,3 +267,59 @@ function suppr(n){ $("#num"+n).html(''); } + +function init(){ + jQuery(function($){ + $.datepicker.regional['fr'] = { + closeText: 'Fermer', + prevText: 'Précédent', + nextText: 'Suivant', + currentText: 'Aujourd\'hui', + monthNames: ['Janvier','Février','Mars','Avril','Mai','Juin','Juillet','Août','Septembre','Octobre','Novembre','Décembre'], + monthNamesShort: ['Janv.','Févr.','Mars','Avril','Mai','Juin','Juil.','Août','Sept.','Oct.','Nov.','Déc.'], + dayNames: ['Dimanche','Lundi','Mardi','Mercredi','Jeudi','Vendredi','Samedi'], + dayNamesShort: ['Dim.','Lun.','Mar.','Mer.','Jeu.','Ven.','Sam.'], + dayNamesMin: ['D','L','M','M','J','V','S'], + weekHeader: 'Sem.', + dateFormat: 'dd/mm/yy', + firstDay: 1, + isRTL: false, + showMonthAfterYear: false, + yearSuffix: ''}; + $.datepicker.setDefaults($.datepicker.regional['fr']); + }); + + $( ".datepicker" ).datepicker({ + dateFormat: "DD dd MM yy", + regional: 'fr' + }); + + $( "#datepicker2" ).datepicker({ + maxDate: -1, + /*onSelect: function(dateText, inst){ + dateSelec(dateText); + }*/ + }); + $("#spinnerh").spinner({ min: 0, max: 23 }); + $("#spinnerm").spinner({ min: 0, max: 59 }); + $("#spinners").spinner({ min: 0, max: 59 }); + + $( "#editionTask" ).dialog({ autoOpen: false }); + /*$( "#createP" ).click(function() {$( "#editionTask" ).dialog( "open" );});*/ + + $( "#aboutPopUp" ).dialog({ autoOpen: false }); + + $( "#alerts" ).dialog({ autoOpen: false }); + $( "#createP" ).click(function() {$( "#alerts" ).dialog( "open" );}); + + $(".brand").css("color","#ff7a04"); + $("#opts").css("display","none"); + selection(); + $(".onp").css("display","none"); + $("#newTask").css("display","none"); + $("#reportpage").css("display","none"); + $(".run").css("display","none"); + + $("#optP").css("display","none"); + $("#optT").css("display","none"); +} Modified: jtimerhtml5/target/jtimer-2.0-SNAPSHOT.jar =================================================================== (Binary files differ)
participants (1)
-
qmoriceau＠users.chorem.org