first commit

src/js/usb-toogle.js

@@ -0,0 +1,95 @@
+function injectUsbMenu() {
+  if (document.getElementById("usbControlItem")) return;
+
+  const menu = document.querySelector('.dropdown-menu');
+  if (!menu) return;
+
+  const anchor = document.querySelector('#dashboard-menu-item');
+
+  const li = document.createElement("li");
+  li.id = "usbControlItem";
+  li.className = "context-menu";
+
+  li.innerHTML = `
+  <a id="usbControlLink" href="#notarget">
+      <i class="fa-solid fa-sharp fa-power-off sx"></i>
+      <span>USB Control</span>
+      <span id="usbControlDot"
+          style="display:inline-block;width:12px;height:12px;border-radius:50%;background:#b22;margin-left:3px;margin-right:3px">
+      </span>
+      <span id="usbControlLabel">...</span>
+  </a>
+  `;
+
+  if (anchor && anchor.parentNode) {
+      anchor.parentNode.insertBefore(li, anchor.nextSibling);
+  } else {
+      menu.appendChild(li);
+  }
+}
+
+document.addEventListener("DOMContentLoaded", injectUsbMenu);
+setTimeout(injectUsbMenu, 1000);
+
+
+document.addEventListener('DOMContentLoaded', function() {
+  const item = document.getElementById('usbControlItem');
+  const dot = document.getElementById('usbControlDot');
+  const label = document.getElementById('usbControlLabel');
+  const link = document.getElementById('usbControlLink');
+
+  if (!item || !dot || !label || !link) return;
+
+  let isOn = false;
+  let locked = false;
+
+  // --- Fonction utilitaire : met à jour la pastille
+  function updateUI() {
+    dot.style.background = isOn ? '#2b2' : '#b22';
+    label.textContent = isOn ? 'ON' : 'OFF';
+  }
+
+  // --- Fonction pour changer l’état
+  function toggleUSB() {
+    event.stopPropagation();
+    if (locked) return;
+    locked = true;
+
+    label.textContent = '...';
+    fetch(`/usb-toggle.php?action=${isOn ? 'unbind' : 'bind'}`)
+      .then(res => res.json())
+      .then(data => {
+        if (data.status === 'ok') {
+          isOn = !isOn;
+          updateUI();
+        } else {
+          alert('Erreur: ' + data.msg);
+        }
+      })
+      .catch(err => alert('Erreur réseau: ' + err))
+      .finally(() => {
+        locked = false;
+      });
+  }
+
+  // --- Lecture de l’état au démarrage
+  fetch('/usb-toggle.php?action=status')
+    .then(res => res.json())
+    .then(data => {
+      if (data.status === 'ok') {
+        isOn = (data.state === 'bound');
+        updateUI();
+      }
+    })
+    .catch(() => {
+      label.textContent = '?';
+    });
+
+  function mouseLeave() {
+        link.blur();
+
+  }
+
+  item.addEventListener('click', toggleUSB);
+  link.addEventListener('mouseleave', mouseLeave);
+});