From 84720d41c772577e955af619d3e35f452bea3734 Mon Sep 17 00:00:00 2001
From: jbousquie <jerome@bousquie.fr>
Date: Thu, 29 Sep 2016 14:27:02 +0200
Subject: [PATCH] =?UTF-8?q?toggler=20g=C3=A9n=C3=A9ral?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 admin/salles_live.php | 27 +++++++++++++++++++--------
 1 file changed, 19 insertions(+), 8 deletions(-)

diff --git a/admin/salles_live.php b/admin/salles_live.php
index 98088f6..6cb490d 100644
--- a/admin/salles_live.php
+++ b/admin/salles_live.php
@@ -50,7 +50,7 @@ function InfoWinlog() {
         $infobulle = InfoWinlog();
         echo("<div id=\"menu_salles\">\n");
         echo("<span title=\"$infobulle\"><b>Connexions Windows en cours par salle</b></span>");
-        echo("<span class=\"right toggler_general\"><span id=\"\">[+]</span><span id=\"\">[-]</span></span><br/>\n");
+        echo("<span class=\"right\"><span id=\"g-deroule\" class=\"toggler_general toggler\">[+]</span><span id=\"g-enroule\" class=\"toggler_general toggler\">[-]</span></span><br/>\n");
         echo($liste_salles);
         echo("<br/><a href=\"recup_salles.php\" class=\"right\"><i>rechargement</i></a>\n</div>\n");
         echo('</div>'."\n");
@@ -76,7 +76,6 @@ function InfoWinlog() {
     // bascule : true => on demande la permutation de l'état enroulé/déroulé
     // force : null ou boolean. Si boolean, c'est la valeur a affecter de force (true = deroule, false = enroule)
     var toggle = function(el, enrouleurs, bascule, force) {
-        if (!el.classList.contains("toggler")) { return; }
         var htmlDeroule = "[-] ";
         var htmlEnroule = "[+] ";
         var classDeroule = "deroule";
@@ -124,10 +123,23 @@ function InfoWinlog() {
     };
 
     // fonction de mise à jour des bouton enrouleurs/dérouleurs
-    var  enroule = function(enrouleurs) {
+    var enroule = function(enrouleurs, bascule, force) {
         for (var e in enrouleurs) {
             var el = document.getElementById(e);
-            toggle(el, enrouleurs, false);
+            toggle(el, enrouleurs, bascule, force);
+        }
+    };
+
+    // fonction de bascule vers un état enroulé/déroulé
+    var bascule = function(el, enrouleurs) {
+        if (!el.classList.contains("toggler")) { return; } // ne traite que les éléments toogler
+        if (el.classList.contains("toggler_general")) {    // si toggler général, on force la mise à jour de tous les togglers
+            var force = (el.id == 'g-deroule') ? true : false;
+            enroule(enrouleurs, false, force);
+        } 
+        else
+        {
+            toggle(el, enrouleurs, true);               // si toggler individuel, on bascule sa valeur
         }
     };
 
@@ -232,22 +244,21 @@ function InfoWinlog() {
     var init = function() {
         var div = document.getElementById('loaddiv');
         if (div) {
-
             jourListeSalle(div);
             var enrouleurs = {};        // tableau associatif des enrouleurs pour garder l'état de chaque liste sur reload
-            var elems = document.getElementsByClassName("toggler");
+            var elems = div.getElementsByClassName("toggler");
             // initialisation des enrouleurs (true = déroulé, par défaut)
             for (var i = 0; i < elems.length; i++) {
                 enrouleurs[elems[i].id] = <?php echo(json_encode($deroule)); ?>;
             }
 
-            div.addEventListener("click", function(e) { toggle(e.target, enrouleurs, true); }, false);
+            document.addEventListener("click", function(e) { bascule(e.target, enrouleurs); }, false);
 
             window.setInterval(function() {
                 reload(url, div, enrouleurs);
                 }, <?php echo($delayMs); ?>);
             reload(url, div, enrouleurs);
-            enroule(enrouleurs);
+            enroule(enrouleurs, false);         // remise à jour de l'état de tous les togglers de la page
         }
     };
     window.onload = init;