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{ #lienLogo{
width:80px; width:70px;
} }
/* Media queries spécifiques pour SweetAlert */ /* Media queries spécifiques pour SweetAlert */

View File

@ -240,7 +240,7 @@
<div class="col-12 col-md-9"> <div class="col-12 col-md-9">
<div class="row"> <div class="row">
<div class="col-12 mb-2"> <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> <p class="text-muted mb-0"><?= _("Né(e) le").": ".dateLang($this->nettoyer($beneficiaire['dateNaissance']))." => ".$this->nettoyer($beneficiaire['age'])." "._("an(s)") ?></p>
</div> </div>
@ -264,7 +264,7 @@
<div class="col-12 col-md-6"> <div class="col-12 col-md-6">
<div class="mb-2"> <div class="mb-2">
<small class="text-muted"><?= _("Téléphone") ?></small> <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>
<div class="mb-2"> <div class="mb-2">
@ -287,14 +287,14 @@
<div class="col-12 col-md-6"> <div class="col-12 col-md-6">
<div class="mb-2"> <div class="mb-2">
<small class="text-muted"><?= _("Souscripteur") ?></small> <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> </div>
<div class="col-12 col-md-6"> <div class="col-12 col-md-6">
<div class="mb-2"> <div class="mb-2">
<small class="text-muted"><?= _("Collège / N° Police") ?></small> <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> </div>
</div> </div>
@ -319,7 +319,7 @@
<div class="card-header bg-dark py-2"> <div class="card-header bg-dark py-2">
<h6 class="mb-0 text-center text-light"> <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> <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> </h6>
</div> </div>
</div> </div>
@ -332,27 +332,52 @@
$soldeConsommation = $this->nettoyer($police['soldeConsommation']); $soldeConsommation = $this->nettoyer($police['soldeConsommation']);
?> ?>
<div class="row mb-2 mt-2"> <div class="d-none d-md-block">
<div class="col-4"> <div class="row mb-2 mt-2">
<div class="rounded p-2 border border-primary"> <div class="col-4">
<small class="text-muted d-block"><?= _("Dépense") ?></small> <div class="rounded p-2 border border-primary">
<h4 class="text-primary mb-0"><?= format_N($consommationGlobaleFamille) ?></h4> <small class="text-muted d-block"><?= _("Dépense") ?></small>
</div> <h4 class="text-primary mb-0"><?= format_N($consommationGlobaleFamille) ?></h4>
</div> </div>
<div class="col-4"> </div>
<div class="rounded p-2 border border-success"> <div class="col-4">
<small class="text-muted d-block"><?= _("Plafond") ?></small> <div class="rounded p-2 border border-success">
<h4 class="text-success mb-0"><?= format_N($plafondGlobalFamille) ?></h4> <small class="text-muted d-block"><?= _("Plafond") ?></small>
</div> <h4 class="text-success mb-0"><?= format_N($plafondGlobalFamille) ?></h4>
</div> </div>
</div>
<div class="col-4">
<div class="rounded p-2 border border-danger"> <div class="col-4">
<small class="text-muted d-block"><?= _("Solde") ?></small> <div class="rounded p-2 border border-danger">
<h4 class="text-danger mb-0"><?= format_N($soldeConsommation) ?></h4> <small class="text-muted d-block"><?= _("Solde") ?></small>
</div> <h4 class="text-danger mb-0"><?= format_N($soldeConsommation) ?></h4>
</div> </div>
</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 mb-3" >
<div class="progress-bar <?= $niveauGlobalConsoFamille >= 80 ? 'bg-danger' : ($niveauGlobalConsoFamille >= 50 ? 'bg-warning' : 'bg-success') ?>" <div class="progress-bar <?= $niveauGlobalConsoFamille >= 80 ? 'bg-danger' : ($niveauGlobalConsoFamille >= 50 ? 'bg-warning' : 'bg-success') ?>"