This commit is contained in:
KONE SOREL 2026-03-06 18:19:42 +00:00
parent e622ae65d1
commit d7fd209293
2 changed files with 24 additions and 29 deletions

View File

@ -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"));

View File

@ -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>
<div id="div_fichiers_table" style="display:none;"></div>
<div id="div_entete_table_hidden" style="display:none;"></div>
</div>