Fiche beneficiaire v1.0

This commit is contained in:
KONE SOREL 2025-12-13 19:51:14 +00:00
parent 9abdd3b044
commit 6d104bdbb7
2 changed files with 52 additions and 27 deletions

View File

@ -417,7 +417,7 @@
}
#lienLogo{
width:80px;
width:70px;
}
/* Media queries spécifiques pour SweetAlert */

View File

@ -240,7 +240,7 @@
<div class="col-12 col-md-9">
<div class="row">
<div class="col-12 mb-2">
<h3 class="text-primary mb-1"><?= $beneficiaire['nomBeneficiaire'] . ' ' . $beneficiaire['prenomsBeneficiaire'] ?></h3>
<h3 class="text-primary mb-1 text-truncate" style="max-width:300px;"><?= $beneficiaire['nomBeneficiaire'] . ' ' . $beneficiaire['prenomsBeneficiaire'] ?></h3>
<p class="text-muted mb-0"><?= _("Né(e) le").": ".dateLang($this->nettoyer($beneficiaire['dateNaissance']))." => ".$this->nettoyer($beneficiaire['age'])." "._("an(s)") ?></p>
</div>
@ -264,7 +264,7 @@
<div class="col-12 col-md-6">
<div class="mb-2">
<small class="text-muted"><?= _("Téléphone") ?></small>
<p class="fw-bold mb-0"><?= $beneficiaire['telephonePortable'] ?></p>
<p class="fw-bold mb-0 text-truncate" style="max-width:300px;"><?= $beneficiaire['telephonePortable'] ?></p>
</div>
<div class="mb-2">
@ -287,14 +287,14 @@
<div class="col-12 col-md-6">
<div class="mb-2">
<small class="text-muted"><?= _("Souscripteur") ?></small>
<p class="fw-bold mb-0"><?= $beneficiaire['nomClient'] ?></p>
<p class="fw-bold mb-0 text-truncate" style="max-width:300px;"><?= $beneficiaire['nomClient'] ?></p>
</div>
</div>
<div class="col-12 col-md-6">
<div class="mb-2">
<small class="text-muted"><?= _("Collège / N° Police") ?></small>
<p class="fw-bold mb-0"><?= $beneficiaire['libelleCollege'] ?> / <?= $beneficiaire['numeroPolice'] ?></p>
<p class="fw-bold mb-0 text-truncate" style="max-width:300px;"><?= $beneficiaire['libelleCollege'] ?> / <?= $beneficiaire['numeroPolice'] ?></p>
</div>
</div>
</div>
@ -319,7 +319,7 @@
<div class="card-header bg-dark py-2">
<h6 class="mb-0 text-center text-light">
<i class="fa fa-file-invoice-dollar me-2"></i><i class="fas fa-users me-2"></i>
<?= _("Dépenses familiales")." ".$_SESSION['exercieReference_C'] ?>
<?= _("Dépenses famille")." ".$_SESSION['exercieReference_C'] ?>
</h6>
</div>
</div>
@ -332,27 +332,52 @@
$soldeConsommation = $this->nettoyer($police['soldeConsommation']);
?>
<div class="row mb-2 mt-2">
<div class="col-4">
<div class="rounded p-2 border border-primary">
<small class="text-muted d-block"><?= _("Dépense") ?></small>
<h4 class="text-primary mb-0"><?= format_N($consommationGlobaleFamille) ?></h4>
</div>
</div>
<div class="col-4">
<div class="rounded p-2 border border-success">
<small class="text-muted d-block"><?= _("Plafond") ?></small>
<h4 class="text-success mb-0"><?= format_N($plafondGlobalFamille) ?></h4>
</div>
</div>
<div class="col-4">
<div class="rounded p-2 border border-danger">
<small class="text-muted d-block"><?= _("Solde") ?></small>
<h4 class="text-danger mb-0"><?= format_N($soldeConsommation) ?></h4>
</div>
</div>
</div>
<div class="d-none d-md-block">
<div class="row mb-2 mt-2">
<div class="col-4">
<div class="rounded p-2 border border-primary">
<small class="text-muted d-block"><?= _("Dépense") ?></small>
<h4 class="text-primary mb-0"><?= format_N($consommationGlobaleFamille) ?></h4>
</div>
</div>
<div class="col-4">
<div class="rounded p-2 border border-success">
<small class="text-muted d-block"><?= _("Plafond") ?></small>
<h4 class="text-success mb-0"><?= format_N($plafondGlobalFamille) ?></h4>
</div>
</div>
<div class="col-4">
<div class="rounded p-2 border border-danger">
<small class="text-muted d-block"><?= _("Solde") ?></small>
<h4 class="text-danger mb-0"><?= format_N($soldeConsommation) ?></h4>
</div>
</div>
</div>
</div>
<!-- Affichage mobile (cartes) -->
<div class="d-md-none">
<div class="col-12">
<div class="rounded p-2 border border-primary">
<small class="text-muted d-block"><?= _("Dépense") ?></small>
<h4 class="text-primary mb-0"><?= format_N($consommationGlobaleFamille) ?></h4>
</div>
</div>
<div class="col-6">
<div class="rounded p-2 border border-success">
<small class="text-muted d-block"><?= _("Plafond") ?></small>
<h4 class="text-success mb-0"><?= format_N($plafondGlobalFamille) ?></h4>
</div>
</div>
<div class="col-6">
<div class="rounded p-2 border border-danger">
<small class="text-muted d-block"><?= _("Solde") ?></small>
<h4 class="text-danger mb-0"><?= format_N($soldeConsommation) ?></h4>
</div>
</div>
</div>
<div class="progress mb-3" >
<div class="progress-bar <?= $niveauGlobalConsoFamille >= 80 ? 'bg-danger' : ($niveauGlobalConsoFamille >= 50 ? 'bg-warning' : 'bg-success') ?>"