Compare commits

...

3 Commits

Author SHA1 Message Date
ucef 52fbd5fcf8 fix: refactoring de la gestion HTMX des filtres avec triggers precis
AS Talange CI/CD Pipeline / Build & Run Unit Tests (push) Successful in 3m2s
AS Talange CI/CD Pipeline / Build & Run in Docker Container (push) Successful in 3m14s
2026-05-31 02:11:08 +02:00
ucef b6651fabb4 fix: resolution du conflit de formulaires imbriques dans la liste des adherents 2026-05-31 01:57:46 +02:00
ucef 9531019aae feat: redirection vers la page de modification lors de la creation d'un adherent 2026-05-31 01:51:11 +02:00
2 changed files with 97 additions and 91 deletions
@@ -213,11 +213,11 @@ public class AdherentController {
} else { } else {
adherentRepository.save(adherent); adherentRepository.save(adherent);
} }
} else {
adherentRepository.save(adherent);
}
return "redirect:/adherents"; return "redirect:/adherents";
} else {
Adherent saved = adherentRepository.save(adherent);
return "redirect:/adherents/" + saved.getId() + "/edit";
}
} }
@GetMapping("/{id}/edit") @GetMapping("/{id}/edit")
@@ -34,7 +34,17 @@
</a> </a>
</div> </div>
<div id="adherents-table-container" class="bg-white rounded-xl shadow-sm border border-gray-100 overflow-hidden"> <!-- Table Container with Wrapper-level HTMX triggers for filters -->
<div id="adherents-table-container"
hx-get="/adherents"
hx-target="this"
hx-select="#adherents-table-container"
hx-trigger="change from:#filter-row, keyup changed delay:300ms from:#filter-row"
hx-include="#filter-row input, #filter-row select, input[name='query']"
hx-sync="this:replace"
hx-on::config-request="if (event.detail.trigger.tagName !== 'BUTTON') { event.detail.parameters['page'] = 0; }"
class="bg-white rounded-xl shadow-sm border border-gray-100 overflow-hidden">
<div class="p-4 border-b border-gray-200 flex justify-between items-center"> <div class="p-4 border-b border-gray-200 flex justify-between items-center">
<form hx-get="/adherents" hx-target="#adherents-table-container" hx-select="#adherents-table-container" class="flex items-center space-x-2"> <form hx-get="/adherents" hx-target="#adherents-table-container" hx-select="#adherents-table-container" class="flex items-center space-x-2">
<input type="text" name="query" th:value="${searchQuery}" placeholder="Nom, Prénom ou N° Licence..." <input type="text" name="query" th:value="${searchQuery}" placeholder="Nom, Prénom ou N° Licence..."
@@ -44,9 +54,6 @@
</form> </form>
</div> </div>
<form id="filter-form" hx-get="/adherents" hx-target="#adherents-table-container" hx-select="#adherents-table-container" hx-trigger="change, keyup changed delay:300ms" hx-sync="this:replace" hx-on::config-request="if (event.detail.trigger.tagName !== 'BUTTON') { event.detail.parameters['page'] = 0; }" class="m-0">
<input type="hidden" name="query" th:value="${searchQuery}">
<table class="w-full text-left border-collapse"> <table class="w-full text-left border-collapse">
<thead> <thead>
<tr class="bg-gray-50 text-gray-500 text-sm uppercase tracking-wider border-b border-gray-200"> <tr class="bg-gray-50 text-gray-500 text-sm uppercase tracking-wider border-b border-gray-200">
@@ -60,7 +67,7 @@
<th class="py-3 px-6 font-medium text-right">Actions</th> <th class="py-3 px-6 font-medium text-right">Actions</th>
</tr> </tr>
<!-- Filter Row --> <!-- Filter Row -->
<tr class="bg-gray-100 border-b border-gray-200 text-xs"> <tr id="filter-row" class="bg-gray-100 border-b border-gray-200 text-xs">
<td class="py-2 px-3"> <td class="py-2 px-3">
<input type="text" id="filterNom" name="nom" th:value="${nomFilter}" placeholder="Filtrer Nom..." class="w-full border border-gray-300 rounded px-2 py-1 text-xs focus:ring-1 focus:ring-blue-500 focus:outline-none"> <input type="text" id="filterNom" name="nom" th:value="${nomFilter}" placeholder="Filtrer Nom..." class="w-full border border-gray-300 rounded px-2 py-1 text-xs focus:ring-1 focus:ring-blue-500 focus:outline-none">
</td> </td>
@@ -127,7 +134,6 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
</form>
<!-- Pagination Footer --> <!-- Pagination Footer -->
<div class="px-6 py-4 border-t border-gray-200 flex items-center justify-between bg-gray-50 text-sm text-gray-700"> <div class="px-6 py-4 border-t border-gray-200 flex items-center justify-between bg-gray-50 text-sm text-gray-700">
@@ -146,7 +152,7 @@
hx-get="/adherents" hx-get="/adherents"
hx-target="#adherents-table-container" hx-target="#adherents-table-container"
hx-select="#adherents-table-container" hx-select="#adherents-table-container"
hx-include="#filter-form" hx-include="#filter-row input, #filter-row select, input[name='query']"
th:attr="hx-vals=|{'page': ${currentPage - 1}}|" th:attr="hx-vals=|{'page': ${currentPage - 1}}|"
class="px-3 py-1 border border-gray-300 rounded hover:bg-gray-100 transition-colors"> class="px-3 py-1 border border-gray-300 rounded hover:bg-gray-100 transition-colors">
Précédent Précédent
@@ -161,7 +167,7 @@
hx-get="/adherents" hx-get="/adherents"
hx-target="#adherents-table-container" hx-target="#adherents-table-container"
hx-select="#adherents-table-container" hx-select="#adherents-table-container"
hx-include="#filter-form" hx-include="#filter-row input, #filter-row select, input[name='query']"
th:attr="hx-vals=|{'page': ${pageNum}}|" th:attr="hx-vals=|{'page': ${pageNum}}|"
th:text="${pageNum + 1}" th:text="${pageNum + 1}"
class="px-3 py-1 rounded transition-colors" class="px-3 py-1 rounded transition-colors"
@@ -176,7 +182,7 @@
hx-get="/adherents" hx-get="/adherents"
hx-target="#adherents-table-container" hx-target="#adherents-table-container"
hx-select="#adherents-table-container" hx-select="#adherents-table-container"
hx-include="#filter-form" hx-include="#filter-row input, #filter-row select, input[name='query']"
th:attr="hx-vals=|{'page': ${currentPage + 1}}|" th:attr="hx-vals=|{'page': ${currentPage + 1}}|"
class="px-3 py-1 border border-gray-300 rounded hover:bg-gray-100 transition-colors"> class="px-3 py-1 border border-gray-300 rounded hover:bg-gray-100 transition-colors">
Suivant Suivant