[Orga] Réponse adaptée aux évènements des boutons

- Script externe C'est moche, mais ça marche. On verra si on a le temps de faire un truc plus robuste / sémantiquement correct.

[Orga] Réponse adaptée aux évènements des boutons
- Script externe C'est moche, mais ça marche. On verra si on a le temps de faire un truc plus robuste / sémantiquement correct.
Geoffrey PREUD'HOMME
1 parent 3a23c07d
Showing 2 changed files with 76 additions and 28 deletions Show diff stats
js/orga.js
orga.php
@@ -0,0 +1,66 @@
+$(document).ready(function() {
+    $(".ev_li").each(function(index) {
+        var id = this.id.replace('ev_li_', '')
+            // console.debug(id)
+        _this = this
+        $('.ev_modifier', this).click(function(e) {
+            // console.debug(id, 'modifier', e)
+
+            // Bouton
+            $(e.currentTarget).replaceWith('<button type="button" class="ev_appliquer btn btn-success"><span class="glyphicon glyphicon-ok"></span> Appliquer les changements</button>')
+            valider = $('#ev_li_' + id + ' .ev_appliquer')
+
+            // Description
+            // var description = $('.ev_description', _this)
+            // TODO replaceWith ne fonctionne pas avec context (_this) pour une raison obscure
+            var description = $('#ev_li_' + id + ' .ev_description')
+            console.debug(description)
+            description.replaceWith('<textarea class="ev_description form-control">' + description[0].innerHTML + '</textarea>')
+            description = $('#ev_li_' + id + ' .ev_description')
+
+            // Durée
+            var duree = $('#ev_li_' + id + ' .ev_duree')
+            console.debug($('.ev_duree_h', duree).text() || '00', ':', $('.ev_duree_m', duree).text() || '00')
+            h = $('.ev_duree_h', duree).text() || 0
+            h = h < 10 ? '0' + h : h
+            m = $('.ev_duree_m', duree).text() || 0
+            m = m < 10 ? '0' + m : m
+            duree.replaceWith('<input type="time" class="ev_duree form-control"  value="' + h + ':' + m + '">')
+            duree = $('#ev_li_' + id + ' .ev_duree')
+
+            valider.click(function(e) {
+                console.debug('ACTION modifier', id, description[0].innerHTML, duree[0].value)
+
+                // TODO Envoyer et refresh
+            })
+        })
+        $('.ev_annuler', this).click(function(e) {
+            // console.debug(id, 'annuler', e)
+            if (window.confirm('Voulez-vous vraiment annuler cet évènement ?')) {
+                console.debug('ACTION annuler', id)
+
+                // TODO Envoyer et refresh
+            }
+        })
+        $('.ev_supprimer', this).click(function(e) {
+            // console.debug(id, 'supprimer', e)
+            if (window.confirm('Voulez-vous vraiment supprimer cet évènement ? \nIl ne sera plus visible.')) {
+                console.debug('ACTION supprimer', id)
+            }
+
+            // TODO Envoyer et refresh
+        })
+        $('.ev_pos_proposer', this).click(function(e) {
+            console.debug(id, 'pos_proposer', e)
+        })
+        $('.ev_pos_valider', this).click(function(e) {
+            console.debug(id, 'pos_valider', e)
+        })
+    })
+    $("#ev_ajouter_fixe").click(function(e) {
+        console.debug('ajouter_fixe', e)
+    })
+    $("#ev_ajouter_choix").click(function(e) {
+        console.debug('ajouter_choix', e)
+    })
+})
@@ -70,7 +70,7 @@ class Evenement
         $heures = floor($this->duree/3600);
         $minutes = floor($this->duree%3600/60);
         $secondes = floor($this->duree%3600%60);
-        $html .= 'Durée : <span class="ev_duree">'.($heures > 0 ? $heures.' heure'.($heures > 1 ? 's' : '').' ' : '').($minutes > 0 ? $minutes.' minute'.($minutes > 1 ? 's' : '').' ' : '').($secondes > 0 ? $secondes.' seconde'.($secondes > 1 ? 's' : '').' ' : '').'</span><br/>';
+        $html .= 'Durée : <span class="ev_duree">'.($heures > 0 ? '<span class="ev_duree_h">'.$heures.'</span> heure'.($heures > 1 ? 's' : '').' ' : '').($minutes > 0 ? '<span class="ev_duree_m">'.$minutes.'</span> minute'.($minutes > 1 ? 's' : '').' ' : '').($secondes > 0 ? '<span class="ev_duree_s">'.$secondes.'</span> seconde'.($secondes > 1 ? 's' : '').' ' : '').'</span><br/>';
         if ($this->valide) {
             $html .= 'Date : le <span class="ev_date">'.date('j/m/o', $this->valide).' à '.date('H:i', $this->valide).'</span><br/>';
         }
@@ -165,18 +165,23 @@ function a_evenement() {
     # DEBUG
     $test1 = new Evenement;
     $test1->id = 1;
+    $test1->duree = 12345;
     $test1->nom = 'Évènement de test n°1';
+    $test1->description = 'Description de l\'évènement de test n°1';
     $test1->valide = time();
     $test2 = new Evenement;
     $test2->id = 2;
     $test2->nom = 'Évènement de test n°2';
+    $test2->description = 'Description de l\'évènement de test n°2';
+    $test2->duree = 36000;
     $test2->valide = time();
     $test2->annule = true;
     $test3 = new Evenement;
     $test3->id = 3;
     $test3->nom = 'Évènement de test n°3';
+    $test3->description = 'Description de l\'évènement de test n°3';
     $test3->dates[] = 1415482197;
     $test3->datesVotes[] = 42;
     $test3->dates[] = time();
@@ -187,6 +192,7 @@ function a_evenement() {
     $test4 = new Evenement;
     $test4->id = 4;
     $test4->nom = 'Évènement de test n°4';
+    $test4->description = 'Description de l\'évènement de test n°4';
     $test4->dates[] = time();
     $test4->datesVotes[] = 5;
     $test4->dates[] = time()+365*24*3600;
@@ -197,6 +203,7 @@ function a_evenement() {
     $test5 = new Evenement;
     $test5->id = 5;
     $test5->nom = 'Évènement de test n°5';
+    $test5->description = 'Description de l\'évènement de test n°5';
     $test5->dates[] = time();
     $test5->datesVotes[] = 0;
     $test5->supprime = true;
@@ -204,6 +211,7 @@ function a_evenement() {
     $test6 = new Evenement;
     $test6->id = 6;
     $test6->nom = 'Évènement de test n°6';
+    $test6->description = 'Description de l\'évènement de test n°6';
     $test6->valide = 1415452197;
     return array($test1, $test2, $test3, $test4, $test5, $test6);
@@ -272,33 +280,7 @@ foreach ($evenementsPasses as $evenement) {
 ?>
 </ul>
-<script type="text/javascript">
-    $(".ev_li").each(function (index) {
-        var id = this.id.replace('ev_li_', '')
-        // console.debug(id)
-        $('.ev_modifier', this).click(function(e) {
-            console.debug(id, 'modifier', e)
-        })
-        $('.ev_annuler', this).click(function(e) {
-            console.debug(id, 'annuler', e)
-        })
-        $('.ev_supprimer', this).click(function(e) {
-            console.debug(id, 'supprimer', e)
-        })
-        $('.ev_pos_proposer', this).click(function(e) {
-            console.debug(id, 'pos_proposer', e)
-        })
-        $('.ev_pos_valider', this).click(function(e) {
-            console.debug(id, 'pos_valider', e)
-        })
-    })
-    $("#ev_ajouter_fixe").click(function(e) {
-        console.debug('ajouter_fixe', e)
-    })
-    $("#ev_ajouter_choix").click(function(e) {
-        console.debug('ajouter_choix', e)
-    })
-</script>
+<script type="text/javascript" src="js/orga.js"></script>
 <?php
 } else {