refonte arborescence + correction des chemins

prestations/js/ajouter_avant_apres.js

@@ -0,0 +1,94 @@
+// ===============================
+// Données simulées (sera remplacée par BDD )
+// ===============================
+let galleryPairs = [
+    {
+        id: 1,
+        titre: "Petit chien poils longs",
+        type: "Chien",
+        avant: "../../img/avant1.jpg",
+        apres: "../../img/apres1.jpg"
+    },
+    {
+        id: 2,
+        titre: "Coupe ciseaux",
+        type: "Chat",
+        avant: "../../img/avant2.jpg",
+        apres: "../../img/apres2.jpg"
+    }
+];
+
+// Sélecteurs
+const form = document.getElementById("addPairForm");
+const titleInput = document.getElementById("pairTitle");
+const typeInput = document.getElementById("pairType");
+const beforeInput = document.getElementById("beforeImage");
+const afterInput = document.getElementById("afterImage");
+
+const beforePreview = document.getElementById("beforePreview");
+const afterPreview = document.getElementById("afterPreview");
+
+const successMsg = document.getElementById("successMsg");
+const errorMsg = document.getElementById("errorMsg");
+
+// ===============================
+// Prévisualisation images
+// ===============================
+beforeInput.addEventListener("change", function () {
+    const file = this.files[0];
+    if (!file) return;
+
+    const reader = new FileReader();
+    reader.onload = e => {
+        beforePreview.src = e.target.result;
+        beforePreview.style.display = "block";
+    };
+    reader.readAsDataURL(file);
+});
+
+afterInput.addEventListener("change", function () {
+    const file = this.files[0];
+    if (!file) return;
+
+    const reader = new FileReader();
+    reader.onload = e => {
+        afterPreview.src = e.target.result;
+        afterPreview.style.display = "block";
+    };
+    reader.readAsDataURL(file);
+});
+
+// ===============================
+// Soumission formulaire
+// ===============================
+form.addEventListener("submit", function (e) {
+    e.preventDefault();
+
+    // Reset messages
+    errorMsg.classList.add("d-none");
+    successMsg.classList.add("d-none");
+
+    // Validation simple
+    if (!titleInput.value.trim() || !typeInput.value.trim() || !beforeInput.files[0] || !afterInput.files[0]) {
+        errorMsg.classList.remove("d-none");
+        return;
+    }
+
+    // Nouvelle entrée (simulation)
+    const newPair = {
+        id: galleryPairs.length + 1,
+        titre: titleInput.value.trim(),
+        type: typeInput.value.trim(),
+        avant: URL.createObjectURL(beforeInput.files[0]),
+        apres: URL.createObjectURL(afterInput.files[0])
+    };
+
+    galleryPairs.push(newPair);
+
+    successMsg.classList.remove("d-none");
+
+    // Redirige après 1 seconde
+    setTimeout(() => {
+        window.location.href = "../liste_avant_apres/liste_avant_apres.html";
+    }, 1000);
+});