ajout du badge publié sur facebook (bootstrap) dans la page accueil blog

blog/html/modifier_article.html

@@ -152,7 +152,7 @@
     <!--Publié-->
     <div class="form-check mb-3">
       <input class="form-check-input" type="checkbox" id="articlePublished" checked>
-      <label class="form-check-label">Publié</label>
+      <label class="form-check-label">Publié (sera publié sur facebook)</label>
     </div>
 
     <!--Boutons-->

blog/js/ajouter_article.js

@@ -19,7 +19,7 @@ form.addEventListener('submit', function(e) {
     const fichierImage = imgField.files[0];
     const contenu = tinymce.get("articleContent").getContent();
     const categorie = categoryField.value;
-    const published = publishedField.checked;   // ← récupère la case cochée
+    const published = publishedField.checked;   //  récupère la case cochée
 
     // Reset messages
     errorEmpty.classList.add('d-none');
@@ -92,7 +92,7 @@ form.addEventListener('submit', function(e) {
 
     // Redirection
     setTimeout(() => {
-        window.location.href = "../html/liste_categorie_article.html";
+        window.location.href = "../html/accueil_blog.html";
     }, 1000);
 });
 

blog/js/liste_articles.js

@@ -1,14 +1,67 @@
+// Sélecteur du tableau
+const articlesTableBody = document.getElementById("articlesTableBody");
 
+// Charger les articles depuis le localStorage
+let articles = JSON.parse(localStorage.getItem("articles")) || [];
+
+// Fonction d'affichage des articles
+function afficherArticles() {
+    articlesTableBody.innerHTML = ""; // Nettoie le tableau
+
+    if (articles.length === 0) {
+        articlesTableBody.innerHTML = `
+            <tr>
+                <td colspan="2" class="text-center text-muted py-3">
+                    Aucun article pour le moment.
+                </td>
+            </tr>
+        `;
+        return;
+    }
+
+    articles.forEach(article => {
+        const tr = document.createElement("tr");
+
+        tr.innerHTML = `
+            <td>
+                ${article.titre}
+                ${article.published ? '<span class="badge bg-primary ms-2">Publié Facebook</span>' : ''}
+            </td>
+            <td class="text-end">
+                <a href="modifier_article.html?id=${article.id}" 
+                   class="btn btn-sm btn-outline-primary me-1">Modifier</a>
+
+                <button class="btn btn-sm btn-outline-danger delete-btn" data-id="${article.id}">
+                    Supprimer
+                </button>
+            </td>
+        `;
+
+        articlesTableBody.appendChild(tr);
+    });
+}
+
+// Gestion de suppression 
 document.addEventListener("click", function (e) {
     const btn = e.target.closest(".delete-btn");
-    if (!btn) return; // on a cliqué ailleurs
+    if (!btn) return;
 
-    // On récupère la ligne de l'article
     const row = btn.closest("tr");
     const titre = row.querySelector("td").textContent.trim();
+    const id = Number(btn.dataset.id);
 
     if (confirm(`Voulez-vous vraiment supprimer l'article : "${titre}" ?`)) {
-        row.remove(); // supprime la ligne
+
+        // Supprimer dans le tableau local
+        articles = articles.filter(article => article.id !== id);
+        localStorage.setItem("articles", JSON.stringify(articles));
+
+        // Supprimer visuel
+        row.remove();
+
         alert("Article supprimé !");
     }
-});
+});
+
+// Lancer l'affichage dès que la page charge
+afficherArticles();