ileauchiens/maquette_backoffice
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

nettoyage du 12 décembre

Browse Source
This commit is contained in:
ben
2025-12-12 09:35:34 +01:00
parent f4b7254223
commit 5d86176a97
9 changed files with 1 additions and 656 deletions
Download Patch File Download Diff File Expand all files Collapse all files

103
prestations/js/liste_avant_apres.js
View File

@@ -1,103 +0,0 @@
// ===============================
// Données simulées (à remplacer plus tard par une BDD)
// ===============================
let galleryPairs = [
{
id: 1,
titre: "Petit chien poils longs",
},
{
id: 2,
titre: "Coupe ciseaux",
}
];
// Sélecteurs
const tableBody = document.getElementById("prestationTableBody");
const succesDeleteMsg = document.getElementById("succesDeleteMsg");
// Modal & bouton de confirmation
const deleteModalEl = document.getElementById("deleteModal");
const confirmDeleteBtn = document.getElementById("confirmDeleteBtn");
const deleteModal = new bootstrap.Modal(deleteModalEl);
// ID de la paire en attente de suppression
let pairIdToDelete = null;
// ===============================
// Fonction d'affichage
// ===============================
function displayPairs() {
tableBody.innerHTML = ""; // reset tableau
galleryPairs.forEach(pair => {
const row = document.createElement("tr");
row.innerHTML = `
<td>${pair.titre}</td>
<td class="text-center text-md-start">
<div class="d-flex flex-column flex-md-row justify-content-center justify-content-md-end gap-2">
<!-- Bouton Modifier -->
<a href="../html/modifier_avant_apres.html?id=${pair.id}"
class="btn btn-outline-primary btn-sm">
Modifier
</a>
<!-- Bouton Supprimer -->
<button class="btn btn-outline-danger btn-sm" onclick="openDeleteModal(${pair.id})">
Supprimer
</button>
</div>
</td>
`;
tableBody.appendChild(row);
});
}
// ===============================
// Ouvrir le modal de suppression
// ===============================
function openDeleteModal(id) {
pairIdToDelete = id; // on mémorise l'id
deleteModal.show(); // on ouvre le modal
}
// ===============================
// Fonction de suppression réelle
// ===============================
function deletePair(id) {
galleryPairs = galleryPairs.filter(pair => pair.id !== id);
displayPairs();
succesDeleteMsg.classList.remove("d-none");
setTimeout(() => {
succesDeleteMsg.classList.add("d-none");
}, 2000);
}
// ===============================
// Clic sur "Supprimer" dans le modal
// ===============================
confirmDeleteBtn.addEventListener("click", () => {
if (pairIdToDelete !== null) {
deletePair(pairIdToDelete);
pairIdToDelete = null;
}
deleteModal.hide();
});
// ===============================
// Chargement initial
// ===============================
displayPairs();

61
prestations/js/liste_prestation.js
View File

@@ -1,61 +0,0 @@
// Exemple BDD
const prestations = [
{
id: 1,
titre: "Toilettage complet",
type: "Chien",
description: "• Bain complet \n• Séchage \n• Coupe aux ciseaux\n• Nettoyage des oreilles",
prixMin: 35,
prixMax: 60
},
{
id: 2,
titre: "Toilettage express",
type: "Chat",
description: "• Bain rapide\n• Séchage\n• Brossage",
prixMin: 20,
prixMax: 35
}
];
// Sélection des éléments
const tableBody = document.getElementById('prestationTableBody');
const successDeleteMsg = document.getElementById('successDeleteMsg');
// Fonction pour extrait description
function extrait(desc, limite = 60) {
return desc.length > limite ? desc.substring(0, limite) + '...' : desc;
}
// Affichage du tableau
function afficherPrestations() {
tableBody.innerHTML = '';
prestations.forEach((p, index) => {
const row = `
<tr>
<td>${p.titre}</td>
<td>${p.type}</td>
<td>${extrait(p.description.replace(/\n/g, " "))}</td>
<td>${p.prixMin}€ - ${p.prixMax}€</td>
<td class="text-center action-btns">
<a href="consulter_prestation.html?id=${p.id}" class="btn btn-info btn-sm">Voir</a>
<a href="../../prestations/modifier_prestation/modifier_prestation.html?id=${p.id}" class="btn btn-warning btn-sm">Modifier</a>
<button class="btn btn-danger btn-sm" onclick="supprimerPrestation(${index})">Supprimer</button>
</td>
</tr>
`;
tableBody.innerHTML += row;
});
}
afficherPrestations();
// Suppression
function supprimerPrestation(index) {
prestations.splice(index, 1);
afficherPrestations();
successDeleteMsg.classList.remove("d-none");
}

87
prestations/js/liste_slider.js
View File

@@ -1,87 +0,0 @@
// Simulation BDD slider
let slides = [
{ id: 1, image: "slide1.webp", alt: "Chien toiletté", title: "Promo du mois", order: 1 },
{ id: 2, image: "slide2.webp", alt: "Avant / Après", title: "", order: 2 },
{ id: 3, image: "slide3.webp", alt: "Coupe ciseaux", title: "Nouveauté", order: 3 }
];
const tableBody = document.getElementById("sliderTableBody");
const successMsg = document.getElementById("successMsg");
function afficherSlides() {
// trier par ordre
slides.sort((a, b) => a.order - b.order);
tableBody.innerHTML = "";
slides.forEach((slide, index) => {
const row = `
<tr>
<td><img src="#" alt="${slide.alt}" class="miniature"></td>
<td>${slide.alt}</td>
<td>${slide.title || "-"}</td>
<td>${slide.order}</td>
<td class="text-center action-buttons">
<button class="btn btn-secondary btn-sm" onclick="monter(${index})">↑</button>
<button class="btn btn-secondary btn-sm" onclick="descendre(${index})">↓</button>
<a href="../../slider/modifier_slider/modifier_slider.html?id=${slide.id}"
class="btn btn-warning btn-sm">Modifier</a>
<button class="btn btn-danger btn-sm" onclick="supprimerSlide(${index})">Supprimer</button>
</td>
</tr>
`;
tableBody.innerHTML += row;
});
}
afficherSlides();
// Suppression
function supprimerSlide(index) {
if (confirm("Voulez-vous vraiment supprimer cette image du slider ?")) {
slides.splice(index, 1);
// Réordonner après suppression
slides.forEach((s, i) => s.order = i + 1);
afficherSlides();
successMsg.textContent = "Image du slider supprimée avec succès.";
successMsg.classList.remove("d-none");
}
}
// Monter
function monter(index) {
if (index === 0) return; // déjà en haut
[slides[index - 1], slides[index]] = [slides[index], slides[index - 1]];
// recalcul ordre
slides.forEach((s, i) => s.order = i + 1);
afficherSlides();
successMsg.textContent = "Ordre mis à jour.";
successMsg.classList.remove("d-none");
}
// Descendre
function descendre(index) {
if (index === slides.length - 1) return; // déjà en bas
[slides[index], slides[index + 1]] = [slides[index + 1], slides[index]];
slides.forEach((s, i) => s.order = i + 1);
afficherSlides();
successMsg.textContent = "Ordre mis à jour.";
successMsg.classList.remove("d-none");
}

58
prestations/js/voir_avant_apres.js
View File

@@ -1,58 +0,0 @@
// ===============================
// Données simulées (à remplacer plus tard par BDD / API)
// ===============================
let galleryPairs = [
{
id: 1,
titre: "Petit chien poils longs",
type: "Chien",
avant: "../../img/avant1.jpg",
apres: "../../img/apres1.jpg"
},
{
id: 2,
titre: "Coupe ciseaux",
type: "Chat",
avant: "../../img/avant2.jpg",
apres: "../../img/apres2.jpg"
}
];
// Sélecteurs
const titleEl = document.getElementById("pairTitle");
const beforePreview = document.getElementById("beforePreview");
const afterPreview = document.getElementById("afterPreview");
const errorMsg = document.getElementById("errorMsg");
const detailsSection = document.getElementById("detailsSection");
// ===============================
// Récup ID dans l'URL
// ===============================
function getIdFromUrl() {
const params = new URLSearchParams(window.location.search);
return parseInt(params.get("id"));
}
// ===============================
// Charger les infos de la paire
// ===============================
function loadPairDetails() {
const id = getIdFromUrl();
const pair = galleryPairs.find(p => p.id === id);
if (!pair) {
errorMsg.classList.remove("d-none");
detailsSection.classList.add("d-none");
return;
}
// Affichage du titre
titleEl.textContent = pair.titre;
// Affichage des images
beforePreview.src = pair.avant;
afterPreview.src = pair.apres;
}
// Initialisation
loadPairDetails();