Files
maquette_backoffice/prestations/js/ajouter_slider.js

72 lines
1.7 KiB
JavaScript

const form = document.getElementById("addSlideForm");
const messages = document.getElementById("messages");
const imgField = document.getElementById("slideImage");
const altField = document.getElementById("slideAlt");
const titleField = document.getElementById("slideTitle");
// Simulation BDD
let slides = [];
function showMessage(type, text) {
messages.innerHTML = "";
const div = document.createElement("div");
div.className = `alert alert-${type}`;
div.textContent = text;
messages.appendChild(div);
}
form.addEventListener("submit", function (e) {
e.preventDefault();
messages.innerHTML = "";
const image = imgField.files[0];
const alt = altField.value.trim();
const title = titleField.value.trim();
// Image obligatoire
if (!image) {
showMessage("danger", "Merci de sélectionner une image.");
return;
}
// ALT obligatoire
if (!alt) {
showMessage("danger", "Le texte ALT est obligatoire.");
return;
}
// Vérification format
const validFormats = ["image/jpeg", "image/png", "image/webp"];
if (!validFormats.includes(image.type)) {
showMessage(
"danger",
"Format d'image invalide. Formats acceptés : JPG, PNG, WEBP."
);
return;
}
// Enregistrement simulé
slides.push({
id: Date.now(),
image: image.name,
alt,
title,
order: slides.length + 1
});
console.log("Nouveau slide ajouté :", slides);
// Succès
showMessage("success", "Slide ajouté avec succès !");
// Redirection
setTimeout(() => {
window.location.href = "/prestations/html/prestation_accueil.html";
}, 1500);
});