From 4c390c933dc41f086dc5c962cda99e5743294418 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9drix?= <cedric@abonnel.fr>
Date: Fri, 27 Mar 2026 07:54:52 +0100
Subject: [PATCH] clic-deplacer uniquement en edit mode

---
 public/index.html |  2 +-
 public/script.js  | 25 ++++++++++++++++---------
 public/sw.js      |  2 +-
 3 files changed, 18 insertions(+), 11 deletions(-)

diff --git a/public/index.html b/public/index.html
index 5a16e67..53c663e 100644
--- a/public/index.html
+++ b/public/index.html
@@ -16,7 +16,7 @@
     <header>
         <div style="display: flex; gap: 10px; align-items: center;">
             <button class="stop-all" onclick="stopAll()">🛑 STOP ALL</button>
-            <span id="app-version" style="color: #555; font-size: 0.8rem; margin-left: 10px;">v1.205</span>
+            <span id="app-version" style="color: #555; font-size: 0.8rem; margin-left: 10px;">v1.206</span>
             
             <button id="installBtn" style="display:none; ...">📥 INSTALLER</button>
         </div>
diff --git a/public/script.js b/public/script.js
index 0772bf8..45df01f 100644
--- a/public/script.js
+++ b/public/script.js
@@ -101,23 +101,24 @@
             const div = document.createElement('div');
             div.className = `btn ${data.file ? 'active' : ''} ${data.loop ? 'has-loop' : ''}`;
             div.id = `btn-${i}`;
-            div.setAttribute('draggable', 'true'); // Rend le bouton draggable
+            
+            // Le bouton n'est "draggable" que si le mode édition est actif
+            div.setAttribute('draggable', isEditMode ? 'true' : 'false'); 
             
             div.innerHTML = `<span class="btn-num">${i+1}</span>
                             <span style="padding:10px">${data.name || "-"}</span>
                             <span class="loop-tag">∞</span>`;
             
-            // Clic pour lecture ou édition
             div.onclick = () => handleBtnClick(i);
-
-            // Événements de Drag & Drop
+    
+            // Les événements de Drag & Drop (ils ne se déclencheront que si draggable est true)
             div.ondragstart = (e) => handleDragStart(e, i);
             div.ondragover = (e) => handleDragOver(e);
-            div.ondragenter = (e) => div.classList.add('drag-over');
+            div.ondragenter = (e) => isEditMode && div.classList.add('drag-over');
             div.ondragleave = (e) => div.classList.remove('drag-over');
             div.ondrop = (e) => handleDrop(e, i);
             div.ondragend = (e) => div.classList.remove('dragging');
-
+    
             board.appendChild(div);
         });
     }
@@ -125,9 +126,15 @@
     function toggleEditMode() {
         isEditMode = !isEditMode;
         document.body.classList.toggle('edit-mode', isEditMode);
-        document.getElementById('toggleBtn').innerText = isEditMode ? "QUITTER L'ÉDITION" : "MODE ÉDITION";
-        document.getElementById('toggleBtn').style.background = isEditMode ? "var(--accent)" : "#444";
-        document.getElementById('toggleBtn').style.color = isEditMode ? "black" : "white";
+        
+        // Mise à jour visuelle du bouton
+        const toggleBtn = document.getElementById('toggleBtn');
+        toggleBtn.innerText = isEditMode ? "QUITTER L'ÉDITION" : "MODE ÉDITION";
+        toggleBtn.style.background = isEditMode ? "var(--accent)" : "#444";
+        toggleBtn.style.color = isEditMode ? "black" : "white";
+    
+        // On réinitialise la grille pour appliquer le changement de 'draggable'
+        init(); 
     }
 
     function handleBtnClick(i) {
diff --git a/public/sw.js b/public/sw.js
index efaf25d..1a139f8 100644
--- a/public/sw.js
+++ b/public/sw.js
@@ -1,4 +1,4 @@
-const CACHE_NAME = 'sb-v1.205'; // Change ce numéro pour forcer une mise à jour globale
+const CACHE_NAME = 'sb-v1.206'; // Change ce numéro pour forcer une mise à jour globale
 const ASSETS = [
   './', // Racine
   './index.html',