107 lines
3.1 KiB
JavaScript
107 lines
3.1 KiB
JavaScript
const form = document.getElementById('ajouterArticleForm');
|
|
const imgField = document.getElementById('articleImage');
|
|
const titleField = document.getElementById('articleTitle');
|
|
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
|
|
const titreExistants = ['décoration noel', 'coupe de chien'];
|
|
|
|
form.addEventListener('submit', function(e) {
|
|
e.preventDefault();
|
|
|
|
const titre = titleField.value.trim().toLowerCase();
|
|
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
|
|
|
|
// Reset messages
|
|
errorEmpty.classList.add('d-none');
|
|
errorImage.classList.add('d-none');
|
|
errorExists.classList.add('d-none');
|
|
successMsg.classList.add('d-none');
|
|
|
|
// Catégorie obligatoire
|
|
if (categorie === "") {
|
|
errorEmpty.textContent = "Veuillez choisir une catégorie.";
|
|
errorEmpty.classList.remove('d-none');
|
|
return;
|
|
}
|
|
|
|
// Titre obligatoire
|
|
if (titre === "") {
|
|
errorEmpty.textContent = "Le titre de l'article est obligatoire.";
|
|
errorEmpty.classList.remove('d-none');
|
|
return;
|
|
}
|
|
|
|
// Titre déjà existant
|
|
if (titreExistants.includes(titre)) {
|
|
errorExists.classList.remove('d-none');
|
|
return;
|
|
}
|
|
|
|
// Contenu obligatoire
|
|
if (contenu.trim() === "") {
|
|
errorEmpty.textContent = "Le contenu de l'article ne peut pas être vide.";
|
|
errorEmpty.classList.remove('d-none');
|
|
return;
|
|
}
|
|
|
|
// Image invalide
|
|
if (fichierImage) {
|
|
const validFormats = ['image/jpeg', 'image/png'];
|
|
if (!validFormats.includes(fichierImage.type)) {
|
|
errorImage.classList.remove('d-none');
|
|
return;
|
|
}
|
|
}
|
|
|
|
// Simuler enregistrement
|
|
titreExistants.push(titre);
|
|
|
|
|
|
// CRÉATION DE L'ARTICLE
|
|
|
|
const nouvelArticle = {
|
|
id: Date.now(),
|
|
titre: titleField.value.trim(),
|
|
contenu: contenu,
|
|
categorie: categorie,
|
|
published: published, // valeur TRUE/FALSE pour afficher le badge Facebook
|
|
date: new Date().toISOString()
|
|
};
|
|
|
|
|
|
// SAUVEGARDE DANS LOCALSTORAGE
|
|
|
|
let articles = JSON.parse(localStorage.getItem("articles")) || [];
|
|
articles.push(nouvelArticle);
|
|
localStorage.setItem("articles", JSON.stringify(articles));
|
|
|
|
console.log("Article enregistré :", nouvelArticle);
|
|
|
|
// Succès
|
|
successMsg.classList.remove('d-none');
|
|
|
|
// Redirection
|
|
setTimeout(() => {
|
|
window.location.href = "../html/accueil_blog.html";
|
|
}, 1000);
|
|
});
|
|
|
|
// TinyMCE INIT
|
|
tinymce.init({
|
|
selector: '#articleContent',
|
|
height: 400,
|
|
language: 'fr',
|
|
plugins: 'lists fullscreen',
|
|
toolbar: 'undo redo | bold italic underline | bullist numlist | fullscreen'
|
|
});
|