This commit is contained in:
KONE SOREL 2026-04-07 09:14:14 +00:00
parent 92dfe27216
commit 08417eff5d

View File

@ -41,8 +41,8 @@
</li> </li>
</ul> </ul>
</div> </div>
<div class="card-body tab-content"> <div class="card-body tab-content p-3">
<div class="tab-pane fade show active" id="update-zone"> <div class="tab-pane fade show active" id="update-zone" role="tabpanel">
<div class="mb-3"> <div class="mb-3">
<label class="lbl-saas"><?= _("Date de mise en vigueur") ?></label> <label class="lbl-saas"><?= _("Date de mise en vigueur") ?></label>
<div class="input-group input-group-sm"> <div class="input-group input-group-sm">
@ -62,10 +62,11 @@
</button> </button>
</div> </div>
<div class="tab-pane fade" id="history-zone"> <div class="tab-pane fade" id="history-zone" role="tabpanel">
<div id="div_bareme" class="history-scroll-zone"> <div id="div_bareme" class="history-scroll-zone">
<div class="text-center py-4 text-muted small"> <div class="text-center py-4 text-muted small">
<i class="fas fa-spinner fa-spin me-2"></i> Chargement... <i class="fas fa-history fa-2x mb-2 opacity-25"></i><br>
<?= _("Cliquez sur l'onglet pour charger l'historique") ?>
</div> </div>
</div> </div>
</div> </div>
@ -124,6 +125,13 @@
</div> </div>
<style> <style>
/* Assure que la zone AJAX est bien visible une fois l'onglet actif */
#history-zone.active #div_bareme {display: block !important;min-height: 200px;}
.history-scroll-zone {max-height: 400px;overflow-y: auto;border-radius: 8px;background: #fdfdfd;}
/* Style des lignes d'historique injectées */
#div_bareme table {font-size: 0.85rem;width: 100%;}
.lbl-saas { font-size: 10px; font-weight: 700; color: #6c757d; text-transform: uppercase; margin-bottom: 4px; display: block; } .lbl-saas { font-size: 10px; font-weight: 700; color: #6c757d; text-transform: uppercase; margin-bottom: 4px; display: block; }
.nav-tabs .nav-link { border: none; color: #6c757d; padding: 10px 15px; } .nav-tabs .nav-link { border: none; color: #6c757d; padding: 10px 15px; }
.nav-tabs .nav-link.active { color: #0d6efd; border-bottom: 2px solid #0d6efd; background: none; } .nav-tabs .nav-link.active { color: #0d6efd; border-bottom: 2px solid #0d6efd; background: none; }