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

feat:liste_avant_apres modifie

Browse Source
This commit is contained in:
RoxanaElena09
2025-12-11 13:23:21 +01:00
parent efad1b078e
commit fc19007b05
2 changed files with 9 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
prestations/html/liste_avant_apres.html
View File

@@ -98,11 +98,10 @@
<table class="table table-striped table-hover align-middle mb-0">
<thead class="table-dark">
<tr>
<th>Titre résultat</th>
<th>Titre du résultat</th>
<th>Type</th>
<th>Avant</th>
<th>Après</th>
<th class="text-center">Actions</th>
<th class="text-end">Actions</th>
</tr>
</thead>
<tbody id="prestationTableBody">

26
prestations/js/liste_avant_apres.js
View File

@@ -6,15 +6,13 @@ 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"
}
];
@@ -43,31 +41,19 @@ function displayPairs() {
<td>${pair.titre}</td>
<td>${pair.type}</td>
<td>
<img src="${pair.avant}" class="img-thumbnail" style="max-width: 80px;">
</td>
<td>
<img src="${pair.apres}" class="img-thumbnail" style="max-width: 80px;">
</td>
<td class="text-center text-md-start">
<div class="d-flex flex-column flex-md-row justify-content-center justify-content-md-start gap-2">
<div class="d-flex flex-column flex-md-row justify-content-center justify-content-md-end gap-2">
<!-- Bouton Voir -->
<a href="../html/voir_avant_apres.html?id=${pair.id}"
class="btn btn-info btn-sm">
Voir
</a>
<!-- Bouton Modifier -->
<a href="../html/modifier_avant_apres.html?id=${pair.id}"
class="btn btn-warning btn-sm">
class="btn btn-outline-primary btn-sm">
Modifier
</a>
<!-- Bouton Supprimer -->
<button class="btn btn-danger btn-sm" onclick="openDeleteModal(${pair.id})">
<button class="btn btn-outline-danger btn-sm" onclick="openDeleteModal(${pair.id})">
Supprimer
</button>
</div>