From 08417eff5ddb01c86c6a591bde028d054a8a461d Mon Sep 17 00:00:00 2001
From: KONE SOREL <skone@ebene.info>
Date: Tue, 7 Apr 2026 09:14:14 +0000
Subject: [PATCH] sazec

---
 Vue/Detailbaremepriseencharge/index.php | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/Vue/Detailbaremepriseencharge/index.php b/Vue/Detailbaremepriseencharge/index.php
index 4e3ac360..24c01441 100755
--- a/Vue/Detailbaremepriseencharge/index.php
+++ b/Vue/Detailbaremepriseencharge/index.php
@@ -41,8 +41,8 @@
                         </li>
                     </ul>
                 </div>
-                <div class="card-body tab-content">
-                    <div class="tab-pane fade show active" id="update-zone">
+                <div class="card-body tab-content p-3">
+                    <div class="tab-pane fade show active" id="update-zone" role="tabpanel">
                         <div class="mb-3">
                             <label class="lbl-saas"><?= _("Date de mise en vigueur") ?></label>
                             <div class="input-group input-group-sm">
@@ -62,10 +62,11 @@
                         </button>
                     </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 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>
@@ -124,6 +125,13 @@
 </div>
 
 <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; }
     .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; }