newdesigngestionnaire/Vue/Tranchesaccessoires/index.php
2026-04-10 18:53:16 +00:00

48 lines
2.2 KiB
PHP
Executable File

<div class="page-content animate__animated animate__fadeIn">
<div class="header-section mb-1">
<div class="d-flex align-items-center justify-content-between bg-white p-3 shadow-sm border-start border-primary border-4" style="border-radius: var(--radius-md);">
<div class="d-flex align-items-center">
<div class="icon-shape bg-primary-ghost text-primary rounded-circle me-3" style="width: 48px; height: 48px; display: flex; align-items: center; justify-content: center;">
<i class="fas fa-coins fs-4"></i>
</div>
<div>
<h4 id="titre-page" class="mb-0 fw-bold text-uppercase"><?= _("Grille des accessoires") ?></h4>
<p class="text-muted small mb-0"><?= _("Gestion des barèmes de frais accessoires par tranche de prime") ?></p>
</div>
</div>
<div class="d-flex gap-2">
<input class="sr-only" type="text" id="nomForm" name="nomForm" value="frmtrancheaccessoire">
</div>
</div>
</div>
<div id="div_entete_table" class="mb-2 animate__animated animate__fadeIn"></div>
<div id="div_maj_table" class="mb-3 animate__animated animate__fadeIn"></div>
<div id="div_lister_table">
<?php require "Vue/Ajaxtblisterbaremeaccessoireavenant/index.php"; ?>
</div>
</div>
<style>
/* Ajustements pour que le tableau remplisse bien sa carte */
#div_lister_table .card { border: none; }
</style>
<script>
document.addEventListener("DOMContentLoaded", function() {
// Fonction d'initialisation dédiée pour éviter les conflits
function chargerDataTableAccessoires() {
const titreExport = "<?= _('Tableau des tranches accessoires') ?>";
// On vérifie si la table existe dans le DOM (via le require)
const table = document.querySelector('#tableLister');
if (table) {
initSmartTable('#tableLister', titreExport, false, true);
}
}
// Appel au chargement initial
chargerDataTableAccessoires();
});
</script>