This commit is contained in:
KONE SOREL 2026-04-17 14:53:49 +00:00
parent 168aa50cdd
commit aaddac74a6

View File

@ -1,6 +1,6 @@
<div class="table-responsive shadow-sm rounded border animate__animated animate__fadeIn">
<table class="table table-hover align-middle mb-0 tabliste compact" style="font-size: 0.85rem;">
<thead class="table-light text-secondary">
<table class="table table-hover align-middle mb-0 tabliste compact w-100" style="font-size: 0.85rem;">
<thead class="table-light text-secondary text-uppercase small">
<tr>
<th class="text-center border-0 py-3"><?= _("Date Effet") ?></th>
<th class="text-center border-0"><?= _("Mvt") ?></th>
@ -10,7 +10,7 @@
<th class="text-center border-0"><?= _("Saisie / Par") ?></th>
<th class="text-center border-0"><?= _("Statut") ?></th>
<th class="text-center border-0"><?= _("Validation") ?></th>
<th class="text-center border-0"><?= _("Saisie Client") ?></th>
<th class="text-center border-0"><?= _("Saisie Client") ?></th>
</tr>
</thead>
@ -18,23 +18,14 @@
<?php foreach ($mouvementassures as $mvt):
$ajoutClient = $this->nettoyer($mvt['ajoutClient']);
$valide = $this->nettoyer($mvt['valide']);
$rejet = $this->nettoyer($mvt['rejet']);
$motif = $this->nettoyer($mvt['motif']);
$aCorriger = $this->nettoyer($mvt['aCorriger']);
$sensMvt = $mvt['sensMouvement']; // On suppose que '0' = Entrée, '1' = Sortie
$sensMvt = $mvt['sensMouvement'];
$libelleSensMouvement = est_anglophone() ? $mvt['libelleSensMouvementEng'] : $mvt['libelleSensMouvement'];
$LibelleAjoutClient = _("Non");
if ($ajoutClient == "1")
{
$LibelleAjoutClient = _("Oui");
}
$idBeneficiaire = $this->nettoyer($mvt['idBeneficiaire']);
$numeroBeneficiaire = $this->nettoyer($mvt['numeroBeneficiaire']);
?>
?>
<tr>
<td class="text-center fw-bold text-dark">
<?= dateLang($this->nettoyer($mvt['dateEffet']), $_SESSION['lang']) ?>
@ -53,7 +44,7 @@
</td>
<td>
<div class="fw-bold text-uppercase"><?= $this->nettoyer($mvt['beneficiaire']) ?></div>
<div class="fw-bold text-uppercase text-primary"><?= $this->nettoyer($mvt['beneficiaire']) ?></div>
<div class="text-muted x-small"><i class="fas fa-id-card me-1"></i><?= $this->nettoyer($mvt['numeroBeneficiaire']) ?></div>
</td>
@ -66,56 +57,56 @@
</td>
<td class="text-center">
<div class="small"><?= dateheureLang($this->nettoyer($mvt['dateSysteme'])) ?></div>
<div class="x-small text-muted fw-bold"><?= $this->nettoyer($mvt['codeUtilisateur']) ?></div>
<div class="small fw-bold"><?= $this->nettoyer($mvt['codeUtilisateur']) ?></div>
<div class="x-small text-muted italic"><?= dateheureLang($this->nettoyer($mvt['dateSysteme']), $_SESSION['lang']) ?></div>
</td>
<td class="text-center">
<?php if ($valide == "1"): ?>
<?php if ($rejet == "0"): ?>
<span class="text-success shadow-sm" title="<?= _('Validé') ?>">
<i class="fas fa-check-circle fa-lg"></i>
<span class="text-success fs-5" title="<?= _('Validé') ?>">
<i class="fas fa-check-circle"></i>
</span>
<?php elseif ($aCorriger == "1"): ?>
<div class="d-flex flex-column align-items-center">
<span class="text-warning fw-bold small mb-1"><i class="fas fa-exclamation-triangle"></i> <?= _('A corriger') ?></span>
<button class="btn btn-xs btn-outline-warning py-0 px-2" onclick="motif_rejet('<?= $motif; ?>');">
<i class="fas fa-eye"></i> <?= _("Motif") ?>
</button>
</div>
<?php else: ?>
<?php if ($aCorriger == "0"): ?>
<span class="text-danger shadow-sm">
<i class="fas fa-check-circle fa-lg"></i>
<?= _('Rejeté') ?>
</span>
<?php else: ?>
<span class="text-warning shadow-sm">
<i class="fas fa-check-circle fa-lg"></i>
<?= _('A corriger') ?>
</span>
<?php endif; ?>
<button class="badge bg-warning"
onclick="javascript:motif_rejet(<?= $motif; ?>);"
<?= _("Motif") ?>
</button>
<div class="d-flex flex-column align-items-center">
<span class="text-danger fw-bold small mb-1"><i class="fas fa-times-circle"></i> <?= _('Rejeté') ?></span>
<button class="btn btn-xs btn-outline-danger py-0 px-2" onclick="motif_rejet('<?= $motif; ?>');">
<i class="fas fa-eye"></i> <?= _("Motif") ?>
</button>
</div>
<?php endif; ?>
<?php else: ?>
<span class="text-warning opacity-50" title="<?= _('En attente') ?>">
<span class="text-muted opacity-50" title="<?= _('En attente') ?>">
<i class="fas fa-clock fa-lg"></i>
</span>
<?php endif; ?>
</td>
<td class="text-center small">
<td class="text-center">
<?php if ($valide == "1"): ?>
<div class="fw-bold text-dark"><?= $this->nettoyer($mvt['userValidation']) ?></div>
<div class="small fw-bold text-dark"><?= $this->nettoyer($mvt['userValidation']) ?></div>
<div class="x-small text-muted"><?= dateheureLang($this->nettoyer($mvt['dateValidation']), $_SESSION['lang']) ?></div>
<?php else: ?>
<span class="text-muted italic small"></span>
<button class="badge rounded-pill bg-warning text-dark border-0 shadow-sm transition-hover"
onclick="javascript:modifier_beneficiaire(<?= $idBeneficiaire; ?>);"
style="cursor: pointer; transition: all 0.2s ease-in-out;"
title="<?= est_anglophone() ? "Edit the beneficiary" : 'Modifier le bénéficiaire' ?>">
<i class="fas fa-edit me-1"></i> <?= _("En attente") ?>
<button class="btn btn-sm btn-warning fw-bold shadow-sm rounded-pill px-3 transition-hover"
onclick="modifier_beneficiaire('<?= $idBeneficiaire; ?>');">
<i class="fas fa-edit me-1"></i> <?= _("Modifier") ?>
</button>
<?php endif; ?>
</td>
<td class="text-center">
<span class="badge bg-light text-secondary border"><?= $LibelleAjoutClient ?></span>
<?php if ($ajoutClient == "1"): ?>
<span class="badge bg-primary-subtle text-primary border border-primary-subtle"><?= _("Oui") ?></span>
<?php else: ?>
<span class="badge bg-light text-muted border"><?= _("Non") ?></span>
<?php endif; ?>
</td>
</tr>
<?php endforeach; ?>
@ -126,10 +117,10 @@
<style>
.x-small { font-size: 0.7rem; }
.italic { font-style: italic; }
.bg-success-subtle { background-color: #d1e7dd; }
.bg-danger-subtle { background-color: #f8d7da; }
.transition-hover:hover {
transform: scale(1.05);
background-color: #ffc107 !important; /* Un peu plus lumineux au survol */
}
</style>
.bg-success-subtle { background-color: #d1e7dd !important; }
.bg-danger-subtle { background-color: #f8d7da !important; }
.bg-primary-subtle { background-color: #cfe2ff !important; }
.btn-xs { padding: 0.1rem 0.3rem; font-size: 0.7rem; line-height: 1.5; border-radius: 0.2rem; }
.transition-hover { transition: all 0.2s ease-in-out; }
.transition-hover:hover { transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important; }
</style>