jbourdon/social-media
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ChangePresentationInfos - upload delete image and text

Browse Source
This commit is contained in:
PascalMarchesseault
2024-12-31 18:10:16 -05:00
parent 6cb07aa9f8
commit 6cf9f1876d
1 changed files with 37 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
src/views/creators/CreatorHome.vue
View File

@@ -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;