117 lines
3.1 KiB
JavaScript
117 lines
3.1 KiB
JavaScript
const form = document.getElementById("ajouterArticleForm");
|
|
const messages = document.getElementById("messages");
|
|
|
|
const imgField = document.getElementById("articleImage");
|
|
const titleField = document.getElementById("articleTitle");
|
|
const categoryField = document.getElementById("articleCategory");
|
|
const publishedField = document.getElementById("articlePublished");
|
|
|
|
// Simulation BDD
|
|
const titresExistants = ["décoration noel", "coupe de chien"];
|
|
|
|
/* =========================
|
|
DOM : messages
|
|
========================= */
|
|
function showMessage(type, text) {
|
|
messages.innerHTML = "";
|
|
|
|
const div = document.createElement("div");
|
|
div.className = `alert alert-${type}`;
|
|
div.textContent = text;
|
|
|
|
messages.appendChild(div);
|
|
}
|
|
|
|
/* =========================
|
|
Validation image
|
|
========================= */
|
|
function imageValide(file) {
|
|
if (!file) return true;
|
|
return ["image/jpeg", "image/png"].includes(file.type);
|
|
}
|
|
|
|
/* =========================
|
|
Submit formulaire
|
|
========================= */
|
|
form.addEventListener("submit", function (e) {
|
|
e.preventDefault();
|
|
messages.innerHTML = "";
|
|
|
|
const titre = titleField.value.trim();
|
|
const titreLower = titre.toLowerCase();
|
|
const contenu = tinymce.get("articleContent").getContent().trim();
|
|
const categorie = categoryField.value;
|
|
const image = imgField.files[0];
|
|
const published = publishedField.checked;
|
|
|
|
// Catégorie obligatoire
|
|
if (!categorie) {
|
|
showMessage("danger", "Veuillez choisir une catégorie.");
|
|
return;
|
|
}
|
|
|
|
// Titre obligatoire
|
|
if (!titre) {
|
|
showMessage("danger", "Le titre de l'article est obligatoire.");
|
|
return;
|
|
}
|
|
|
|
// Titre existant
|
|
if (titresExistants.includes(titreLower)) {
|
|
showMessage("danger", "Ce titre existe déjà. Choisissez-en un autre.");
|
|
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 ou PNG uniquement.");
|
|
return;
|
|
}
|
|
|
|
// Enregistrement titre simulé
|
|
titresExistants.push(titreLower);
|
|
|
|
// Création article
|
|
const nouvelArticle = {
|
|
id: Date.now(),
|
|
titre,
|
|
contenu,
|
|
categorie,
|
|
published,
|
|
date: new Date().toISOString()
|
|
};
|
|
|
|
// LocalStorage
|
|
const articles = JSON.parse(localStorage.getItem("articles")) || [];
|
|
articles.push(nouvelArticle);
|
|
localStorage.setItem("articles", JSON.stringify(articles));
|
|
|
|
showMessage("success", "Article ajouté avec succès !");
|
|
|
|
// Reset
|
|
form.reset();
|
|
tinymce.get("articleContent").setContent("");
|
|
|
|
// Redirection
|
|
setTimeout(() => {
|
|
window.location.href = "../html/accueil_blog.html";
|
|
}, 1000);
|
|
});
|
|
|
|
/* =========================
|
|
TinyMCE
|
|
========================= */
|
|
tinymce.init({
|
|
selector: "#articleContent",
|
|
height: 400,
|
|
language: "fr",
|
|
plugins: "lists fullscreen",
|
|
toolbar: "undo redo | bold italic underline | bullist numlist | fullscreen"
|
|
});
|