From 6cf9f1876d4dc18e9c62c1a8c8629d198f1d5fb8 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Tue, 31 Dec 2024 18:10:16 -0500
Subject: [PATCH] ChangePresentationInfos - upload delete image and text

---
 src/views/creators/CreatorHome.vue | 45 ++++++++++++++++++++++++------
 1 file changed, 37 insertions(+), 8 deletions(-)

diff --git a/src/views/creators/CreatorHome.vue b/src/views/creators/CreatorHome.vue
index b078cbb..c8a840a 100644
--- a/src/views/creators/CreatorHome.vue
+++ b/src/views/creators/CreatorHome.vue
@@ -392,7 +392,7 @@ function toggleEditMode() {
     editablePhoneNumber.value = phoneNumber.value;
     editableEmail.value = email.value;
   } else {
-    // Sauvegarder les modifications
+    // Sauvegarder les modifications ou réinitialiser les URLs des images supprimées
     mainTitle.value = editableMainTitle.value;
     mainImageText.value = editableMainImageText.value;
     mainVideoText.value = editableMainVideoText.value;
@@ -405,20 +405,41 @@ function toggleEditMode() {
     videoUrl.value = editableVideoUrl.value;
     phoneNumber.value = editablePhoneNumber.value;
     email.value = editableEmail.value;
+
+    // Réinitialisation des images supprimées à des strings vides si nécessaire
+    if (mainImageUrl.value === null) mainImageUrl.value = "";
+    if (image1Url.value === null) image1Url.value = "";
+    if (image2Url.value === null) image2Url.value = "";
+    if (image3Url.value === null) image3Url.value = "";
+    if (image4Url.value === null) image4Url.value = "";
   }
 }
 
 
 
+
 // Supprimer une image
 function deleteImage(field) {
-  if (field === "mainImageUrl") mainImageUrl.value = null;
-  else if (field === "image1Url") image1Url.value = null;
-  else if (field === "image2Url") image2Url.value = null;
-  else if (field === "image3Url") image3Url.value = null;
-  else if (field === "image4Url") image4Url.value = null;
+  switch (field) {
+    case "mainImageUrl":
+      mainImageUrl.value = ""; // Remplace par un string vide
+      break;
+    case "image1Url":
+      image1Url.value = ""; // Remplace par un string vide
+      break;
+    case "image2Url":
+      image2Url.value = ""; // Remplace par un string vide
+      break;
+    case "image3Url":
+      image3Url.value = ""; // Remplace par un string vide
+      break;
+    case "image4Url":
+      image4Url.value = ""; // Remplace par un string vide
+      break;
+  }
 }
 
+
 // Mettre à jour une image
 function updateImage(field, event) {
   const file = event.target.files[0];
@@ -482,7 +503,7 @@ async function saveChanges() {
 
   const formData = new FormData();
 
-  // Ajout des champs textuels au payload
+  // Ajout des champs textuels
   formData.append("PhoneNumber", editablePhoneNumber.value || "");
   formData.append("Email", editableEmail.value || "");
   formData.append("Title", editableMainTitle.value || "");
@@ -496,7 +517,14 @@ async function saveChanges() {
   formData.append("VideoUrl", editableVideoUrl.value || "");
   formData.append("VideoText", editableVideoText.value || "");
 
-  // Ajout des fichiers au payload
+  // Ajout des URLs d'images supprimées
+  formData.append("MainImageUrl", mainImageUrl.value || ""); // Peut contenir un string vide
+  formData.append("Image1Url", image1Url.value || "");
+  formData.append("Image2Url", image2Url.value || "");
+  formData.append("Image3Url", image3Url.value || "");
+  formData.append("Image4Url", image4Url.value || "");
+
+  // Ajout des fichiers d'images téléversées
   if (editableImages.value[0]) formData.append("MainImage", editableImages.value[0]);
   if (editableImages.value[1]) formData.append("Image1", editableImages.value[1]);
   if (editableImages.value[2]) formData.append("Image2", editableImages.value[2]);
@@ -520,6 +548,7 @@ async function saveChanges() {
 }
 
 
+
 function cancelEdit() {
   // Restaurer les valeurs d'origine
   editableMainTitle.value = mainTitle.value;