mise a jour du Dom de ajouter article et modifier article

blog/js/modifier_article.js

@@ -1,60 +1,74 @@
 const form = document.getElementById("editArticleForm");
+const messages = document.getElementById("messages");
+
 const imgField = document.getElementById("articleImage");
 const titleField = document.getElementById("articleTitle");
 const contentField = document.getElementById("articleContent");
 const categoryField = document.getElementById("articleCategory");
 const publishedField = document.getElementById("articlePublished");
 
-const errorEmpty = document.getElementById("errorEmpty");
-const errorImage = document.getElementById("errorImage");
-const errorExists = document.getElementById("errorExists");
-const successMsg = document.getElementById("successMsg");
-
-// Simulation BDD pour vérifier doublons
+// Simulation BDD pour doublons
 const titresExistants = [
   "article de test",
   "nouveautés chiens",
-  "actualité du mois",
+  "actualité du mois"
 ];
 
+
+function showMessage(type, text) {
+  messages.innerHTML = "";
+
+  const div = document.createElement("div");
+  div.className = `alert alert-${type}`;
+  div.textContent = text;
+
+  messages.appendChild(div);
+}
+
+
+function imageValide(file) {
+  if (!file) return true;
+  return ["image/jpeg", "image/png", "image/gif"].includes(file.type);
+}
+
+
 form.addEventListener("submit", function (e) {
   e.preventDefault();
+  messages.innerHTML = "";
 
   const titre = titleField.value.trim().toLowerCase();
-  const fichierImage = imgField.files[0];
+  const contenu = tinymce.get("articleContent").getContent().trim();
+  const image = imgField.files[0];
 
-  // Reset messages
-  errorEmpty.classList.add("d-none");
-  errorImage.classList.add("d-none");
-  errorExists.classList.add("d-none");
-  successMsg.classList.add("d-none");
-
-  //Titre obligatoire
-  if (titre === "") {
-    errorEmpty.classList.remove("d-none");
+  // Titre obligatoire
+  if (!titre) {
+    showMessage("danger", "Le titre de l'article est obligatoire.");
     return;
   }
 
-  // Titre déjà existant ?
+  // Titre existant
   if (titresExistants.includes(titre)) {
-    errorExists.classList.remove("d-none");
+    showMessage("danger", "Ce titre existe déjà. Veuillez en choisir un autre.");
     return;
   }
 
-  //Vérification image
-  if (fichierImage) {
-    const validFormats = ["image/jpeg", "image/png", "image/gif"];
-    if (!validFormats.includes(fichierImage.type)) {
-      errorImage.classList.remove("d-none");
-      return;
-    }
+  // Contenu obligatoire
+  if (!contenu) {
+    showMessage("danger", "Le contenu de l'article ne peut pas être vide.");
+    return;
+  }
+
+  // Image valide
+  if (!imageValide(image)) {
+    showMessage("danger", "Format d'image invalide. JPG, PNG ou GIF uniquement.");
+    return;
   }
 
   // Succès
-  successMsg.classList.remove("d-none");
+  showMessage("success", "L'article a été modifié avec succès !");
 
-  //  Redirection après succès
+  // Redirection
   setTimeout(() => {
-    window.location.href = "../../blog/html/accueil_blog.html"; 
+    window.location.href = "../../blog/html/accueil_blog.html";
   }, 1500);
 });