Version 1.0.0c - Final Version

src/web/public/javascript/__index_script.js

@@ -1153,7 +1153,10 @@ forward.addEventListener("click", () => {
     get("FORWARD")
 })
 
-socket.on("/ALWAYS/MUSIC_STATE", (data) => {
+socket.on("/ALWAYS/MUSIC_STATE", async (data) => {
+
+    await disableDrag()
+    await enableDrag()
 
     stopInterval()
     console.log(data)
@@ -1517,3 +1520,30 @@ function setTime() {
 
 
 
+function disableDrag() {
+    // Ajoutez un gestionnaire d'événement pour l'événement dragover
+    document.addEventListener('dragover', function (e) {
+        e.preventDefault(); // Empêche le comportement par défaut du navigateur
+    });
+
+    // Ajoutez un gestionnaire d'événement pour l'événement drop
+    document.addEventListener('drop', function (e) {
+        e.preventDefault(); // Empêche le comportement par défaut du navigateur
+    });
+}
+
+
+
+// Pour réactiver le drag-and-drop, vous pouvez supprimer les gestionnaires d'événements
+function enableDrag() {
+    // Supprimez le gestionnaire d'événement pour l'événement dragover
+    document.removeEventListener('dragover', function (e) {
+        e.preventDefault(); // Empêche le comportement par défaut du navigateur
+    });
+
+    // Supprimez le gestionnaire d'événement pour l'événement drop
+    document.removeEventListener('drop', function (e) {
+        e.preventDefault(); // Empêche le comportement par défaut du navigateur
+    });
+}
+

src/web/public/stylesheets/style.css

@@ -1161,7 +1161,7 @@ p {
   position: absolute;
   top: -10%;
   right: 41%;
-  transition: all 2s;
+  transition: all 0.8s;
   z-index: 2;
   color: white;
   display: flex;
@@ -1253,4 +1253,5 @@ p {
   align-items: center;
   justify-content: center;
   
-}
+}
+