From d7fd209293986432c90ab0ccb60b838e4358d0f3 Mon Sep 17 00:00:00 2001
From: KONE SOREL <skone@ebene.info>
Date: Fri, 6 Mar 2026 18:19:42 +0000
Subject: [PATCH] fgh

---
 Js/fonctions.js               | 11 +++++----
 Vue/Tablesreference/index.php | 42 ++++++++++++++---------------------
 2 files changed, 24 insertions(+), 29 deletions(-)

diff --git a/Js/fonctions.js b/Js/fonctions.js
index 834fcdc9..f5c6b148 100755
--- a/Js/fonctions.js
+++ b/Js/fonctions.js
@@ -47563,7 +47563,7 @@ function afficheDonneesTableChoisie(fichier) {
     });
 }
 
-// Gère l'affichage des boutons en entête des formulaires
+// Fonction pour initialiser les boutons d'entête
 function afficheBoutons($idData) {
     const racineWeb = $("#racineWeb").val();
     const codeLangue = $("#codeLangue").val();
@@ -47574,13 +47574,16 @@ function afficheBoutons($idData) {
         type: 'post',
         data: donnees,
         success: function(data) {
-            // On injecte les boutons dans l'emplacement dédié
             $('#div_entete_table').html(data);
             
-            // Si on est en mode "Initial" ($idData == 0)
+            // On force le style Neutral Pro sur les boutons injectés
+            $('#div_entete_table button').addClass('btn btn-sm fw-bold shadow-xs px-3');
+            $('#btn-action').addClass('btn-success');
+            $('#btn-fermer').addClass('btn-light border');
+
             if($idData == 0) {
-                $('#btn-action').html('<i class="fas fa-plus-circle me-1"></i> ' + (codeLangue == "en_US" ? "Add" : "Ajouter"));
                 $('#btn-fermer').hide();
+                $('#btn-action').html('<i class="fas fa-plus-circle me-1"></i> ' + (codeLangue == "en_US" ? "Add" : "Ajouter"));
             } else {
                 $('#btn-fermer').show();
                 $('#btn-action').html('<i class="fas fa-save me-1"></i> ' + (codeLangue == "en_US" ? "Save" : "Enregistrer"));
diff --git a/Vue/Tablesreference/index.php b/Vue/Tablesreference/index.php
index 39180f69..4d14160b 100755
--- a/Vue/Tablesreference/index.php
+++ b/Vue/Tablesreference/index.php
@@ -20,7 +20,7 @@
                     </h6>
                 </div>
                 <div class="col-lg-9 text-lg-end">
-                    <div class="btn-group w-100 shadow-xs" role="group" aria-label="Filtre table">
+                    <div class="btn-group w-100 shadow-xs" role="group">
                         <?php 
                         $modules = est_anglophone() ? 
                             [1 => 'General', 2 => 'Production', 3 => 'Medical and Claims', 5 => 'Accounting'] : 
@@ -39,47 +39,39 @@
     <div class="card border-0 shadow-sm mb-4">
         <div class="card-body p-3 bg-light-subtle rounded border border-primary-subtle border-dashed">
             <div class="row align-items-center">
-                <div class="col-md-2 text-md-end text-primary fw-bold small">
-                    <?= _("Tables à consulter") ?> :
+                <div class="col-md-3 text-md-end text-primary fw-bold small">
+                    <?= _("Table à consulter") ?> :
                 </div>
-                <div class="col-md-10" id="div_listetables">
+                <div class="col-md-9" id="div_listetables">
                     <select name="listetables" id="listetables" class="form-control selectpicker" data-live-search="true" onchange="chargerFichiersTable();" autofocus>
-						<?= liste_options($autrestables, '', false) ?>
-					</select>
+                        <?= liste_options($autrestables, '', false) ?>
+                    </select>
                 </div>
             </div>
         </div>
     </div>
 
     <div class="row g-4">
-        <div class="col-lg-12">
-            <div id="div_maj_table" class="sticky-top" style="top: 20px; z-index: 10;"></div>
+        <div class="col-lg-4">
+            <div id="div_entete_table" class="mb-3 d-flex justify-content-end gap-2">
+                </div>
+
+            <div id="div_maj_table" class="sticky-top" style="top: 20px; z-index: 10;">
+                </div>
         </div>
         
-        <div class="col-lg-12">
+        <div class="col-lg-8">
             <div id="div_lister_table">
                 <div class="text-center p-5 bg-white rounded shadow-xs border">
                     <div class="icon-shape bg-light text-muted rounded-circle mx-auto mb-3" style="width: 60px; height: 60px; display: flex; align-items: center; justify-content: center;">
                         <i class="fas fa-table-list fa-2x"></i>
                     </div>
-                    <h6 class="text-muted fw-bold"><?= _("Veuillez sélectionner une table pour afficher ses données") ?></h6>
+                    <h6 class="text-muted fw-bold"><?= _("Sélectionnez une table pour afficher les données") ?></h6>
                 </div>
             </div>
         </div>
     </div>
 
-    <div id="div_fichiers_table" class="d-none"></div>
-    <div id="div_entete_table" class="d-none"></div>
-</div>
-
-<style>
-    .btn-check:checked + .btn-outline-primary { background-color: #212e53 !important; border-color: #212e53 !important; color: white; }
-    .btn-outline-primary { color: #212e53; border-color: #dee2e6; background-color: white; }
-    .btn-outline-primary:hover { background-color: #f8f9fa; color: #212e53; border-color: #212e53; }
-    
-    .border-dashed { border-style: dashed !important; }
-    .bg-primary-ghost { background: rgba(33, 46, 83, 0.08) !important; }
-    
-    /* Animation pour les listes chargées */
-    #div_lister_table, #div_maj_table { transition: opacity 0.3s ease; }
-</style>
\ No newline at end of file
+    <div id="div_fichiers_table" style="display:none;"></div>
+    <div id="div_entete_table_hidden" style="display:none;"></div>
+</div>
\ No newline at end of file