refonte arborescence + correction des chemins
This commit is contained in:
63
prestations/js/ajouter_slider.js
Normal file
63
prestations/js/ajouter_slider.js
Normal file
@@ -0,0 +1,63 @@
|
||||
const form = document.getElementById('addSlideForm');
|
||||
const imgField = document.getElementById('slideImage');
|
||||
const altField = document.getElementById('slideAlt');
|
||||
const titleField = document.getElementById('slideTitle');
|
||||
|
||||
const errorEmpty = document.getElementById('errorEmpty');
|
||||
const errorFormat = document.getElementById('errorFormat');
|
||||
const successMsg = document.getElementById('successMsg');
|
||||
|
||||
// Création du tableau simulant la BDD
|
||||
let slides = [];
|
||||
|
||||
form.addEventListener('submit', function (e) {
|
||||
e.preventDefault();
|
||||
|
||||
// Reset messages
|
||||
errorEmpty.classList.add('d-none');
|
||||
errorFormat.classList.add('d-none');
|
||||
successMsg.classList.add('d-none');
|
||||
|
||||
const image = imgField.files[0];
|
||||
const alt = altField.value.trim();
|
||||
|
||||
// Image obligatoire
|
||||
if (!image) {
|
||||
errorEmpty.textContent = "Merci de sélectionner une image.";
|
||||
errorEmpty.classList.remove('d-none');
|
||||
return;
|
||||
}
|
||||
|
||||
// ALT obligatoire
|
||||
if (alt === "") {
|
||||
errorEmpty.textContent = "Le texte ALT est obligatoire.";
|
||||
errorEmpty.classList.remove('d-none');
|
||||
return;
|
||||
}
|
||||
|
||||
// Vérification format
|
||||
const validFormats = ["image/jpeg", "image/png", "image/webp"];
|
||||
if (!validFormats.includes(image.type)) {
|
||||
errorFormat.classList.remove('d-none');
|
||||
return;
|
||||
}
|
||||
|
||||
// Enregistrement simulé
|
||||
slides.push({
|
||||
id: Date.now(),
|
||||
image: image.name,
|
||||
alt: alt,
|
||||
title: titleField.value.trim(),
|
||||
order: slides.length + 1
|
||||
});
|
||||
|
||||
console.log("Nouveau slide ajouté :", slides);
|
||||
|
||||
// Succès
|
||||
successMsg.classList.remove('d-none');
|
||||
|
||||
// Redirection
|
||||
setTimeout(() => {
|
||||
window.location.href = "../../../slider/liste_slider/liste_slider.html";
|
||||
}, 1500);
|
||||
});
|
||||
Reference in New Issue
Block a user