ajout afficher/masquer panier

public/index.html

@@ -28,7 +28,8 @@
         </div>
         <div class="parametres-bottom">
             <span onclick="mvTiroir(20)" class="glyphicon glyphicon-upload" aria-hidden="true" title="Agrandir le panier"></span><br>
-            <span onclick="mvTiroir(-20)" class="glyphicon glyphicon-download" aria-hidden="true" title="Réduire le panier"></span>
+            <span onclick="mvTiroir(-20)" class="glyphicon glyphicon-download" aria-hidden="true" title="Réduire le panier"></span><br>
+            <span id="eye" onclick="toggleTirroir()" class="glyphicon glyphicon-eye-close" aria-hidden="true" title="Masquer le panier"></span>
         </div>
 
         <div class="ecritoire">

public/scripts/script.js

@@ -344,6 +344,22 @@ function mvTiroir(factor) {
     panel.style.height = (parseInt(getComputedStyle(panel, '').height) + factor) + "px";
 }
 
+var boolTiroir = true;
+function toggleTirroir() {
+    if (boolTiroir) {
+        panel.style.display = 'none';
+        boolTiroir = false;
+        document.getElementById('eye').classList.remove('glyphicon-eye-close');
+        document.getElementById('eye').classList.add('glyphicon-eye-open');
+        document.getElementById('eye').title = "Afficher le panier";
+    } else {
+        panel.style.display = '';
+        boolTiroir = true;
+        document.getElementById('eye').classList.remove('glyphicon-eye-open');
+        document.getElementById('eye').classList.add('glyphicon-eye-close');
+        document.getElementById('eye').title = "Masquer le panier";
+    }
+}
 
 function toggleGrille() {
     var cases = document.getElementsByClassName('case');
@@ -464,4 +480,4 @@ document.getElementById('hrefNewPage').href = thisURL.replace(pageId, '');
 function openInNewTab() {
     var URL = document.getElementById("pLien").value;
     window.open(URL, '_blank');
-}
\ No newline at end of file
+}