Update templates/index.html

cliquer sur "retour vers le futur" provoque l'affichage de "rose"
changement complet de la fonction selectPreset

templates/index.html

@@ -149,25 +149,52 @@
         }
     }
 
-    function selectPreset(presetNumber, target) {
-        fetch(`/static/${presetNumber}.webp`)
-            .then(res => res.blob())
-            .then(blob => {
-                const file = new File([blob], `preset${presetNumber}.webp`, { type: blob.type });
-                if (target === 1) {
-                    file1 = file;
-                    updatePreview(blob, 1);
-                    resetSelection(1);
-                    document.getElementById(`preset-${presetNumber}-1`).classList.add('selected');
-                } else {
-                    file2 = file;
-                    updatePreview(blob, 2);
-                    resetSelection(2);
-                    document.getElementById(`preset-${presetNumber}-2`).classList.add('selected');
-                }
-            })
-            .then(() => checkReadyToCompare());
-    }
+###___
+  function selectPreset(presetNumber, target) {
+    const imgElement = document.getElementById(`preset-${presetNumber}-${target}`);
+    const imagePath = imgElement.src;
+
+    fetch(imagePath)
+        .then(res => res.blob())
+        .then(blob => {
+            const fileName = imagePath.split('/').pop();
+            const file = new File([blob], fileName, { type: blob.type });
+            if (target === 1) {
+                file1 = file;
+                updatePreview(blob, 1);
+                resetSelection(1);
+                imgElement.classList.add('selected');
+            } else {
+                file2 = file;
+                updatePreview(blob, 2);
+                resetSelection(2);
+                imgElement.classList.add('selected');
+            }
+        })
+        .then(() => checkReadyToCompare());
+}
+
+  ###____
+    
+ ###   function selectPreset(presetNumber, target) {
+ ###       fetch(`/static/${presetNumber}.webp`)
+ ###           .then(res => res.blob())
+ ###           .then(blob => {
+ ###               const file = new File([blob], `preset${presetNumber}.webp`, { type: blob.type });
+ ###               if (target === 1) {
+ ###                   file1 = file;
+ ###                   updatePreview(blob, 1);
+ ###                   resetSelection(1);
+ ###                   document.getElementById(`preset-${presetNumber}-1`).classList.add('selected');
+ ###               } else {
+ ###                   file2 = file;
+ ###                   updatePreview(blob, 2);
+ ###                   resetSelection(2);
+ ###                   document.getElementById(`preset-${presetNumber}-2`).classList.add('selected');
+ ###               }
+ ###           })
+ ###           .then(() => checkReadyToCompare());
+ ###   }
 
     function updatePreview(blob, target) {
         const reader = new FileReader();