ebene/assure
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fiche beneficiaire v1.3

Browse Source
This commit is contained in:
KONE SOREL 2025-12-13 20:09:02 +00:00
parent 71d1db2c6b
commit 05fab8fdf7
1 changed files with 54 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

81
Vue/Fichebeneficiaire/index.php
View File

@ -365,13 +365,13 @@
<h4 class="text-success mb-0"><?= format_N($plafondGlobalFamille) ?></h4> <h4 class="text-success mb-0"><?= format_N($plafondGlobalFamille) ?></h4>
</div> </div>
</div> </div>
<div class="col-4"> <div class="col-12">
<div class="rounded p-2 border border-primary"> <div class="rounded p-2 border border-primary">
<small class="text-muted d-block"><?= _("Dépense") ?></small> <small class="text-muted d-block"><?= _("Dépense") ?></small>
<h4 class="text-primary mb-0"><?= format_N($consommationGlobaleFamille) ?></h4> <h4 class="text-primary mb-0"><?= format_N($consommationGlobaleFamille) ?></h4>
</div> </div>
</div> </div>
<div class="col-4"> <div class="col-12">
<div class="rounded p-2 border border-danger"> <div class="rounded p-2 border border-danger">
<small class="text-muted d-block"><?= _("Solde") ?></small> <small class="text-muted d-block"><?= _("Solde") ?></small>
<h4 class="text-danger mb-0"><?= format_N($soldeConsommation) ?></h4> <h4 class="text-danger mb-0"><?= format_N($soldeConsommation) ?></h4>
@ -406,14 +406,14 @@
<i class="fa fa-file-invoice-dollar me-2"></i><i class="fas fa-user me-2"></i> <i class="fa fa-file-invoice-dollar me-2"></i><i class="fas fa-user me-2"></i>
<?= _("Dépenses individuelles")." ".$_SESSION['exercieReference_C'] ?> <?= _("Dépenses individuelles")." ".$_SESSION['exercieReference_C'] ?>
</h6> </h6>
</div> </div>
</div> </div>
<!-- Affichage mobile (cartes) --> <!-- Affichage mobile (cartes) -->
<div class="d-md-none"> <div class="d-md-none">
<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-user me-2"></i> <i class="fa fa-file-invoice-dollar me-2"></i><i class="fas fa-user me-2"></i>
<?= _("Dépenses individuelles")." ".$_SESSION['exercieReference_C'] ?> <?= _("Dépenses")." ".$_SESSION['exercieReference_C'] ?>
</h6> </h6>
</div> </div>
</div> </div>
@ -425,27 +425,54 @@
$niveauGlobalConsoBenef = ($consommationGlobaleBenef/$plafondGlobalBeneficiaire)*100; $niveauGlobalConsoBenef = ($consommationGlobaleBenef/$plafondGlobalBeneficiaire)*100;
$soldeConsommation = $this->nettoyer($college['soldeConsommation']); $soldeConsommation = $this->nettoyer($college['soldeConsommation']);
?> ?>
<div class="d-none d-md-block">
<div class="row mb-2 mt-2"> <div class="row mb-2 mt-2">
<div class="col-4"> <div class="col-4">
<div class="border rounded p-2 border-primary"> <div class="border rounded p-2 border-success">
<small class="text-muted d-block"><?= _("Dépense") ?></small> <small class="text-muted d-block"><?= _("Plafond") ?></small>
<h4 class="text-primary mb-0"><?= format_N($consommationGlobaleBenef) ?></h4> <h4 class="text-success mb-0"><?= format_N($plafondGlobalBeneficiaire) ?></h4>
</div> </div>
</div> </div>
<div class="col-4">
<div class="border rounded p-2 border-success"> <div class="col-4">
<small class="text-muted d-block"><?= _("Plafond") ?></small> <div class="border rounded p-2 border-primary">
<h4 class="text-success mb-0"><?= format_N($plafondGlobalBeneficiaire) ?></h4> <small class="text-muted d-block"><?= _("Dépense") ?></small>
</div> <h4 class="text-primary mb-0"><?= format_N($consommationGlobaleBenef) ?></h4>
</div> </div>
<div class="col-4"> </div>
<div class="rounded p-2 border border-danger">
<small class="text-muted d-block"><?= _("Solde") ?></small> <div class="col-4">
<h4 class="text-danger mb-0"><?= format_N($soldeConsommation) ?></h4> <div class="rounded p-2 border border-danger">
</div> <small class="text-muted d-block"><?= _("Solde") ?></small>
</div> <h4 class="text-danger mb-0"><?= format_N($soldeConsommation) ?></h4>
</div> </div>
</div>
</div>
</div>
<!-- Affichage mobile (cartes) -->
<div class="d-md-none">
<div class="col-12">
<div class="border rounded p-2 border-success">
<small class="text-muted d-block"><?= _("Plafond") ?></small>
<h4 class="text-success mb-0"><?= format_N($plafondGlobalBeneficiaire) ?></h4>
</div>
</div>
<div class="col-12">
<div class="border rounded p-2 border-primary">
<small class="text-muted d-block"><?= _("Dépense") ?></small>
<h4 class="text-primary mb-0"><?= format_N($consommationGlobaleBenef) ?></h4>
</div>
</div>
<div class="col-12">
<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 <?= $niveauGlobalConsoBenef >= 80 ? 'bg-danger' : ($niveauGlobalConsoBenef >= 50 ? 'bg-warning' : 'bg-success') ?>" <div class="progress-bar <?= $niveauGlobalConsoBenef >= 80 ? 'bg-danger' : ($niveauGlobalConsoBenef >= 50 ? 'bg-warning' : 'bg-success') ?>"
@ -481,7 +508,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="fa fa-calendar-alt me-2"></i> <i class="fa fa-file-invoice-dollar me-2"></i><i class="fa fa-calendar-alt me-2"></i>
<?= _("Dépenses individuelles par mois") ?> <?= _("Dépenses par mois") ?>
</h6> </h6>
</div> </div>
</div> </div>
@ -527,7 +554,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="fa fa-chart-bar me-2"></i> <i class="fa fa-file-invoice-dollar me-2"></i><i class="fa fa-chart-bar me-2"></i>
<?= _("Dépenses individuelles par garantie") ?> <?= _("Dépenses par garantie") ?>
</h6> </h6>
</div> </div>
</div> </div>