lionsdev/unionflow-client-quarkus-primefaces-freya
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Ajout des Dockerfiles et configuration de production pour déploiement unionflow

Browse Source
This commit is contained in:
dahoud
2025-12-09 19:37:23 +00:00
parent 1e835ba2c3
commit bba28595f6
40 changed files with 1762 additions and 1652 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
unionflow-client-quarkus-primefaces-freya/pom.xml
View File

@@ -123,6 +123,13 @@
<version>1.0.0</version> <version>1.0.0</version>
</dependency> </dependency>
<!-- Lions User Manager Client - Module réutilisable de gestion d'utilisateurs Keycloak -->
<dependency>
<groupId>dev.lions.user.manager</groupId>
<artifactId>lions-user-manager-client-quarkus-primefaces-freya</artifactId>
<version>1.0.0</version>
</dependency>
<!-- Scheduler pour le rafraîchissement des tokens --> <!-- Scheduler pour le rafraîchissement des tokens -->
<dependency> <dependency>
<groupId>io.quarkus</groupId> <groupId>io.quarkus</groupId>

34
unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/service/MembreService.java
View File

@@ -82,20 +82,42 @@ public interface MembreService {
@GET @GET
@Path("/export") @Path("/export")
@Produces("application/vnd.openxmlformats-officedocument.spreadsheetml.sheet") @Produces({"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", "text/csv", "application/pdf", "application/json"})
byte[] exporterExcel( byte[] exporterExcel(
@QueryParam("format") @DefaultValue("EXCEL") String format, @QueryParam("format") @DefaultValue("EXCEL") String format,
@QueryParam("associationId") UUID associationId, @QueryParam("associationId") UUID associationId,
@QueryParam("statut") String statut @QueryParam("statut") String statut,
@QueryParam("type") String type,
@QueryParam("dateAdhesionDebut") String dateAdhesionDebut,
@QueryParam("dateAdhesionFin") String dateAdhesionFin,
@QueryParam("colonnes") List<String> colonnesExport,
@QueryParam("inclureHeaders") @DefaultValue("true") boolean inclureHeaders,
@QueryParam("formaterDates") @DefaultValue("true") boolean formaterDates,
@QueryParam("inclureStatistiques") @DefaultValue("false") boolean inclureStatistiques,
@QueryParam("motDePasse") String motDePasse
);
@GET
@Path("/export/count")
@Produces(MediaType.APPLICATION_JSON)
Long compterMembresPourExport(
@QueryParam("associationId") UUID associationId,
@QueryParam("statut") String statut,
@QueryParam("type") String type,
@QueryParam("dateAdhesionDebut") String dateAdhesionDebut,
@QueryParam("dateAdhesionFin") String dateAdhesionFin
); );
@POST @POST
@Path("/import") @Path("/import")
@Consumes(MediaType.MULTIPART_FORM_DATA) @Consumes(MediaType.MULTIPART_FORM_DATA)
ResultatImportDTO importerDonnees( @Produces(MediaType.APPLICATION_JSON)
@FormParam("file") java.io.InputStream fileInputStream, ResultatImportDTO importerDonnees(MembreImportMultipartForm form);
@FormParam("associationId") UUID associationId
); @GET
@Path("/import/modele")
@Produces("application/vnd.openxmlformats-officedocument.spreadsheetml.sheet")
byte[] telechargerModeleImport();
@GET @GET
@Path("/autocomplete/villes") @Path("/autocomplete/villes")

2
unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/AuditBean.java
View File

@@ -114,7 +114,7 @@ public class AuditBean implements Serializable {
} catch (Exception e) { } catch (Exception e) {
LOGGER.severe("Erreur lors du chargement des logs: " + e.getMessage()); LOGGER.severe("Erreur lors du chargement des logs: " + e.getMessage());
e.printStackTrace(); LOGGER.log(java.util.logging.Level.SEVERE, "Détails de l'erreur de chargement des logs d'audit", e);
tousLesLogs = new ArrayList<>(); tousLesLogs = new ArrayList<>();
ajouterMessage(FacesMessage.SEVERITY_ERROR, "Erreur", ajouterMessage(FacesMessage.SEVERITY_ERROR, "Erreur",
"Erreur lors du chargement des logs: " + e.getMessage()); "Erreur lors du chargement des logs: " + e.getMessage());

78
unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/DemandesBean.java
View File

@@ -5,8 +5,6 @@ import jakarta.inject.Named;
import jakarta.annotation.PostConstruct; import jakarta.annotation.PostConstruct;
import java.io.Serializable; import java.io.Serializable;
import java.time.LocalDate; import java.time.LocalDate;
import java.time.LocalDateTime;
import java.time.format.DateTimeFormatter;
import java.time.temporal.ChronoUnit; import java.time.temporal.ChronoUnit;
import java.util.ArrayList; import java.util.ArrayList;
import java.util.List; import java.util.List;
@@ -42,51 +40,58 @@ public class DemandesBean implements Serializable {
private String commentaireAssignation; private String commentaireAssignation;
// Statistiques // Statistiques
private int enAttente = 12; private int enAttente = 0;
private int urgentes = 5; private int urgentes = 0;
private int traitees = 143; private int traitees = 0;
private int delaiMoyenTraitement = 3; private int delaiMoyenTraitement = 0;
@PostConstruct @PostConstruct
public void init() { public void init() {
initializeDemandes(); initializeDemandes();
initializeGestionnaires(); initializeGestionnaires();
initializeNouvelleDemande(); initializeNouvelleDemande();
calculerStatistiques();
selectedDemandes = new ArrayList<>(); selectedDemandes = new ArrayList<>();
} }
private void initializeDemandes() { private void initializeDemandes() {
demandes = new ArrayList<>(); demandes = new ArrayList<>();
// TODO: Charger depuis le backend via DemandeAideService
// Pour l'instant, liste vide - les données viendront du backend
}
String[] objets = { private void calculerStatistiques() {
"Demande d'aide financière urgente", "Certificat de membership", if (demandes == null || demandes.isEmpty()) {
"Mutation vers club Dakar", "Réclamation cotisation", enAttente = 0;
"Aide médicale famille", "Certificat de bonne conduite" urgentes = 0;
}; traitees = 0;
delaiMoyenTraitement = 0;
String[] types = {"AIDE_FINANCIERE", "CERTIFICAT", "MUTATION", "RECLAMATION", "AIDE_FINANCIERE", "CERTIFICAT"}; return;
String[] statuts = {"EN_ATTENTE", "EN_COURS", "APPROUVEE", "EN_ATTENTE", "URGENTE", "EN_COURS"};
String[] priorites = {"URGENTE", "NORMALE", "NORMALE", "BASSE", "URGENTE", "NORMALE"};
String[] demandeurs = {"Marie Kouassi", "Paul Traoré", "Fatou Sanogo", "Jean Ouattara", "Aissata Koné", "Ibrahim Touré"};
for (int i = 0; i < objets.length; i++) {
Demande demande = new Demande();
demande.setId(UUID.fromString(String.format("00000000-0000-0000-0000-%012d", i + 1)));
demande.setReference("DEM-2024-" + String.format("%04d", i + 1));
demande.setObjet(objets[i]);
demande.setType(types[i]);
demande.setStatut(statuts[i]);
demande.setPriorite(priorites[i]);
demande.setNomDemandeur(demandeurs[i]);
demande.setNumeroMembre("M" + String.format("%06d", 1000 + i));
demande.setTelephoneDemandeur("+225 07 " + String.format("%02d", 10 + i) + " " + String.format("%02d", 20 + i) + " " + String.format("%02d", 30 + i));
demande.setDateDepot(LocalDate.now().minusDays(i * 2));
demande.setDateEcheance(LocalDate.now().plusDays(7 + i));
demande.setHeureDepot(LocalDateTime.now().minusHours(i * 3).format(DateTimeFormatter.ofPattern("HH:mm")));
if (i % 3 != 0) demande.setAssigneA("Gestionnaire " + (i % 3 + 1));
demandes.add(demande);
} }
// Calculer depuis les données réelles
enAttente = (int) demandes.stream()
.filter(d -> "EN_ATTENTE".equals(d.getStatut()))
.count();
urgentes = (int) demandes.stream()
.filter(d -> "URGENTE".equals(d.getPriorite()))
.count();
traitees = (int) demandes.stream()
.filter(d -> "APPROUVEE".equals(d.getStatut()) || "REJETEE".equals(d.getStatut()))
.count();
// Calculer le délai moyen de traitement
long totalJours = demandes.stream()
.filter(d -> d.getDateDepot() != null && "APPROUVEE".equals(d.getStatut()))
.mapToLong(d -> ChronoUnit.DAYS.between(d.getDateDepot(), LocalDate.now()))
.sum();
long countTraitees = demandes.stream()
.filter(d -> d.getDateDepot() != null && "APPROUVEE".equals(d.getStatut()))
.count();
delaiMoyenTraitement = countTraitees > 0 ? (int) (totalJours / countTraitees) : 0;
// Initialiser les sous-listes // Initialiser les sous-listes
demandesUrgentes = demandes.stream() demandesUrgentes = demandes.stream()
.filter(d -> "URGENTE".equals(d.getPriorite()) || "EN_ATTENTE".equals(d.getStatut())) .filter(d -> "URGENTE".equals(d.getPriorite()) || "EN_ATTENTE".equals(d.getStatut()))
@@ -94,6 +99,11 @@ public class DemandesBean implements Serializable {
.collect(Collectors.toList()); .collect(Collectors.toList());
dernieresDemandes = demandes.stream() dernieresDemandes = demandes.stream()
.sorted((d1, d2) -> {
if (d1.getDateDepot() == null) return 1;
if (d2.getDateDepot() == null) return -1;
return d2.getDateDepot().compareTo(d1.getDateDepot());
})
.limit(4) .limit(4)
.collect(Collectors.toList()); .collect(Collectors.toList());
} }
@@ -181,6 +191,8 @@ public class DemandesBean implements Serializable {
public void actualiser() { public void actualiser() {
LOGGER.info("Actualisation des données"); LOGGER.info("Actualisation des données");
initializeDemandes();
calculerStatistiques();
} }
public void filtrerUrgentes() { public void filtrerUrgentes() {

4
unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/EvenementsBean.java
View File

@@ -147,7 +147,7 @@ public class EvenementsBean implements Serializable {
} catch (Exception e) { } catch (Exception e) {
LOGGER.severe("Erreur lors du chargement des événements: " + e.getMessage()); LOGGER.severe("Erreur lors du chargement des événements: " + e.getMessage());
e.printStackTrace(); LOGGER.log(java.util.logging.Level.SEVERE, "Détails de l'erreur de chargement des événements", e);
tousLesEvenements = new ArrayList<>(); tousLesEvenements = new ArrayList<>();
ajouterMessage(FacesMessage.SEVERITY_ERROR, "Erreur", ajouterMessage(FacesMessage.SEVERITY_ERROR, "Erreur",
"Erreur lors du chargement des événements: " + e.getMessage()); "Erreur lors du chargement des événements: " + e.getMessage());
@@ -522,7 +522,7 @@ public class EvenementsBean implements Serializable {
} catch (Exception e) { } catch (Exception e) {
LOGGER.severe("Erreur lors de la création de l'événement: " + e.getMessage()); LOGGER.severe("Erreur lors de la création de l'événement: " + e.getMessage());
e.printStackTrace(); LOGGER.log(java.util.logging.Level.SEVERE, "Détails de l'erreur de création d'événement", e);
ajouterMessage(FacesMessage.SEVERITY_ERROR, "Erreur", ajouterMessage(FacesMessage.SEVERITY_ERROR, "Erreur",
"Erreur lors de la création de l'événement: " + e.getMessage()); "Erreur lors de la création de l'événement: " + e.getMessage());
} }

45
unionflow-client-quarkus-primefaces-freya/src/main/java/dev/lions/unionflow/client/view/SuperAdminBean.java
View File

@@ -385,6 +385,51 @@ public class SuperAdminBean implements Serializable {
public int getUtilisateursActifs() { return utilisateursActifs; } public int getUtilisateursActifs() { return utilisateursActifs; }
public void setUtilisateursActifs(int utilisateursActifs) { this.utilisateursActifs = utilisateursActifs; } public void setUtilisateursActifs(int utilisateursActifs) { this.utilisateursActifs = utilisateursActifs; }
/**
* Calcule les pourcentages pour les progress bars (jauges) basés sur des objectifs réalistes
*/
private void calculerPourcentagesJauges() {
// Objectif : 1000 membres (100%)
int objectifMembres = 1000;
pourcentageMembres = totalMembres > 0 ? Math.min(100, (totalMembres * 100) / objectifMembres) : 0;
// Objectif : 50 organisations (100%)
int objectifOrganisations = 50;
pourcentageOrganisations = totalEntites > 0 ? Math.min(100, (totalEntites * 100) / objectifOrganisations) : 0;
// Objectif : 10 000 000 FCFA de revenus (100%)
// Pour l'instant, si revenus = 0, on met 0%
try {
String revenusStr = revenusGlobaux.replaceAll("[^0-9]", "");
if (!revenusStr.isEmpty()) {
long revenusLong = Long.parseLong(revenusStr);
long objectifRevenus = 10_000_000L; // 10 millions FCFA
pourcentageRevenus = revenusLong > 0 ? Math.min(100, (int) ((revenusLong * 100) / objectifRevenus)) : 0;
} else {
pourcentageRevenus = 0;
}
} catch (Exception e) {
pourcentageRevenus = 0;
}
// Objectif : 100 activités journalières (100%)
int objectifActivite = 100;
pourcentageActivite = activiteJournaliere > 0 ? Math.min(100, (activiteJournaliere * 100) / objectifActivite) : 0;
}
// Getters pour les pourcentages des jauges
public int getPourcentageMembres() { return pourcentageMembres; }
public void setPourcentageMembres(int pourcentageMembres) { this.pourcentageMembres = pourcentageMembres; }
public int getPourcentageOrganisations() { return pourcentageOrganisations; }
public void setPourcentageOrganisations(int pourcentageOrganisations) { this.pourcentageOrganisations = pourcentageOrganisations; }
public int getPourcentageRevenus() { return pourcentageRevenus; }
public void setPourcentageRevenus(int pourcentageRevenus) { this.pourcentageRevenus = pourcentageRevenus; }
public int getPourcentageActivite() { return pourcentageActivite; }
public void setPourcentageActivite(int pourcentageActivite) { this.pourcentageActivite = pourcentageActivite; }
// Classes internes // Classes internes
public static class Alerte { public static class Alerte {
private UUID id; private UUID id;

100
unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/audit/journal.xhtml
View File

@@ -23,14 +23,14 @@
<ui:param name="onclick" value="PF('exportDialog').show(); return false;" /> <ui:param name="onclick" value="PF('exportDialog').show(); return false;" />
<ui:param name="outlined" value="true" /> <ui:param name="outlined" value="true" />
</ui:include> </ui:include>
<ui:include src="/templates/components/buttons/button-icon.xhtml"> <ui:include src="/templates/components/buttons/button-secondary.xhtml">
<ui:param name="value" value="" />
<ui:param name="icon" value="pi pi-refresh" /> <ui:param name="icon" value="pi pi-refresh" />
<ui:param name="action" value="#{auditBean.actualiser}" /> <ui:param name="action" value="#{auditBean.actualiser}" />
<ui:param name="update" value="@form" /> <ui:param name="update" value=":formFiltres :formTableau:tableauAudit" />
<ui:param name="title" value="Actualiser" /> <ui:param name="title" value="Actualiser" />
<ui:param name="rounded" value="true" /> <ui:param name="outlined" value="true" />
<ui:param name="text" value="false" /> <ui:param name="styleClass" value="ui-button-sm" />
<ui:param name="styleClass" value="ui-button-outlined ui-button-secondary" />
</ui:include> </ui:include>
</div> </div>
</h:form> </h:form>
@@ -39,32 +39,44 @@
<!-- Statistiques --> <!-- Statistiques -->
<div class="grid"> <div class="grid">
<ui:include src="/templates/components/cards/stat-card.xhtml"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<ui:param name="title" value="Événements Totaux" />
<ui:param name="value" value="#{auditBean.totalEvenements}" /> <ui:param name="value" value="#{auditBean.totalEvenements}" />
<ui:param name="label" value="Événements Totaux" /> <ui:param name="icon" value="pi-history" />
<ui:param name="icon" value="pi pi-history" /> <ui:param name="iconColor" value="blue-600" />
<ui:param name="bgColor" value="blue" /> <ui:param name="showGrowth" value="false" />
<ui:param name="showProgress" value="false" />
<ui:param name="colSize" value="col-12 md:col-6 lg:col-3" />
</ui:include> </ui:include>
<ui:include src="/templates/components/cards/stat-card.xhtml"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<ui:param name="title" value="Connexions Réussies" />
<ui:param name="value" value="#{auditBean.connexionsReussies}" /> <ui:param name="value" value="#{auditBean.connexionsReussies}" />
<ui:param name="label" value="Connexions Réussies" /> <ui:param name="icon" value="pi-check-circle" />
<ui:param name="icon" value="pi pi-check-circle" /> <ui:param name="iconColor" value="green-600" />
<ui:param name="bgColor" value="green" /> <ui:param name="showGrowth" value="false" />
<ui:param name="showProgress" value="false" />
<ui:param name="colSize" value="col-12 md:col-6 lg:col-3" />
</ui:include> </ui:include>
<ui:include src="/templates/components/cards/stat-card.xhtml"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<ui:param name="title" value="Tentatives Échouées" />
<ui:param name="value" value="#{auditBean.tentativesEchouees}" /> <ui:param name="value" value="#{auditBean.tentativesEchouees}" />
<ui:param name="label" value="Tentatives Échouées" /> <ui:param name="icon" value="pi-times-circle" />
<ui:param name="icon" value="pi pi-times-circle" /> <ui:param name="iconColor" value="orange-600" />
<ui:param name="bgColor" value="orange" /> <ui:param name="showGrowth" value="false" />
<ui:param name="showProgress" value="false" />
<ui:param name="colSize" value="col-12 md:col-6 lg:col-3" />
</ui:include> </ui:include>
<ui:include src="/templates/components/cards/stat-card.xhtml"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<ui:param name="title" value="Alertes Sécurité" />
<ui:param name="value" value="#{auditBean.alertesSecurite}" /> <ui:param name="value" value="#{auditBean.alertesSecurite}" />
<ui:param name="label" value="Alertes Sécurité" /> <ui:param name="icon" value="pi-exclamation-triangle" />
<ui:param name="icon" value="pi pi-exclamation-triangle" /> <ui:param name="iconColor" value="red-600" />
<ui:param name="bgColor" value="red" /> <ui:param name="showGrowth" value="false" />
<ui:param name="showProgress" value="false" />
<ui:param name="colSize" value="col-12 md:col-6 lg:col-3" />
</ui:include> </ui:include>
</div> </div>
@@ -181,7 +193,7 @@
<ui:param name="value" value="Réinitialiser" /> <ui:param name="value" value="Réinitialiser" />
<ui:param name="icon" value="pi pi-refresh" /> <ui:param name="icon" value="pi pi-refresh" />
<ui:param name="action" value="#{auditBean.reinitialiserFiltres}" /> <ui:param name="action" value="#{auditBean.reinitialiserFiltres}" />
<ui:param name="update" value="@form :formTableau:tableauAudit" /> <ui:param name="update" value=":formFiltres :formTableau:tableauAudit" />
<ui:param name="outlined" value="true" /> <ui:param name="outlined" value="true" />
</ui:include> </ui:include>
</div> </div>
@@ -258,12 +270,15 @@
<p:column headerText="Actions" style="width: 6%" styleClass="text-center"> <p:column headerText="Actions" style="width: 6%" styleClass="text-center">
<div class="flex justify-content-center gap-1"> <div class="flex justify-content-center gap-1">
<p:commandButton icon="pi pi-eye" <ui:include src="/templates/components/buttons/button-info.xhtml">
title="Voir les détails" <ui:param name="value" value="" />
styleClass="p-button-sm p-button-rounded p-button-info" <ui:param name="icon" value="pi pi-eye" />
action="#{auditBean.selectionnerLog(log)}" <ui:param name="action" value="#{auditBean.selectionnerLog(log)}" />
update=":formDetails:dlgDetails" <ui:param name="update" value=":formDetails:dlgDetails" />
oncomplete="PF('dlgDetails').show();" /> <ui:param name="oncomplete" value="PF('dlgDetails').show();" />
<ui:param name="title" value="Voir les détails" />
<ui:param name="styleClass" value="p-button-sm p-button-rounded" />
</ui:include>
</div> </div>
</p:column> </p:column>
</p:dataTable> </p:dataTable>
@@ -380,10 +395,12 @@
</div> </div>
<f:facet name="footer"> <f:facet name="footer">
<p:commandButton value="Fermer" <ui:include src="/templates/components/buttons/button-secondary.xhtml">
icon="pi pi-times" <ui:param name="value" value="Fermer" />
onclick="PF('dlgDetails').hide();" <ui:param name="icon" value="pi pi-times" />
styleClass="p-button-outlined" /> <ui:param name="onclick" value="PF('dlgDetails').hide();" />
<ui:param name="outlined" value="true" />
</ui:include>
</f:facet> </f:facet>
</p:dialog> </p:dialog>
</h:form> </h:form>
@@ -423,14 +440,17 @@
<f:facet name="footer"> <f:facet name="footer">
<div class="flex justify-content-end gap-2"> <div class="flex justify-content-end gap-2">
<p:commandButton value="Annuler" <ui:include src="/templates/components/buttons/button-secondary.xhtml">
styleClass="p-button-outlined" <ui:param name="value" value="Annuler" />
onclick="PF('exportDialog').hide();" <ui:param name="onclick" value="PF('exportDialog').hide();" />
type="button" /> <ui:param name="outlined" value="true" />
<p:commandButton value="Exporter" </ui:include>
icon="pi pi-download" <ui:include src="/templates/components/buttons/button-success.xhtml">
styleClass="p-button-success" <ui:param name="value" value="Exporter" />
action="#{auditBean.exporter}" /> <ui:param name="icon" value="pi pi-download" />
<ui:param name="action" value="#{auditBean.exporter}" />
<ui:param name="update" value="none" />
</ui:include>
</div> </div>
</f:facet> </f:facet>
</p:dialog> </p:dialog>

195
unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/cotisations/gestion.xhtml
View File

@@ -47,144 +47,83 @@
<!-- KPIs Financiers avec grille Freya stricte --> <!-- KPIs Financiers avec grille Freya stricte -->
<div class="formgrid grid"> <div class="formgrid grid">
<!-- KPI 1: Montant Collecté --> <!-- KPI 1: Montant Collecté -->
<div class="field col-12 md:col-6 lg:col-3 xl:col-2"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<div class="card surface-50 border-round-lg"> <ui:param name="title" value="Collecté ce mois" />
<div class="p-3"> <ui:param name="value" value="#{cotisationsGestionBean.montantCollecte}" />
<div class="flex align-items-center justify-content-between mb-3"> <ui:param name="icon" value="pi-check" />
<span class="block text-600 font-medium text-sm">Collecté ce mois</span> <ui:param name="iconColor" value="green-600" />
<div class="flex align-items-center justify-content-center bg-green-100 border-round-lg" <ui:param name="growthValue" value="#{cotisationsGestionBean.progressionMensuelle}" />
style="width: 2.5rem; height: 2.5rem;"> <ui:param name="growthLabel" value="de l'objectif" />
<i class="pi pi-check text-green-600 text-lg"></i> <ui:param name="progressValue" value="#{cotisationsGestionBean.progressionMensuelle}" />
</div> <ui:param name="colSize" value="col-12 md:col-6 lg:col-3 xl:col-2" />
</div> </ui:include>
<div class="text-900 font-bold text-xl mb-2">#{cotisationsGestionBean.montantCollecte}</div>
<p:progressBar value="#{cotisationsGestionBean.progressionMensuelle}"
showValue="false"
styleClass="surface-200"
style="height: 0.5rem;" />
<div class="text-500 text-xs mt-2">
<i class="pi pi-arrow-up text-green-500 text-xs"></i>
#{cotisationsGestionBean.progressionMensuelle}% de l'objectif
</div>
</div>
</div>
</div>
<!-- KPI 2: Membres à jour --> <!-- KPI 2: Membres à jour -->
<div class="field col-12 md:col-6 lg:col-3 xl:col-2"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<div class="card surface-50 border-round-lg"> <ui:param name="title" value="Membres à jour" />
<div class="p-3"> <ui:param name="value" value="#{cotisationsGestionBean.membresAJour}" />
<div class="flex align-items-center justify-content-between mb-3"> <ui:param name="icon" value="pi-users" />
<span class="block text-600 font-medium text-sm">Membres à jour</span> <ui:param name="iconColor" value="blue-600" />
<div class="flex align-items-center justify-content-center bg-blue-100 border-round-lg" <ui:param name="statusIcon" value="pi-circle-fill" />
style="width: 2.5rem; height: 2.5rem;"> <ui:param name="statusLabel" value="Conformes" />
<i class="pi pi-users text-blue-600 text-lg"></i> <ui:param name="statusValue" value="#{cotisationsGestionBean.pourcentageMembresAJour}%" />
</div> <ui:param name="progressValue" value="#{cotisationsGestionBean.pourcentageMembresAJour}" />
</div> <ui:param name="colSize" value="col-12 md:col-6 lg:col-3 xl:col-2" />
<div class="text-900 font-bold text-xl mb-2">#{cotisationsGestionBean.membresAJour}</div> </ui:include>
<p:progressBar value="#{cotisationsGestionBean.pourcentageMembresAJour}"
showValue="false"
styleClass="surface-200"
style="height: 0.5rem;" />
<div class="text-500 text-xs mt-2">
<i class="pi pi-circle-fill text-blue-500 text-xs"></i>
#{cotisationsGestionBean.pourcentageMembresAJour}% conformes
</div>
</div>
</div>
</div>
<!-- KPI 3: En Attente --> <!-- KPI 3: En Attente -->
<div class="field col-12 md:col-6 lg:col-3 xl:col-2"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<div class="card surface-50 border-round-lg"> <ui:param name="title" value="En attente" />
<div class="p-3"> <ui:param name="value" value="#{cotisationsGestionBean.montantEnAttente}" />
<div class="flex align-items-center justify-content-between mb-3"> <ui:param name="icon" value="pi-clock" />
<span class="block text-600 font-medium text-sm">En attente</span> <ui:param name="iconColor" value="orange-600" />
<div class="flex align-items-center justify-content-center bg-orange-100 border-round-lg" <ui:param name="statusIcon" value="pi-exclamation-triangle" />
style="width: 2.5rem; height: 2.5rem;"> <ui:param name="statusLabel" value="Cotisations" />
<i class="pi pi-clock text-orange-600 text-lg"></i> <ui:param name="statusValue" value="#{cotisationsGestionBean.nombreCotisationsEnAttente}" />
</div> <ui:param name="noDataLabel" value="À traiter rapidement" />
</div> <ui:param name="colSize" value="col-12 md:col-6 lg:col-3 xl:col-2" />
<div class="text-900 font-bold text-xl mb-2">#{cotisationsGestionBean.montantEnAttente}</div> <ui:param name="showProgress" value="false" />
<div class="text-orange-600 font-semibold text-sm"> </ui:include>
#{cotisationsGestionBean.nombreCotisationsEnAttente} cotisations
</div>
<div class="text-500 text-xs mt-2">
<i class="pi pi-exclamation-triangle text-orange-500 text-xs"></i>
À traiter rapidement
</div>
</div>
</div>
</div>
<!-- KPI 4: Impayés --> <!-- KPI 4: Impayés -->
<div class="field col-12 md:col-6 lg:col-3 xl:col-2"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<div class="card surface-50 border-round-lg"> <ui:param name="title" value="Impayés" />
<div class="p-3"> <ui:param name="value" value="#{cotisationsGestionBean.montantImpayes}" />
<div class="flex align-items-center justify-content-between mb-3"> <ui:param name="icon" value="pi-exclamation-circle" />
<span class="block text-600 font-medium text-sm">Impayés</span> <ui:param name="iconColor" value="red-600" />
<div class="flex align-items-center justify-content-center bg-red-100 border-round-lg" <ui:param name="statusIcon" value="pi-arrow-down" />
style="width: 2.5rem; height: 2.5rem;"> <ui:param name="statusLabel" value="Retard moyen" />
<i class="pi pi-exclamation-circle text-red-600 text-lg"></i> <ui:param name="statusValue" value="#{cotisationsGestionBean.joursRetardMoyen}j" />
</div> <ui:param name="noDataLabel" value="Action requise" />
</div> <ui:param name="colSize" value="col-12 md:col-6 lg:col-3 xl:col-2" />
<div class="text-900 font-bold text-xl mb-2">#{cotisationsGestionBean.montantImpayes}</div> <ui:param name="showProgress" value="false" />
<div class="text-red-600 font-semibold text-sm"> </ui:include>
#{cotisationsGestionBean.joursRetardMoyen}j de retard moy.
</div>
<div class="text-500 text-xs mt-2">
<i class="pi pi-arrow-down text-red-500 text-xs"></i>
Action requise
</div>
</div>
</div>
</div>
<!-- KPI 5: Revenus 2024 --> <!-- KPI 5: Revenus 2024 -->
<div class="field col-12 md:col-6 lg:col-3 xl:col-2"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<div class="card surface-50 border-round-lg"> <ui:param name="title" value="Revenus 2024" />
<div class="p-3"> <ui:param name="value" value="#{cotisationsGestionBean.revenus2024}" />
<div class="flex align-items-center justify-content-between mb-3"> <ui:param name="icon" value="pi-chart-line" />
<span class="block text-600 font-medium text-sm">Revenus 2024</span> <ui:param name="iconColor" value="purple-600" />
<div class="flex align-items-center justify-content-center bg-purple-100 border-round-lg" <ui:param name="growthValue" value="#{cotisationsGestionBean.croissanceAnnuelle}" />
style="width: 2.5rem; height: 2.5rem;"> <ui:param name="growthLabel" value="Croissance annuelle" />
<i class="pi pi-chart-line text-purple-600 text-lg"></i> <ui:param name="colSize" value="col-12 md:col-6 lg:col-3 xl:col-2" />
</div> <ui:param name="showProgress" value="false" />
</div> </ui:include>
<div class="text-900 font-bold text-xl mb-2">#{cotisationsGestionBean.revenus2024}</div>
<div class="text-green-600 font-semibold text-sm">
<i class="pi pi-arrow-up text-green-500"></i>
#{cotisationsGestionBean.croissanceAnnuelle}
</div>
<div class="text-500 text-xs mt-2">
Croissance annuelle
</div>
</div>
</div>
</div>
<!-- KPI 6: Wave Money --> <!-- KPI 6: Wave Money -->
<div class="field col-12 md:col-6 lg:col-3 xl:col-2"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<div class="card surface-50 border-round-lg"> <ui:param name="title" value="Prélèvements Auto" />
<div class="p-3"> <ui:param name="value" value="#{cotisationsGestionBean.prelevementsActifs}" />
<div class="flex align-items-center justify-content-between mb-3"> <ui:param name="icon" value="pi-mobile" />
<span class="block text-600 font-medium text-sm">Prélèvements Auto</span> <ui:param name="iconColor" value="teal-600" />
<div class="flex align-items-center justify-content-center bg-teal-100 border-round-lg" <ui:param name="statusIcon" value="pi-sync" />
style="width: 2.5rem; height: 2.5rem;"> <ui:param name="statusLabel" value="Montant/mois" />
<i class="pi pi-mobile text-teal-600 text-lg"></i> <ui:param name="statusValue" value="#{cotisationsGestionBean.montantPrelevementsPrevu} FCFA" />
</div> <ui:param name="noDataLabel" value="Automatique" />
</div> <ui:param name="colSize" value="col-12 md:col-6 lg:col-3 xl:col-2" />
<div class="text-900 font-bold text-xl mb-2">#{cotisationsGestionBean.prelevementsActifs}</div> <ui:param name="showProgress" value="false" />
<div class="text-teal-600 font-semibold text-sm"> </ui:include>
#{cotisationsGestionBean.montantPrelevementsPrevu} FCFA/mois
</div>
<div class="text-500 text-xs mt-2">
<i class="pi pi-sync text-teal-500 text-xs"></i>
Automatique
</div>
</div>
</div>
</div>
</div> </div>
<!-- Section Analytics avec disposition Freya --> <!-- Section Analytics avec disposition Freya -->

935
unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/demandes/gestion.xhtml
View File

File diff suppressed because it is too large Load Diff

112
unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/evenements/gestion.xhtml
View File

@@ -47,85 +47,51 @@
<!-- KPIs avec grille Freya stricte --> <!-- KPIs avec grille Freya stricte -->
<div class="formgrid grid"> <div class="formgrid grid">
<!-- KPI 1: Total Événements --> <!-- KPI 1: Total Événements -->
<div class="field col-12 md:col-6 lg:col-3"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<div class="card surface-50 border-round-lg"> <ui:param name="title" value="Total Événements" />
<div class="p-3"> <ui:param name="value" value="#{evenementsBean.statistiques.totalEvenements}" />
<div class="flex align-items-center justify-content-between mb-3"> <ui:param name="icon" value="pi-calendar" />
<span class="block text-600 font-medium text-sm">Total Événements</span> <ui:param name="iconColor" value="blue-600" />
<div class="flex align-items-center justify-content-center bg-blue-100 border-round-lg" <ui:param name="growthValue" value="#{evenementsBean.statistiques.evenementsCeMois}" />
style="width: 2.5rem; height: 2.5rem;"> <ui:param name="growthLabel" value="ce mois" />
<i class="pi pi-calendar text-blue-600 text-lg"></i> <ui:param name="growthType" value="number" />
</div> <ui:param name="showProgress" value="false" />
</div> </ui:include>
<div class="text-900 font-bold text-2xl mb-2">#{evenementsBean.statistiques.totalEvenements}</div>
<div class="flex align-items-center">
<i class="pi pi-arrow-up text-green-500 text-sm mr-1"></i>
<span class="text-green-600 font-semibold text-sm mr-2">+#{evenementsBean.statistiques.evenementsCeMois}</span>
<span class="text-500 text-xs">ce mois</span>
</div>
</div>
</div>
</div>
<!-- KPI 2: Événements Actifs --> <!-- KPI 2: Événements Actifs -->
<div class="field col-12 md:col-6 lg:col-3"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<div class="card surface-50 border-round-lg"> <ui:param name="title" value="Événements Actifs" />
<div class="p-3"> <ui:param name="value" value="#{evenementsBean.statistiques.evenementsActifs}" />
<div class="flex align-items-center justify-content-between mb-3"> <ui:param name="icon" value="pi-check" />
<span class="block text-600 font-medium text-sm">Événements Actifs</span> <ui:param name="iconColor" value="green-600" />
<div class="flex align-items-center justify-content-center bg-green-100 border-round-lg" <ui:param name="progressValue" value="#{evenementsBean.statistiques.tauxParticipationMoyen}" />
style="width: 2.5rem; height: 2.5rem;"> <ui:param name="noDataLabel" value="#{evenementsBean.statistiques.tauxParticipationMoyen}% de participation" />
<i class="pi pi-check text-green-600 text-lg"></i> <ui:param name="showGrowth" value="false" />
</div> </ui:include>
</div>
<div class="text-900 font-bold text-2xl mb-2">#{evenementsBean.statistiques.evenementsActifs}</div>
<p:progressBar value="#{evenementsBean.statistiques.tauxParticipationMoyen}"
showValue="false"
styleClass="surface-200 mt-2"
style="height: 0.5rem;" />
<div class="text-500 text-xs mt-2">#{evenementsBean.statistiques.tauxParticipationMoyen}% de participation</div>
</div>
</div>
</div>
<!-- KPI 3: Participants Inscrits --> <!-- KPI 3: Participants Inscrits -->
<div class="field col-12 md:col-6 lg:col-3"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<div class="card surface-50 border-round-lg"> <ui:param name="title" value="Participants" />
<div class="p-3"> <ui:param name="value" value="#{evenementsBean.statistiques.participantsTotal}" />
<div class="flex align-items-center justify-content-between mb-3"> <ui:param name="icon" value="pi-users" />
<span class="block text-600 font-medium text-sm">Participants</span> <ui:param name="iconColor" value="orange-600" />
<div class="flex align-items-center justify-content-center bg-orange-100 border-round-lg" <ui:param name="statusIcon" value="pi-info-circle" />
style="width: 2.5rem; height: 2.5rem;"> <ui:param name="statusLabel" value="Moyenne" />
<i class="pi pi-users text-orange-600 text-lg"></i> <ui:param name="statusValue" value="#{evenementsBean.statistiques.moyenneParticipants}/événement" />
</div> <ui:param name="showProgress" value="false" />
</div> </ui:include>
<div class="text-900 font-bold text-2xl mb-2">#{evenementsBean.statistiques.participantsTotal}</div>
<div class="text-orange-600 font-semibold text-sm">
Moyenne: #{evenementsBean.statistiques.moyenneParticipants}/événement
</div>
</div>
</div>
</div>
<!-- KPI 4: Budget Total --> <!-- KPI 4: Budget Total -->
<div class="field col-12 md:col-6 lg:col-3"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<div class="card surface-50 border-round-lg"> <ui:param name="title" value="Budget Total" />
<div class="p-3"> <ui:param name="value" value="#{evenementsBean.statistiques.budgetTotal}" />
<div class="flex align-items-center justify-content-between mb-3"> <ui:param name="icon" value="pi-dollar" />
<span class="block text-600 font-medium text-sm">Budget Total</span> <ui:param name="iconColor" value="purple-600" />
<div class="flex align-items-center justify-content-center bg-purple-100 border-round-lg" <ui:param name="statusIcon" value="pi-trending-up" />
style="width: 2.5rem; height: 2.5rem;"> <ui:param name="statusLabel" value="Suivi budgétaire" />
<i class="pi pi-dollar text-purple-600 text-lg"></i> <ui:param name="statusValue" value="optimal" />
</div> <ui:param name="showProgress" value="false" />
</div> </ui:include>
<div class="text-900 font-bold text-xl mb-2">#{evenementsBean.statistiques.budgetTotal}</div>
<div class="flex align-items-center">
<i class="pi pi-trending-up text-purple-500 text-sm mr-1"></i>
<span class="text-purple-600 text-sm">Suivi budgétaire optimal</span>
</div>
</div>
</div>
</div>
</div> </div>

90
unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/finance/caisse.xhtml
View File

@@ -41,66 +41,42 @@
</div> </div>
<!-- Soldes et Statistiques --> <!-- Soldes et Statistiques -->
<div class="grid"> <div class="formgrid grid">
<div class="col-12 md:col-3"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<div class="card bg-purple-100 border-left-3 border-purple-500"> <ui:param name="title" value="Solde Principal" />
<div class="flex justify-content-between"> <ui:param name="value" value="#{caisseBean.soldePrincipal}" />
<div> <ui:param name="icon" value="pi-wallet" />
<div class="text-purple-900 font-bold text-2xl">#{caisseBean.soldePrincipal}</div> <ui:param name="iconColor" value="purple-600" />
<div class="text-purple-700">Solde Principal</div> <ui:param name="showGrowth" value="false" />
</div> <ui:param name="showProgress" value="false" />
<div class="bg-purple-500 text-white border-round text-center" </ui:include>
style="width: 3rem; height: 3rem; line-height: 3rem;">
<i class="pi pi-wallet text-xl"></i>
</div>
</div>
</div>
</div>
<div class="col-12 md:col-3"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<div class="card bg-green-100 border-left-3 border-green-500"> <ui:param name="title" value="Entrées (30j)" />
<div class="flex justify-content-between"> <ui:param name="value" value="#{caisseBean.totalEntrees}" />
<div> <ui:param name="icon" value="pi-arrow-down" />
<div class="text-green-900 font-bold text-2xl">#{caisseBean.totalEntrees}</div> <ui:param name="iconColor" value="green-600" />
<div class="text-green-700">Entrées (30j)</div> <ui:param name="showGrowth" value="false" />
</div> <ui:param name="showProgress" value="false" />
<div class="bg-green-500 text-white border-round text-center" </ui:include>
style="width: 3rem; height: 3rem; line-height: 3rem;">
<i class="pi pi-arrow-down text-xl"></i>
</div>
</div>
</div>
</div>
<div class="col-12 md:col-3"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<div class="card bg-red-100 border-left-3 border-red-500"> <ui:param name="title" value="Sorties (30j)" />
<div class="flex justify-content-between"> <ui:param name="value" value="#{caisseBean.totalSorties}" />
<div> <ui:param name="icon" value="pi-arrow-up" />
<div class="text-red-900 font-bold text-2xl">#{caisseBean.totalSorties}</div> <ui:param name="iconColor" value="red-600" />
<div class="text-red-700">Sorties (30j)</div> <ui:param name="showGrowth" value="false" />
</div> <ui:param name="showProgress" value="false" />
<div class="bg-red-500 text-white border-round text-center" </ui:include>
style="width: 3rem; height: 3rem; line-height: 3rem;">
<i class="pi pi-arrow-up text-xl"></i>
</div>
</div>
</div>
</div>
<div class="col-12 md:col-3"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<div class="card bg-blue-100 border-left-3 border-blue-500"> <ui:param name="title" value="Wave Money" />
<div class="flex justify-content-between"> <ui:param name="value" value="#{caisseBean.soldeWaveMoney}" />
<div> <ui:param name="icon" value="pi-mobile" />
<div class="text-blue-900 font-bold text-2xl">#{caisseBean.soldeWaveMoney}</div> <ui:param name="iconColor" value="blue-600" />
<div class="text-blue-700">Wave Money</div> <ui:param name="showGrowth" value="false" />
</div> <ui:param name="showProgress" value="false" />
<div class="bg-blue-500 text-white border-round text-center" </ui:include>
style="width: 3rem; height: 3rem; line-height: 3rem;">
<i class="pi pi-mobile text-xl"></i>
</div>
</div>
</div>
</div>
</div> </div>
<!-- Graphiques --> <!-- Graphiques -->

142
unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/rapports/finances.xhtml
View File

@@ -77,53 +77,46 @@
<!-- KPIs Financiers --> <!-- KPIs Financiers -->
<h:panelGroup id="kpiPanel"> <h:panelGroup id="kpiPanel">
<div class="grid"> <div class="formgrid grid">
<div class="col-12 md:col-3"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<div class="card text-center"> <ui:param name="title" value="Revenus Totaux" />
<div class="text-900 text-xl mb-3 font-medium">Revenus Totaux</div> <ui:param name="value" value="#{rapportBean.revenusTotaux}" />
<div class="text-primary text-5xl font-bold mb-3">#{rapportBean.revenusTotaux}</div> <ui:param name="icon" value="pi-dollar" />
<div class="flex align-items-center justify-content-center"> <ui:param name="iconColor" value="blue-600" />
<i class="pi pi-arrow-up text-green-500 mr-2"></i> <ui:param name="growthValue" value="#{rapportBean.croissanceRevenus}" />
<span class="text-green-500 font-medium">+#{rapportBean.croissanceRevenus}%</span> <ui:param name="growthLabel" value="vs période précédente" />
<span class="text-600 ml-2">vs période précédente</span> <ui:param name="showProgress" value="false" />
</div> </ui:include>
</div>
</div>
<div class="col-12 md:col-3"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<div class="card text-center"> <ui:param name="title" value="Dépenses Totales" />
<div class="text-900 text-xl mb-3 font-medium">Dépenses Totales</div> <ui:param name="value" value="#{rapportBean.depensesTotales}" />
<div class="text-orange-500 text-5xl font-bold mb-3">#{rapportBean.depensesTotales}</div> <ui:param name="icon" value="pi-shopping-cart" />
<div class="flex align-items-center justify-content-center"> <ui:param name="iconColor" value="orange-600" />
<i class="pi pi-arrow-down text-red-500 mr-2"></i> <ui:param name="growthValue" value="#{rapportBean.croissanceDepenses}" />
<span class="text-red-500 font-medium">+#{rapportBean.croissanceDepenses}%</span> <ui:param name="growthLabel" value="vs période précédente" />
<span class="text-600 ml-2">vs période précédente</span> <ui:param name="showProgress" value="false" />
</div> </ui:include>
</div>
</div>
<div class="col-12 md:col-3"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<div class="card text-center"> <ui:param name="title" value="Bénéfice Net" />
<div class="text-900 text-xl mb-3 font-medium">Bénéfice Net</div> <ui:param name="value" value="#{rapportBean.beneficeNet}" />
<div class="text-green-500 text-5xl font-bold mb-3">#{rapportBean.beneficeNet}</div> <ui:param name="icon" value="pi-chart-line" />
<div class="flex align-items-center justify-content-center"> <ui:param name="iconColor" value="green-600" />
<p:progressBar value="#{rapportBean.margePercentage}" <ui:param name="progressValue" value="#{rapportBean.margePercentage}" />
labelTemplate="Marge: {value}%" <ui:param name="showGrowth" value="false" />
styleClass="w-full" /> </ui:include>
</div>
</div>
</div>
<div class="col-12 md:col-3"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<div class="card text-center"> <ui:param name="title" value="Trésorerie" />
<div class="text-900 text-xl mb-3 font-medium">Trésorerie</div> <ui:param name="value" value="#{rapportBean.tresorerie}" />
<div class="text-purple-500 text-5xl font-bold mb-3">#{rapportBean.tresorerie}</div> <ui:param name="icon" value="pi-wallet" />
<div class="flex align-items-center justify-content-center"> <ui:param name="iconColor" value="purple-600" />
<i class="pi pi-info-circle text-blue-500 mr-2"></i> <ui:param name="statusIcon" value="pi-info-circle" />
<span class="text-600">#{rapportBean.joursAutonomie} jours d'autonomie</span> <ui:param name="statusLabel" value="Jours d'autonomie" />
</div> <ui:param name="statusValue" value="#{rapportBean.joursAutonomie}" />
</div> <ui:param name="showProgress" value="false" />
</div> </ui:include>
</div> </div>
</h:panelGroup> </h:panelGroup>
@@ -309,31 +302,42 @@
<!-- Ratios et Indicateurs --> <!-- Ratios et Indicateurs -->
<div class="card"> <div class="card">
<h5>Indicateurs Clés de Performance</h5> <h5>Indicateurs Clés de Performance</h5>
<div class="grid"> <div class="formgrid grid">
<div class="col-12 md:col-3"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<div class="text-center p-3 surface-50 border-round"> <ui:param name="title" value="Taux de Recouvrement" />
<div class="text-3xl font-bold text-primary mb-2">#{rapportBean.tauxRecouvrement}%</div> <ui:param name="value" value="#{rapportBean.tauxRecouvrement}%" />
<div class="text-600">Taux de Recouvrement</div> <ui:param name="icon" value="pi-percentage" />
</div> <ui:param name="iconColor" value="blue-600" />
</div> <ui:param name="showGrowth" value="false" />
<div class="col-12 md:col-3"> <ui:param name="showProgress" value="false" />
<div class="text-center p-3 surface-50 border-round"> </ui:include>
<div class="text-3xl font-bold text-green-500 mb-2">#{rapportBean.ratioCouverture}</div>
<div class="text-600">Ratio de Couverture</div> <ui:include src="/templates/components/cards/kpi-card.xhtml">
</div> <ui:param name="title" value="Ratio de Couverture" />
</div> <ui:param name="value" value="#{rapportBean.ratioCouverture}" />
<div class="col-12 md:col-3"> <ui:param name="icon" value="pi-shield" />
<div class="text-center p-3 surface-50 border-round"> <ui:param name="iconColor" value="green-600" />
<div class="text-3xl font-bold text-orange-500 mb-2">#{rapportBean.coutMoyenMembre}</div> <ui:param name="showGrowth" value="false" />
<div class="text-600">Coût Moyen/Membre</div> <ui:param name="showProgress" value="false" />
</div> </ui:include>
</div>
<div class="col-12 md:col-3"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<div class="text-center p-3 surface-50 border-round"> <ui:param name="title" value="Coût Moyen/Membre" />
<div class="text-3xl font-bold text-purple-500 mb-2">#{rapportBean.revenuMoyenMembre}</div> <ui:param name="value" value="#{rapportBean.coutMoyenMembre}" />
<div class="text-600">Revenu Moyen/Membre</div> <ui:param name="icon" value="pi-user-minus" />
</div> <ui:param name="iconColor" value="orange-600" />
</div> <ui:param name="showGrowth" value="false" />
<ui:param name="showProgress" value="false" />
</ui:include>
<ui:include src="/templates/components/cards/kpi-card.xhtml">
<ui:param name="title" value="Revenu Moyen/Membre" />
<ui:param name="value" value="#{rapportBean.revenuMoyenMembre}" />
<ui:param name="icon" value="pi-user-plus" />
<ui:param name="iconColor" value="purple-600" />
<ui:param name="showGrowth" value="false" />
<ui:param name="showProgress" value="false" />
</ui:include>
</div> </div>
</div> </div>
</h:panelGroup> </h:panelGroup>

30
unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/admin/rapports/statistiques.xhtml
View File

@@ -377,26 +377,18 @@
<i class="pi pi-chart-bar text-blue-500 mr-2"></i> <i class="pi pi-chart-bar text-blue-500 mr-2"></i>
Indicateurs Clés de Performance Indicateurs Clés de Performance
</h5> </h5>
<div class="grid"> <div class="formgrid grid">
<ui:repeat value="#{rapportsBean.kpis}" var="kpi" varStatus="status"> <ui:repeat value="#{rapportsBean.kpis}" var="kpi" varStatus="status">
<div class="col-12"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<div class="surface-100 border-round-lg p-3 mb-3 hover:surface-200 transition-colors transition-duration-150"> <ui:param name="title" value="#{kpi.libelle}" />
<div class="flex align-items-center justify-content-between mb-2"> <ui:param name="value" value="#{kpi.valeur}" />
<div class="flex align-items-center"> <ui:param name="icon" value="#{kpi.icon}" />
<i class="pi #{kpi.icon} text-#{kpi.couleur} mr-2"></i> <ui:param name="iconColor" value="#{kpi.couleur}" />
<span class="text-900 font-medium">#{kpi.libelle}</span> <ui:param name="growthValue" value="#{kpi.variation}" />
</div> <ui:param name="growthLabel" value="variation" />
<div class="text-#{kpi.couleur} font-bold text-xl">#{kpi.valeur}</div> <ui:param name="progressValue" value="#{kpi.progression}" />
</div> <ui:param name="colSize" value="col-12" />
<div class="flex align-items-center justify-content-between"> </ui:include>
<p:progressBar value="#{kpi.progression}" style="width: 60%; height: 4px;" />
<div class="flex align-items-center">
<i class="pi #{kpi.tendance == 'UP' ? 'pi-arrow-up text-green-500' : (kpi.tendance == 'DOWN' ? 'pi-arrow-down text-red-500' : 'pi-minus text-600')} mr-1 text-sm"></i>
<span class="text-600 text-sm">#{kpi.variation}%</span>
</div>
</div>
</div>
</div>
</ui:repeat> </ui:repeat>
</div> </div>
</div> </div>

126
unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/dashboard.xhtml
View File

@@ -130,100 +130,50 @@
</div> </div>
<!-- 1. MEMBRES : L'humain d'abord - le plus important --> <!-- 1. MEMBRES : L'humain d'abord - le plus important -->
<div class="col-12 md:col-6 lg:col-3"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<div class="card bg-gradient-blue border-left-4 border-blue-500"> <ui:param name="title" value="Membres Actifs" />
<div class="flex justify-content-between align-items-start mb-3"> <ui:param name="value" value="#{dashboardBean.activeMembers}" />
<div> <ui:param name="icon" value="pi-users" />
<span class="text-blue-600 font-semibold text-sm uppercase">Communauté</span> <ui:param name="iconColor" value="blue-600" />
<div class="text-900 font-bold text-3xl mt-2">#{dashboardBean.activeMembers}</div> <ui:param name="growthValue" value="#{dashboardBean.membresEvolutionPourcent}" />
<span class="text-700 text-sm">Membres actifs</span> <ui:param name="growthLabel" value="ce mois" />
</div> <ui:param name="progressValue" value="#{dashboardBean.tauxActivite}" />
<div class="bg-blue-500 text-white border-round-xl flex align-items-center justify-content-center" </ui:include>
style="width:3.5rem;height:3.5rem">
<i class="pi pi-users text-2xl"></i>
</div>
</div>
<div class="flex align-items-center">
<i class="pi pi-arrow-up text-green-500 mr-1"></i>
<span class="text-green-500 font-bold">+#{dashboardBean.membresEvolutionPourcent}%</span>
<span class="text-600 text-sm ml-2">ce mois</span>
</div>
<p:progressBar value="#{dashboardBean.tauxActivite}" style="height: 4px; margin-top: 8px;"
styleClass="bg-blue-200" />
</div>
</div>
<!-- 2. FINANCES : Santé financière - crucial pour la survie --> <!-- 2. FINANCES : Santé financière - crucial pour la survie -->
<div class="col-12 md:col-6 lg:col-3"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<div class="card bg-gradient-green border-left-4 border-green-500"> <ui:param name="title" value="FCFA Collectés" />
<div class="flex justify-content-between align-items-start mb-3"> <ui:param name="value" value="#{dashboardBean.totalCotisations}" />
<div> <ui:param name="icon" value="pi-dollar" />
<span class="text-green-600 font-semibold text-sm uppercase">Trésorerie</span> <ui:param name="iconColor" value="green-600" />
<div class="text-900 font-bold text-2xl mt-2">#{dashboardBean.totalCotisations}</div> <ui:param name="growthValue" value="#{dashboardBean.cotisationsEvolutionPourcent}" />
<span class="text-700 text-sm">FCFA collectés</span> <ui:param name="growthLabel" value="vs mois dernier" />
</div> <ui:param name="progressValue" value="#{dashboardBean.tauxObjectifCotisations}" />
<div class="bg-green-500 text-white border-round-xl flex align-items-center justify-content-center" </ui:include>
style="width:3.5rem;height:3.5rem">
<i class="pi pi-dollar text-2xl"></i>
</div>
</div>
<div class="flex align-items-center">
<i class="pi pi-arrow-up text-green-500 mr-1"></i>
<span class="text-green-500 font-bold">+#{dashboardBean.cotisationsEvolutionPourcent}%</span>
<span class="text-600 text-sm ml-2">vs mois dernier</span>
</div>
<p:progressBar value="#{dashboardBean.tauxObjectifCotisations}" style="height: 4px; margin-top: 8px;"
styleClass="bg-green-200" />
</div>
</div>
<!-- 3. SOLIDARITÉ : Impact social - raison d'être --> <!-- 3. SOLIDARITÉ : Impact social - raison d'être -->
<div class="col-12 md:col-6 lg:col-3"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<div class="card bg-gradient-purple border-left-4 border-purple-500"> <ui:param name="title" value="FCFA Distribués" />
<div class="flex justify-content-between align-items-start mb-3"> <ui:param name="value" value="#{dashboardBean.aidesDistribuees}" />
<div> <ui:param name="icon" value="pi-heart" />
<span class="text-purple-600 font-semibold text-sm uppercase">Solidarité</span> <ui:param name="iconColor" value="purple-600" />
<div class="text-900 font-bold text-2xl mt-2">#{dashboardBean.aidesDistribuees}</div> <ui:param name="statusIcon" value="pi-circle-fill" />
<span class="text-700 text-sm">FCFA distribués</span> <ui:param name="statusLabel" value="Demandes en attente" />
</div> <ui:param name="statusValue" value="#{dashboardBean.pendingAides}" />
<div class="bg-purple-500 text-white border-round-xl flex align-items-center justify-content-center" <ui:param name="progressValue" value="#{dashboardBean.tauxAidesTraitees}" />
style="width:3.5rem;height:3.5rem"> </ui:include>
<i class="pi pi-heart text-2xl"></i>
</div>
</div>
<div class="flex align-items-center">
<div class="bg-orange-500 border-round mr-1" style="width: 8px; height: 8px;"></div>
<span class="text-orange-500 font-bold">#{dashboardBean.pendingAides}</span>
<span class="text-600 text-sm ml-2">demandes en attente</span>
</div>
<p:progressBar value="#{dashboardBean.tauxAidesTraitees}" style="height: 4px; margin-top: 8px;"
styleClass="bg-purple-200" />
</div>
</div>
<!-- 4. ENGAGEMENT : Vitalité de l'organisation --> <!-- 4. ENGAGEMENT : Vitalité de l'organisation -->
<div class="col-12 md:col-6 lg:col-3"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<div class="card bg-gradient-orange border-left-4 border-orange-500"> <ui:param name="title" value="Taux de Participation" />
<div class="flex justify-content-between align-items-start mb-3"> <ui:param name="value" value="#{dashboardBean.tauxParticipation}%" />
<div> <ui:param name="icon" value="pi-chart-line" />
<span class="text-orange-600 font-semibold text-sm uppercase">Engagement</span> <ui:param name="iconColor" value="orange-600" />
<div class="text-900 font-bold text-3xl mt-2">#{dashboardBean.tauxParticipation}%</div> <ui:param name="statusIcon" value="pi-calendar" />
<span class="text-700 text-sm">Taux de participation</span> <ui:param name="statusLabel" value="Événements prévus" />
</div> <ui:param name="statusValue" value="#{dashboardBean.upcomingEvents}" />
<div class="bg-orange-500 text-white border-round-xl flex align-items-center justify-content-center" <ui:param name="progressValue" value="#{dashboardBean.tauxEngagement}" />
style="width:3.5rem;height:3.5rem"> </ui:include>
<i class="pi pi-chart-line text-2xl"></i>
</div>
</div>
<div class="flex align-items-center">
<i class="pi pi-calendar text-orange-500 mr-1"></i>
<span class="text-orange-500 font-bold">#{dashboardBean.upcomingEvents}</span>
<span class="text-600 text-sm ml-2">événements prévus</span>
</div>
<p:progressBar value="#{dashboardBean.tauxEngagement}" style="height: 4px; margin-top: 8px;"
styleClass="bg-orange-200" />
</div>
</div>
<!-- Tendances financières et analyses --> <!-- Tendances financières et analyses -->
<div class="col-12 lg:col-8"> <div class="col-12 lg:col-8">

108
unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/membre/cotisations.xhtml
View File

@@ -43,62 +43,45 @@
<!-- Résumé cotisations --> <!-- Résumé cotisations -->
<div class="grid mb-3"> <div class="grid mb-3">
<div class="col-12 md:col-3"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<div class="card bg-green-100 border-left-3 border-green-500"> <ui:param name="title" value="Payées" />
<div class="flex justify-content-between"> <ui:param name="value" value="#{membreCotisationBean.cotisationsPayees}" />
<div> <ui:param name="icon" value="pi-check" />
<div class="text-green-900 font-bold text-2xl">#{membreCotisationBean.cotisationsPayees}</div> <ui:param name="iconColor" value="green-600" />
<div class="text-green-700">Payées</div> <ui:param name="showGrowth" value="false" />
</div> <ui:param name="showProgress" value="false" />
<div class="bg-green-500 text-white border-round text-center" <ui:param name="colSize" value="col-12 md:col-3" />
style="width: 3rem; height: 3rem; line-height: 3rem;"> </ui:include>
<i class="pi pi-check text-xl"></i>
</div> <ui:include src="/templates/components/cards/kpi-card.xhtml">
</div> <ui:param name="title" value="En Attente" />
</div> <ui:param name="value" value="#{membreCotisationBean.cotisationsEnAttente}" />
</div> <ui:param name="icon" value="pi-clock" />
<div class="col-12 md:col-3"> <ui:param name="iconColor" value="orange-600" />
<div class="card bg-orange-100 border-left-3 border-orange-500"> <ui:param name="showGrowth" value="false" />
<div class="flex justify-content-between"> <ui:param name="showProgress" value="false" />
<div> <ui:param name="colSize" value="col-12 md:col-3" />
<div class="text-orange-900 font-bold text-2xl">#{membreCotisationBean.cotisationsEnAttente}</div> </ui:include>
<div class="text-orange-700">En Attente</div>
</div> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<div class="bg-orange-500 text-white border-round text-center" <ui:param name="title" value="Montant Dû" />
style="width: 3rem; height: 3rem; line-height: 3rem;"> <ui:param name="value" value="#{membreCotisationBean.montantDu}" />
<i class="pi pi-clock text-xl"></i> <ui:param name="icon" value="pi-exclamation-triangle" />
</div> <ui:param name="iconColor" value="red-600" />
</div> <ui:param name="showGrowth" value="false" />
</div> <ui:param name="showProgress" value="false" />
</div> <ui:param name="colSize" value="col-12 md:col-3" />
<div class="col-12 md:col-3"> </ui:include>
<div class="card bg-red-100 border-left-3 border-red-500">
<div class="flex justify-content-between"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<div> <ui:param name="title" value="Total Versé" />
<div class="text-red-900 font-bold text-2xl">#{membreCotisationBean.montantDu}</div> <ui:param name="value" value="#{membreCotisationBean.totalVerse}" />
<div class="text-red-700">Montant Dû</div> <ui:param name="icon" value="pi-dollar" />
</div> <ui:param name="iconColor" value="blue-600" />
<div class="bg-red-500 text-white border-round text-center" <ui:param name="showGrowth" value="false" />
style="width: 3rem; height: 3rem; line-height: 3rem;"> <ui:param name="showProgress" value="false" />
<i class="pi pi-exclamation-triangle text-xl"></i> <ui:param name="colSize" value="col-12 md:col-3" />
</div> </ui:include>
</div>
</div>
</div>
<div class="col-12 md:col-3">
<div class="card bg-blue-100 border-left-3 border-blue-500">
<div class="flex justify-content-between">
<div>
<div class="text-blue-900 font-bold text-2xl">#{membreCotisationBean.totalVerse}</div>
<div class="text-blue-700">Total Versé</div>
</div>
<div class="bg-blue-500 text-white border-round text-center"
style="width: 3rem; height: 3rem; line-height: 3rem;">
<i class="pi pi-dollar text-xl"></i>
</div>
</div>
</div>
</div>
</div> </div>
<!-- Liste des cotisations --> <!-- Liste des cotisations -->
@@ -127,11 +110,14 @@
</div> </div>
</p:toolbarGroup> </p:toolbarGroup>
<p:toolbarGroup align="right"> <p:toolbarGroup align="right">
<p:commandButton icon="pi pi-refresh" <ui:include src="/templates/components/buttons/button-secondary.xhtml">
styleClass="ui-button-outlined ui-button-secondary" <ui:param name="value" value="" />
action="#{membreCotisationBean.actualiser}" <ui:param name="icon" value="pi pi-refresh" />
update="@form" <ui:param name="action" value="#{membreCotisationBean.actualiser}" />
title="Actualiser"/> <ui:param name="update" value=":formCotisations:dtCotisations" />
<ui:param name="title" value="Actualiser" />
<ui:param name="outlined" value="true" />
</ui:include>
</p:toolbarGroup> </p:toolbarGroup>
</p:toolbar> </p:toolbar>

19
unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/membre/inscription.xhtml
View File

@@ -378,16 +378,15 @@
</div> </div>
<div class="flex flex-wrap gap-2"> <div class="flex flex-wrap gap-2">
<p:commandButton <ui:include src="/templates/components/buttons/button-success.xhtml">
value="🎯 Inscrire le membre" <ui:param name="value" value="🎯 Inscrire le membre" />
icon="pi pi-user-plus" <ui:param name="icon" value="pi pi-user-plus" />
action="#{membreInscriptionBean.inscrire}" <ui:param name="action" value="#{membreInscriptionBean.inscrire}" />
update="@form" <ui:param name="update" value="messages" />
process="@form" <ui:param name="onclick" value="PF('statusDialog').show();" />
onclick="PF('statusDialog').show();" <ui:param name="oncomplete" value="PF('statusDialog').hide();" />
oncomplete="PF('statusDialog').hide();" <ui:param name="title" value="Soumettre l'inscription" />
styleClass="ui-button-success" </ui:include>
title="Soumettre l'inscription" />
<ui:include src="/templates/components/buttons/button-info.xhtml"> <ui:include src="/templates/components/buttons/button-info.xhtml">
<ui:param name="value" value="💾 Enregistrer brouillon" /> <ui:param name="value" value="💾 Enregistrer brouillon" />

28
unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/membre/liste.xhtml
View File

@@ -155,11 +155,15 @@
<div class="col-12 md:col-auto"> <div class="col-12 md:col-auto">
<div class="field"> <div class="field">
<label class="invisible">Actualiser</label> <label class="invisible">Actualiser</label>
<p:commandButton icon="pi pi-refresh" <ui:include src="/templates/components/buttons/button-secondary.xhtml">
action="#{membreListeBean.actualiser}" <ui:param name="value" value="" />
update="@form" <ui:param name="icon" value="pi pi-refresh" />
title="Actualiser" <ui:param name="action" value="#{membreListeBean.actualiser}" />
styleClass="ui-button-outlined ui-button-secondary w-full" /> <ui:param name="update" value=":formMembres:dtMembres" />
<ui:param name="title" value="Actualiser" />
<ui:param name="outlined" value="true" />
<ui:param name="styleClass" value="w-full" />
</ui:include>
</div> </div>
</div> </div>
@@ -278,7 +282,7 @@
<ui:include src="/templates/components/buttons/button-icon.xhtml"> <ui:include src="/templates/components/buttons/button-icon.xhtml">
<ui:param name="icon" value="pi pi-envelope" /> <ui:param name="icon" value="pi pi-envelope" />
<ui:param name="action" value="#{membreListeBean.contacterMembre(membre)}" /> <ui:param name="action" value="#{membreListeBean.contacterMembre(membre)}" />
<ui:param name="update" value="@form" /> <ui:param name="update" value=":formMembres :formContact" />
<ui:param name="oncomplete" value="PF('dlgContact').show();" /> <ui:param name="oncomplete" value="PF('dlgContact').show();" />
<ui:param name="title" value="Contacter" /> <ui:param name="title" value="Contacter" />
<ui:param name="severity" value="" /> <ui:param name="severity" value="" />
@@ -322,7 +326,7 @@
<ui:param name="value" value="Rappel cotisations" /> <ui:param name="value" value="Rappel cotisations" />
<ui:param name="icon" value="pi pi-bell" /> <ui:param name="icon" value="pi pi-bell" />
<ui:param name="action" value="#{membreListeBean.rappelCotisationsGroupe}" /> <ui:param name="action" value="#{membreListeBean.rappelCotisationsGroupe}" />
<ui:param name="update" value="@form" /> <ui:param name="update" value=":formMembres" />
<ui:param name="outlined" value="true" /> <ui:param name="outlined" value="true" />
<ui:param name="disabled" value="#{empty membreListeBean.selectedMembres}" /> <ui:param name="disabled" value="#{empty membreListeBean.selectedMembres}" />
</ui:include> </ui:include>
@@ -422,7 +426,7 @@
<ui:param name="value" value="Réinitialiser" /> <ui:param name="value" value="Réinitialiser" />
<ui:param name="icon" value="pi pi-refresh" /> <ui:param name="icon" value="pi pi-refresh" />
<ui:param name="action" value="#{membreListeBean.reinitialiserFiltres}" /> <ui:param name="action" value="#{membreListeBean.reinitialiserFiltres}" />
<ui:param name="update" value="@form :formMembres:dtMembres" /> <ui:param name="update" value=":formFiltresAvances :formMembres:dtMembres" />
<ui:param name="outlined" value="true" /> <ui:param name="outlined" value="true" />
</ui:include> </ui:include>
<ui:include src="/templates/components/buttons/button-secondary.xhtml"> <ui:include src="/templates/components/buttons/button-secondary.xhtml">
@@ -478,7 +482,7 @@
<ui:param name="value" value="Envoyer" /> <ui:param name="value" value="Envoyer" />
<ui:param name="icon" value="pi pi-send" /> <ui:param name="icon" value="pi pi-send" />
<ui:param name="action" value="#{membreListeBean.envoyerMessageGroupe}" /> <ui:param name="action" value="#{membreListeBean.envoyerMessageGroupe}" />
<ui:param name="update" value="@form" /> <ui:param name="update" value=":formMessageGroupe :formMembres" />
<ui:param name="onclick" value="if(!args.validationFailed) PF('dlgMessageGroupe').hide();" /> <ui:param name="onclick" value="if(!args.validationFailed) PF('dlgMessageGroupe').hide();" />
</ui:include> </ui:include>
<ui:include src="/templates/components/buttons/button-secondary.xhtml"> <ui:include src="/templates/components/buttons/button-secondary.xhtml">
@@ -521,7 +525,7 @@
<ui:param name="value" value="Importer" /> <ui:param name="value" value="Importer" />
<ui:param name="icon" value="pi pi-upload" /> <ui:param name="icon" value="pi pi-upload" />
<ui:param name="action" value="#{membreListeBean.importerMembres}" /> <ui:param name="action" value="#{membreListeBean.importerMembres}" />
<ui:param name="update" value="@form :formMembres" /> <ui:param name="update" value=":formImportExport :formMembres" />
</ui:include> </ui:include>
<ui:include src="/templates/components/buttons/button-info.xhtml"> <ui:include src="/templates/components/buttons/button-info.xhtml">
<ui:param name="value" value="Télécharger modèle" /> <ui:param name="value" value="Télécharger modèle" />
@@ -634,14 +638,14 @@
<ui:param name="value" value="Annuler" /> <ui:param name="value" value="Annuler" />
<ui:param name="icon" value="pi pi-times" /> <ui:param name="icon" value="pi pi-times" />
<ui:param name="action" value="#{membreListeBean.annulerContact}" /> <ui:param name="action" value="#{membreListeBean.annulerContact}" />
<ui:param name="update" value="@form" /> <ui:param name="update" value=":formContact" />
<ui:param name="oncomplete" value="PF('dlgContact').hide();" /> <ui:param name="oncomplete" value="PF('dlgContact').hide();" />
</ui:include> </ui:include>
<ui:include src="/templates/components/buttons/button-success.xhtml"> <ui:include src="/templates/components/buttons/button-success.xhtml">
<ui:param name="value" value="Envoyer" /> <ui:param name="value" value="Envoyer" />
<ui:param name="icon" value="pi pi-send" /> <ui:param name="icon" value="pi pi-send" />
<ui:param name="action" value="#{membreListeBean.envoyerMessageContact}" /> <ui:param name="action" value="#{membreListeBean.envoyerMessageContact}" />
<ui:param name="update" value="@form :formMembres" /> <ui:param name="update" value=":formContact :formMembres" />
<ui:param name="oncomplete" value="if(!args.validationFailed) { PF('dlgContact').hide(); }" /> <ui:param name="oncomplete" value="if(!args.validationFailed) { PF('dlgContact').hide(); }" />
</ui:include> </ui:include>
</div> </div>

431
unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/membre/profil.xhtml
View File

@@ -17,23 +17,15 @@
<div class="flex align-items-start"> <div class="flex align-items-start">
<!-- Photo de profil --> <!-- Photo de profil -->
<div class="mr-4"> <div class="mr-4">
<div class="border-circle overflow-hidden" style="width: 120px; height: 120px;"> <ui:include src="/templates/components/profile-photo.xhtml">
<h:graphicImage value="#{membreProfilBean.membre.photoUrl}" <ui:param name="photoId" value="photoProfil" />
style="width: 100%; height: 100%; object-fit: cover;" <ui:param name="photoUrl" value="#{membreProfilBean.membre.photoUrl}" />
rendered="#{membreProfilBean.membre.photoUrl != null}" /> <ui:param name="initiales" value="#{membreProfilBean.membre.initiales}" />
<div class="bg-primary text-white flex align-items-center justify-content-center w-full h-full" <ui:param name="formId" value="formPhoto" />
rendered="#{membreProfilBean.membre.photoUrl == null}"> <ui:param name="listener" value="#{membreProfilBean.changerPhoto}" />
<span style="font-size: 2.5rem;">#{membreProfilBean.membre.initiales}</span> <ui:param name="update" value=":photoProfil" />
</div> <ui:param name="size" value="120" />
</div> </ui:include>
<h:form id="formPhoto" enctype="multipart/form-data">
<p:fileUpload mode="simple" skinSimple="true"
label="Changer photo" chooseLabel="Modifier"
accept="image/*" maxFileSize="2000000"
listener="#{membreProfilBean.changerPhoto}"
update="@form"
styleClass="mt-2 w-full" />
</h:form>
</div> </div>
<!-- Informations principales --> <!-- Informations principales -->
@@ -47,10 +39,11 @@
<div class="grid"> <div class="grid">
<div class="col-12 md:col-6"> <div class="col-12 md:col-6">
<div class="mb-2"> <ui:include src="/templates/components/forms/detail-field-row.xhtml">
<span class="font-medium text-900">Numéro membre:</span> <ui:param name="label" value="Numéro membre" />
<span class="ml-2 font-bold text-primary">#{membreProfilBean.membre.numeroMembre}</span> <ui:param name="value" value="#{membreProfilBean.membre.numeroMembre}" />
</div> <ui:param name="valueClass" value="font-bold text-primary" />
</ui:include>
<div class="mb-2"> <div class="mb-2">
<span class="font-medium text-900">Type:</span> <span class="font-medium text-900">Type:</span>
<p:tag value="#{membreProfilBean.membre.typeMembre}" <p:tag value="#{membreProfilBean.membre.typeMembre}"
@@ -58,25 +51,26 @@
icon="pi #{membreProfilBean.membre.typeIcon}" icon="pi #{membreProfilBean.membre.typeIcon}"
styleClass="ml-2" /> styleClass="ml-2" />
</div> </div>
<div class="mb-2"> <ui:include src="/templates/components/forms/detail-field-row.xhtml">
<span class="font-medium text-900">Entité:</span> <ui:param name="label" value="Entité" />
<span class="ml-2">#{membreProfilBean.membre.entite}</span> <ui:param name="value" value="#{membreProfilBean.membre.entite}" />
</div> </ui:include>
</div> </div>
<div class="col-12 md:col-6"> <div class="col-12 md:col-6">
<div class="mb-2"> <ui:include src="/templates/components/forms/detail-field-row.xhtml">
<span class="font-medium text-900">Adhésion:</span> <ui:param name="label" value="Adhésion" />
<span class="ml-2">#{membreProfilBean.membre.dateAdhesion}</span> <ui:param name="value" value="#{membreProfilBean.membre.dateAdhesion}" />
<small class="text-600 ml-1">(#{membreProfilBean.membre.anciennete})</small> <ui:param name="suffix" value="(#{membreProfilBean.membre.anciennete})" />
</div> </ui:include>
<div class="mb-2"> <div class="mb-2">
<span class="font-medium text-900">Cotisations:</span> <span class="font-medium text-900">Cotisations:</span>
<span class="ml-2 #{membreProfilBean.membre.cotisationColor}">#{membreProfilBean.membre.cotisationStatut}</span> <span class="ml-2 #{membreProfilBean.membre.cotisationColor}">#{membreProfilBean.membre.cotisationStatut}</span>
</div> </div>
<div class="mb-2"> <ui:include src="/templates/components/forms/detail-field-row.xhtml">
<span class="font-medium text-900">Participation:</span> <ui:param name="label" value="Participation" />
<span class="ml-2 font-bold text-blue-500">#{membreProfilBean.membre.tauxParticipation}%</span> <ui:param name="value" value="#{membreProfilBean.membre.tauxParticipation}%" />
</div> <ui:param name="valueClass" value="font-bold text-blue-500" />
</ui:include>
</div> </div>
</div> </div>
</div> </div>
@@ -118,65 +112,45 @@
<!-- Statistiques et KPIs --> <!-- Statistiques et KPIs -->
<div class="grid"> <div class="grid">
<div class="col-12 md:col-3"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<div class="card bg-blue-100 border-left-3 border-blue-500"> <ui:param name="title" value="Événements" />
<div class="flex justify-content-between"> <ui:param name="value" value="#{membreProfilBean.statistiques.evenementsParticipes}" />
<div> <ui:param name="icon" value="pi-calendar" />
<div class="text-blue-900 font-bold text-xl">#{membreProfilBean.statistiques.evenementsParticipes}</div> <ui:param name="iconColor" value="blue-600" />
<div class="text-blue-700">Événements</div> <ui:param name="showGrowth" value="false" />
</div> <ui:param name="showProgress" value="false" />
<div class="bg-blue-500 text-white border-round text-center" <ui:param name="colSize" value="col-12 md:col-3" />
style="width: 2.5rem; height: 2.5rem; line-height: 2.5rem;"> </ui:include>
<i class="pi pi-calendar text-lg"></i>
</div>
</div>
</div>
</div>
<div class="col-12 md:col-3"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<div class="card bg-green-100 border-left-3 border-green-500"> <ui:param name="title" value="Cotisations" />
<div class="flex justify-content-between"> <ui:param name="value" value="#{membreProfilBean.statistiques.cotisationsPayees}" />
<div> <ui:param name="icon" value="pi-dollar" />
<div class="text-green-900 font-bold text-xl">#{membreProfilBean.statistiques.cotisationsPayees}</div> <ui:param name="iconColor" value="green-600" />
<div class="text-green-700">Cotisations</div> <ui:param name="showGrowth" value="false" />
</div> <ui:param name="showProgress" value="false" />
<div class="bg-green-500 text-white border-round text-center" <ui:param name="colSize" value="col-12 md:col-3" />
style="width: 2.5rem; height: 2.5rem; line-height: 2.5rem;"> </ui:include>
<i class="pi pi-dollar text-lg"></i>
</div>
</div>
</div>
</div>
<div class="col-12 md:col-3"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<div class="card bg-orange-100 border-left-3 border-orange-500"> <ui:param name="title" value="Aides reçues" />
<div class="flex justify-content-between"> <ui:param name="value" value="#{membreProfilBean.statistiques.aidesRecues}" />
<div> <ui:param name="icon" value="pi-heart" />
<div class="text-orange-900 font-bold text-xl">#{membreProfilBean.statistiques.aidesRecues}</div> <ui:param name="iconColor" value="orange-600" />
<div class="text-orange-700">Aides reçues</div> <ui:param name="showGrowth" value="false" />
</div> <ui:param name="showProgress" value="false" />
<div class="bg-orange-500 text-white border-round text-center" <ui:param name="colSize" value="col-12 md:col-3" />
style="width: 2.5rem; height: 2.5rem; line-height: 2.5rem;"> </ui:include>
<i class="pi pi-heart text-lg"></i>
</div>
</div>
</div>
</div>
<div class="col-12 md:col-3"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<div class="card bg-purple-100 border-left-3 border-purple-500"> <ui:param name="title" value="Score engagement" />
<div class="flex justify-content-between"> <ui:param name="value" value="#{membreProfilBean.statistiques.scoreEngagement}" />
<div> <ui:param name="icon" value="pi-star" />
<div class="text-purple-900 font-bold text-xl">#{membreProfilBean.statistiques.scoreEngagement}</div> <ui:param name="iconColor" value="purple-600" />
<div class="text-purple-700">Score engagement</div> <ui:param name="showGrowth" value="false" />
</div> <ui:param name="showProgress" value="false" />
<div class="bg-purple-500 text-white border-round text-center" <ui:param name="colSize" value="col-12 md:col-3" />
style="width: 2.5rem; height: 2.5rem; line-height: 2.5rem;"> </ui:include>
<i class="pi pi-star text-lg"></i>
</div>
</div>
</div>
</div>
</div> </div>
<!-- Contenu principal avec onglets --> <!-- Contenu principal avec onglets -->
@@ -188,52 +162,52 @@
<div class="col-12 md:col-6"> <div class="col-12 md:col-6">
<h6 class="mb-3">Informations de base</h6> <h6 class="mb-3">Informations de base</h6>
<div class="surface-50 p-3 border-round"> <div class="surface-50 p-3 border-round">
<div class="flex justify-content-between align-items-center mb-2"> <ui:include src="/templates/components/forms/detail-field-row.xhtml">
<span class="font-medium">Nom complet:</span> <ui:param name="label" value="Nom complet" />
<span>#{membreProfilBean.membre.nomComplet}</span> <ui:param name="value" value="#{membreProfilBean.membre.nomComplet}" />
</div> </ui:include>
<div class="flex justify-content-between align-items-center mb-2"> <ui:include src="/templates/components/forms/detail-field-row.xhtml">
<span class="font-medium">Date de naissance:</span> <ui:param name="label" value="Date de naissance" />
<span>#{membreProfilBean.membre.dateNaissance}</span> <ui:param name="value" value="#{membreProfilBean.membre.dateNaissance}" />
</div> </ui:include>
<div class="flex justify-content-between align-items-center mb-2"> <ui:include src="/templates/components/forms/detail-field-row.xhtml">
<span class="font-medium">Genre:</span> <ui:param name="label" value="Genre" />
<span>#{membreProfilBean.membre.genre}</span> <ui:param name="value" value="#{membreProfilBean.membre.genre}" />
</div> </ui:include>
<div class="flex justify-content-between align-items-center mb-2"> <ui:include src="/templates/components/forms/detail-field-row.xhtml">
<span class="font-medium">Situation familiale:</span> <ui:param name="label" value="Situation familiale" />
<span>#{membreProfilBean.membre.situationFamiliale}</span> <ui:param name="value" value="#{membreProfilBean.membre.situationFamiliale}" />
</div> </ui:include>
<div class="flex justify-content-between align-items-center"> <ui:include src="/templates/components/forms/detail-field-row.xhtml">
<span class="font-medium">Profession:</span> <ui:param name="label" value="Profession" />
<span>#{membreProfilBean.membre.profession}</span> <ui:param name="value" value="#{membreProfilBean.membre.profession}" />
</div> </ui:include>
</div> </div>
</div> </div>
<div class="col-12 md:col-6"> <div class="col-12 md:col-6">
<h6 class="mb-3">Coordonnées</h6> <h6 class="mb-3">Coordonnées</h6>
<div class="surface-50 p-3 border-round"> <div class="surface-50 p-3 border-round">
<div class="flex justify-content-between align-items-center mb-2"> <ui:include src="/templates/components/forms/detail-field-row.xhtml">
<span class="font-medium">Email:</span> <ui:param name="label" value="Email" />
<span>#{membreProfilBean.membre.email}</span> <ui:param name="value" value="#{membreProfilBean.membre.email}" />
</div> </ui:include>
<div class="flex justify-content-between align-items-center mb-2"> <ui:include src="/templates/components/forms/detail-field-row.xhtml">
<span class="font-medium">Téléphone:</span> <ui:param name="label" value="Téléphone" />
<span>#{membreProfilBean.membre.telephone}</span> <ui:param name="value" value="#{membreProfilBean.membre.telephone}" />
</div> </ui:include>
<div class="flex justify-content-between align-items-center mb-2"> <ui:include src="/templates/components/forms/detail-field-row.xhtml">
<span class="font-medium">Adresse:</span> <ui:param name="label" value="Adresse" />
<span>#{membreProfilBean.membre.adresse}</span> <ui:param name="value" value="#{membreProfilBean.membre.adresse}" />
</div> </ui:include>
<div class="flex justify-content-between align-items-center mb-2"> <ui:include src="/templates/components/forms/detail-field-row.xhtml">
<span class="font-medium">Ville:</span> <ui:param name="label" value="Ville" />
<span>#{membreProfilBean.membre.ville}</span> <ui:param name="value" value="#{membreProfilBean.membre.ville}" />
</div> </ui:include>
<div class="flex justify-content-between align-items-center"> <ui:include src="/templates/components/forms/detail-field-row.xhtml">
<span class="font-medium">Pays:</span> <ui:param name="label" value="Pays" />
<span>#{membreProfilBean.membre.pays}</span> <ui:param name="value" value="#{membreProfilBean.membre.pays}" />
</div> </ui:include>
</div> </div>
</div> </div>
@@ -272,20 +246,20 @@
<p:tag value="#{membreProfilBean.cotisations.statutActuel}" <p:tag value="#{membreProfilBean.cotisations.statutActuel}"
severity="#{membreProfilBean.cotisations.statutSeverity}" /> severity="#{membreProfilBean.cotisations.statutSeverity}" />
</div> </div>
<div class="flex justify-content-between align-items-center mb-2"> <ui:include src="/templates/components/forms/detail-field-row.xhtml">
<span class="font-medium">Dernier paiement:</span> <ui:param name="label" value="Dernier paiement" />
<span>#{membreProfilBean.cotisations.dernierPaiement}</span> <ui:param name="value" value="#{membreProfilBean.cotisations.dernierPaiement}" />
</div> </ui:include>
<div class="flex justify-content-between align-items-center mb-2"> <ui:include src="/templates/components/forms/detail-field-row.xhtml">
<span class="font-medium">Prochaine échéance:</span> <ui:param name="label" value="Prochaine échéance" />
<span class="#{membreProfilBean.cotisations.prochaineEcheanceClass}"> <ui:param name="value" value="#{membreProfilBean.cotisations.prochaineEcheance}" />
#{membreProfilBean.cotisations.prochaineEcheance} <ui:param name="valueClass" value="#{membreProfilBean.cotisations.prochaineEcheanceClass}" />
</span> </ui:include>
</div> <ui:include src="/templates/components/forms/detail-field-row.xhtml">
<div class="flex justify-content-between align-items-center"> <ui:param name="label" value="Total payé cette année" />
<span class="font-medium">Total payé cette année:</span> <ui:param name="value" value="#{membreProfilBean.cotisations.totalAnnee}" />
<span class="font-bold text-green-500">#{membreProfilBean.cotisations.totalAnnee}</span> <ui:param name="valueClass" value="font-bold text-green-500" />
</div> </ui:include>
</div> </div>
<h:form id="formCotisationsActions"> <h:form id="formCotisationsActions">
@@ -363,29 +337,31 @@
<div class="col-12 md:col-4"> <div class="col-12 md:col-4">
<h6 class="mb-3">Statistiques participation</h6> <h6 class="mb-3">Statistiques participation</h6>
<div class="surface-50 p-3 border-round"> <div class="surface-50 p-3 border-round">
<div class="flex justify-content-between align-items-center mb-3"> <ui:include src="/templates/components/forms/detail-field-row.xhtml">
<span class="font-medium">Taux de participation:</span> <ui:param name="label" value="Taux de participation" />
<span class="font-bold text-blue-500">#{membreProfilBean.statistiques.tauxParticipation}%</span> <ui:param name="value" value="#{membreProfilBean.statistiques.tauxParticipation}%" />
</div> <ui:param name="valueClass" value="font-bold text-blue-500" />
</ui:include>
<p:progressBar value="#{membreProfilBean.statistiques.tauxParticipation}" <p:progressBar value="#{membreProfilBean.statistiques.tauxParticipation}"
labelTemplate="" styleClass="mb-3" /> labelTemplate="" styleClass="mb-3" />
<div class="flex justify-content-between align-items-center mb-2"> <ui:include src="/templates/components/forms/detail-field-row.xhtml">
<span class="font-medium">Cette année:</span> <ui:param name="label" value="Cette année" />
<span>#{membreProfilBean.statistiques.evenementsAnnee}</span> <ui:param name="value" value="#{membreProfilBean.statistiques.evenementsAnnee}" />
</div> </ui:include>
<div class="flex justify-content-between align-items-center mb-2"> <ui:include src="/templates/components/forms/detail-field-row.xhtml">
<span class="font-medium">Total:</span> <ui:param name="label" value="Total" />
<span>#{membreProfilBean.statistiques.evenementsTotal}</span> <ui:param name="value" value="#{membreProfilBean.statistiques.evenementsTotal}" />
</div> </ui:include>
<div class="flex justify-content-between align-items-center mb-2"> <ui:include src="/templates/components/forms/detail-field-row.xhtml">
<span class="font-medium">En tant qu'organisateur:</span> <ui:param name="label" value="En tant qu'organisateur" />
<span>#{membreProfilBean.statistiques.evenementsOrganises}</span> <ui:param name="value" value="#{membreProfilBean.statistiques.evenementsOrganises}" />
</div> </ui:include>
<div class="flex justify-content-between align-items-center"> <ui:include src="/templates/components/forms/detail-field-row.xhtml">
<span class="font-medium">Absences:</span> <ui:param name="label" value="Absences" />
<span class="text-red-500">#{membreProfilBean.statistiques.absences}</span> <ui:param name="value" value="#{membreProfilBean.statistiques.absences}" />
</div> <ui:param name="valueClass" value="text-red-500" />
</ui:include>
</div> </div>
</div> </div>
</div> </div>
@@ -554,7 +530,7 @@
<ui:param name="value" value="Enregistrer" /> <ui:param name="value" value="Enregistrer" />
<ui:param name="icon" value="pi pi-check" /> <ui:param name="icon" value="pi pi-check" />
<ui:param name="action" value="#{membreProfilBean.sauvegarderModifications}" /> <ui:param name="action" value="#{membreProfilBean.sauvegarderModifications}" />
<ui:param name="update" value="@form" /> <ui:param name="update" value=":formModifierProfil :photoProfil" />
<ui:param name="onclick" value="if(!args.validationFailed) PF('dlgModifierProfil').hide();" /> <ui:param name="onclick" value="if(!args.validationFailed) PF('dlgModifierProfil').hide();" />
</ui:include> </ui:include>
<ui:include src="/templates/components/buttons/button-secondary.xhtml"> <ui:include src="/templates/components/buttons/button-secondary.xhtml">
@@ -570,20 +546,24 @@
<p:dialog header="Contacter #{membreProfilBean.membre.prenom}" widgetVar="dlgContacter" modal="true" width="500"> <p:dialog header="Contacter #{membreProfilBean.membre.prenom}" widgetVar="dlgContacter" modal="true" width="500">
<h:form id="formContacter"> <h:form id="formContacter">
<div class="ui-fluid"> <div class="ui-fluid">
<div class="field"> <ui:include src="/templates/components/forms/form-field-text.xhtml">
<p:outputLabel for="sujetContact" value="Sujet" /> <ui:param name="id" value="sujetContact" />
<p:inputText id="sujetContact" value="#{membreProfilBean.contact.sujet}" required="true" /> <ui:param name="label" value="Sujet" />
</div> <ui:param name="value" value="#{membreProfilBean.contact.sujet}" />
<ui:param name="required" value="true" />
</ui:include>
<div class="field"> <ui:include src="/templates/components/forms/form-field-textarea.xhtml">
<p:outputLabel for="messageContact" value="Message" /> <ui:param name="id" value="messageContact" />
<p:inputTextarea id="messageContact" value="#{membreProfilBean.contact.message}" <ui:param name="label" value="Message" />
rows="5" required="true" /> <ui:param name="value" value="#{membreProfilBean.contact.message}" />
</div> <ui:param name="required" value="true" />
<ui:param name="rows" value="5" />
</ui:include>
<div class="field"> <div class="field">
<p:outputLabel for="canalContact" value="Canal de communication" /> <p:outputLabel for="canalContact" value="Canal de communication" />
<p:selectCheckboxMenu id="canalContact" value="#{membreProfilBean.contact.canaux}" multiple="true"> <p:selectCheckboxMenu id="canalContact" value="#{membreProfilBean.contact.canaux}" multiple="true" styleClass="w-full">
<f:selectItem itemLabel="📧 Email" itemValue="EMAIL" /> <f:selectItem itemLabel="📧 Email" itemValue="EMAIL" />
<f:selectItem itemLabel="📱 SMS" itemValue="SMS" /> <f:selectItem itemLabel="📱 SMS" itemValue="SMS" />
<f:selectItem itemLabel="💬 WhatsApp" itemValue="WHATSAPP" /> <f:selectItem itemLabel="💬 WhatsApp" itemValue="WHATSAPP" />
@@ -592,14 +572,18 @@
</div> </div>
<div class="flex gap-2 mt-3"> <div class="flex gap-2 mt-3">
<p:commandButton value="Envoyer" icon="pi pi-send" <ui:include src="/templates/components/buttons/button-success.xhtml">
styleClass="ui-button-success" <ui:param name="value" value="Envoyer" />
action="#{membreProfilBean.envoyerMessage}" <ui:param name="icon" value="pi pi-send" />
update="@form" <ui:param name="action" value="#{membreProfilBean.envoyerMessage}" />
oncomplete="if(!args.validationFailed) PF('dlgContacter').hide();" /> <ui:param name="update" value=":formContacter" />
<p:commandButton value="Annuler" icon="pi pi-times" <ui:param name="oncomplete" value="if(!args.validationFailed) PF('dlgContacter').hide();" />
styleClass="ui-button-secondary" </ui:include>
onclick="PF('dlgContacter').hide();" type="button" /> <ui:include src="/templates/components/buttons/button-secondary.xhtml">
<ui:param name="value" value="Annuler" />
<ui:param name="icon" value="pi pi-times" />
<ui:param name="onclick" value="PF('dlgContacter').hide();" />
</ui:include>
</div> </div>
</h:form> </h:form>
</p:dialog> </p:dialog>
@@ -609,46 +593,65 @@
<h:form id="formActions"> <h:form id="formActions">
<div class="grid"> <div class="grid">
<div class="col-12"> <div class="col-12">
<p:commandButton value="Suspendre membre" <ui:include src="/templates/components/buttons/button-secondary.xhtml">
icon="pi pi-ban" <ui:param name="value" value="Suspendre membre" />
styleClass="ui-button-danger w-full mb-2" <ui:param name="icon" value="pi pi-ban" />
action="#{membreProfilBean.suspendre}" <ui:param name="action" value="#{membreProfilBean.suspendre}" />
onclick="return confirm('Êtes-vous sûr de vouloir suspendre ce membre ?');" <ui:param name="onclick" value="return confirm('Êtes-vous sûr de vouloir suspendre ce membre ?');" />
rendered="#{membreProfilBean.membre.statut == 'ACTIF'}" /> <ui:param name="styleClass" value="ui-button-danger w-full mb-2" />
<ui:param name="rendered" value="#{membreProfilBean.membre.statut == 'ACTIF'}" />
</ui:include>
<p:commandButton value="Réactiver membre" <ui:include src="/templates/components/buttons/button-success.xhtml">
icon="pi pi-check" <ui:param name="value" value="Réactiver membre" />
styleClass="ui-button-success w-full mb-2" <ui:param name="icon" value="pi pi-check" />
action="#{membreProfilBean.reactiver}" <ui:param name="action" value="#{membreProfilBean.reactiver}" />
rendered="#{membreProfilBean.membre.statut == 'SUSPENDU'}" /> <ui:param name="styleClass" value="w-full mb-2" />
<ui:param name="rendered" value="#{membreProfilBean.membre.statut == 'SUSPENDU'}" />
</ui:include>
<p:commandButton value="Changer de type" <ui:include src="/templates/components/buttons/button-warning.xhtml">
icon="pi pi-user-edit" <ui:param name="value" value="Changer de type" />
styleClass="ui-button-outlined ui-button-warning w-full mb-2" <ui:param name="icon" value="pi pi-user-edit" />
onclick="PF('dlgChangerType').show();" /> <ui:param name="onclick" value="PF('dlgChangerType').show();" />
<ui:param name="outlined" value="true" />
<ui:param name="styleClass" value="w-full mb-2" />
</ui:include>
<p:commandButton value="Transférer vers entité" <ui:include src="/templates/components/buttons/button-info.xhtml">
icon="pi pi-arrow-right" <ui:param name="value" value="Transférer vers entité" />
styleClass="ui-button-outlined ui-button-info w-full mb-2" <ui:param name="icon" value="pi pi-arrow-right" />
onclick="PF('dlgTransferer').show();" /> <ui:param name="onclick" value="PF('dlgTransferer').show();" />
<ui:param name="outlined" value="true" />
<ui:param name="styleClass" value="w-full mb-2" />
</ui:include>
<p:commandButton value="Exporter données" <ui:include src="/templates/components/buttons/button-secondary.xhtml">
icon="pi pi-download" <ui:param name="value" value="Exporter données" />
styleClass="ui-button-outlined ui-button-secondary w-full mb-2" <ui:param name="icon" value="pi pi-download" />
action="#{membreProfilBean.exporterDonnees}" /> <ui:param name="action" value="#{membreProfilBean.exporterDonnees}" />
<ui:param name="outlined" value="true" />
<ui:param name="styleClass" value="w-full mb-2" />
<ui:param name="update" value="none" />
</ui:include>
<p:commandButton value="Supprimer membre" <ui:include src="/templates/components/buttons/button-secondary.xhtml">
icon="pi pi-trash" <ui:param name="value" value="Supprimer membre" />
styleClass="ui-button-outlined ui-button-danger w-full" <ui:param name="icon" value="pi pi-trash" />
onclick="return confirm('ATTENTION: Cette action est irréversible. Confirmer la suppression ?');" <ui:param name="action" value="#{membreProfilBean.supprimer}" />
action="#{membreProfilBean.supprimer}" /> <ui:param name="onclick" value="return confirm('ATTENTION: Cette action est irréversible. Confirmer la suppression ?');" />
<ui:param name="outlined" value="true" />
<ui:param name="styleClass" value="ui-button-danger w-full" />
</ui:include>
</div> </div>
</div> </div>
<div class="flex justify-content-end mt-3"> <div class="flex justify-content-end mt-3">
<p:commandButton value="Fermer" icon="pi pi-times" <ui:include src="/templates/components/buttons/button-secondary.xhtml">
styleClass="ui-button-secondary" <ui:param name="value" value="Fermer" />
onclick="PF('dlgActions').hide();" type="button" /> <ui:param name="icon" value="pi pi-times" />
<ui:param name="onclick" value="PF('dlgActions').hide();" />
</ui:include>
</div> </div>
</h:form> </h:form>
</p:dialog> </p:dialog>

62
unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/membre/recherche.xhtml
View File

@@ -36,32 +36,44 @@
<!-- Statistiques de recherche --> <!-- Statistiques de recherche -->
<div class="grid"> <div class="grid">
<ui:include src="/templates/components/cards/stat-card.xhtml"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<ui:param name="title" value="Total Membres" />
<ui:param name="value" value="#{membreRechercheBean.statistiques.totalMembres}" /> <ui:param name="value" value="#{membreRechercheBean.statistiques.totalMembres}" />
<ui:param name="label" value="Total Membres" /> <ui:param name="icon" value="pi-users" />
<ui:param name="icon" value="pi pi-users" /> <ui:param name="iconColor" value="blue-600" />
<ui:param name="bgColor" value="blue" /> <ui:param name="showGrowth" value="false" />
<ui:param name="showProgress" value="false" />
<ui:param name="colSize" value="col-12 md:col-6 lg:col-3" />
</ui:include> </ui:include>
<ui:include src="/templates/components/cards/stat-card.xhtml"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<ui:param name="title" value="Résultats trouvés" />
<ui:param name="value" value="#{membreRechercheBean.statistiques.resultatsActuels}" /> <ui:param name="value" value="#{membreRechercheBean.statistiques.resultatsActuels}" />
<ui:param name="label" value="Résultats trouvés" /> <ui:param name="icon" value="pi-check" />
<ui:param name="icon" value="pi pi-check" /> <ui:param name="iconColor" value="green-600" />
<ui:param name="bgColor" value="green" /> <ui:param name="showGrowth" value="false" />
<ui:param name="showProgress" value="false" />
<ui:param name="colSize" value="col-12 md:col-6 lg:col-3" />
</ui:include> </ui:include>
<ui:include src="/templates/components/cards/stat-card.xhtml"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<ui:param name="title" value="Filtres actifs" />
<ui:param name="value" value="#{membreRechercheBean.statistiques.filtresActifs}" /> <ui:param name="value" value="#{membreRechercheBean.statistiques.filtresActifs}" />
<ui:param name="label" value="Filtres actifs" /> <ui:param name="icon" value="pi-filter" />
<ui:param name="icon" value="pi pi-filter" /> <ui:param name="iconColor" value="orange-600" />
<ui:param name="bgColor" value="orange" /> <ui:param name="showGrowth" value="false" />
<ui:param name="showProgress" value="false" />
<ui:param name="colSize" value="col-12 md:col-6 lg:col-3" />
</ui:include> </ui:include>
<ui:include src="/templates/components/cards/stat-card.xhtml"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<ui:param name="title" value="Temps de recherche" />
<ui:param name="value" value="#{membreRechercheBean.statistiques.tempsRecherche}ms" /> <ui:param name="value" value="#{membreRechercheBean.statistiques.tempsRecherche}ms" />
<ui:param name="label" value="Temps de recherche" /> <ui:param name="icon" value="pi-clock" />
<ui:param name="icon" value="pi pi-clock" /> <ui:param name="iconColor" value="purple-600" />
<ui:param name="bgColor" value="purple" /> <ui:param name="showGrowth" value="false" />
<ui:param name="showProgress" value="false" />
<ui:param name="colSize" value="col-12 md:col-6 lg:col-3" />
</ui:include> </ui:include>
</div> </div>
@@ -325,7 +337,7 @@
<ui:param name="value" value="Réinitialiser" /> <ui:param name="value" value="Réinitialiser" />
<ui:param name="icon" value="pi pi-refresh" /> <ui:param name="icon" value="pi pi-refresh" />
<ui:param name="action" value="#{membreRechercheBean.reinitialiserFiltres}" /> <ui:param name="action" value="#{membreRechercheBean.reinitialiserFiltres}" />
<ui:param name="update" value="@form :formResultats:dtResultats @(.search-summary)" /> <ui:param name="update" value=":formRechercheAvancee :formResultats:dtResultats @(.search-summary)" />
<ui:param name="outlined" value="true" /> <ui:param name="outlined" value="true" />
</ui:include> </ui:include>
<ui:include src="/templates/components/buttons/button-info.xhtml"> <ui:include src="/templates/components/buttons/button-info.xhtml">
@@ -389,14 +401,14 @@
<div class="flex align-items-center justify-content-between"> <div class="flex align-items-center justify-content-between">
<span>Liste des membres</span> <span>Liste des membres</span>
<div class="flex gap-2"> <div class="flex gap-2">
<ui:include src="/templates/components/buttons/button-icon.xhtml"> <ui:include src="/templates/components/buttons/button-secondary.xhtml">
<ui:param name="value" value="" />
<ui:param name="icon" value="pi pi-refresh" /> <ui:param name="icon" value="pi pi-refresh" />
<ui:param name="action" value="#{membreRechercheBean.actualiserResultats}" /> <ui:param name="action" value="#{membreRechercheBean.actualiserResultats}" />
<ui:param name="update" value="@form" /> <ui:param name="update" value=":formResultats:dtResultats" />
<ui:param name="title" value="Actualiser" /> <ui:param name="title" value="Actualiser" />
<ui:param name="rounded" value="true" /> <ui:param name="outlined" value="true" />
<ui:param name="text" value="false" /> <ui:param name="styleClass" value="ui-button-sm" />
<ui:param name="styleClass" value="ui-button-outlined ui-button-secondary" />
</ui:include> </ui:include>
<ui:include src="/templates/components/buttons/button-icon.xhtml"> <ui:include src="/templates/components/buttons/button-icon.xhtml">
<ui:param name="icon" value="pi pi-cog" /> <ui:param name="icon" value="pi pi-cog" />
@@ -572,7 +584,7 @@
<ui:param name="value" value="Sauvegarder" /> <ui:param name="value" value="Sauvegarder" />
<ui:param name="icon" value="pi pi-check" /> <ui:param name="icon" value="pi pi-check" />
<ui:param name="action" value="#{membreRechercheBean.sauvegarderRecherche}" /> <ui:param name="action" value="#{membreRechercheBean.sauvegarderRecherche}" />
<ui:param name="update" value="@form" /> <ui:param name="update" value=":formSauvegarderRecherche" />
<ui:param name="onclick" value="if(!args.validationFailed) PF('dlgSauvegarderRecherche').hide();" /> <ui:param name="onclick" value="if(!args.validationFailed) PF('dlgSauvegarderRecherche').hide();" />
</ui:include> </ui:include>
<ui:include src="/templates/components/buttons/button-secondary.xhtml"> <ui:include src="/templates/components/buttons/button-secondary.xhtml">
@@ -622,7 +634,7 @@
<ui:include src="/templates/components/buttons/button-icon.xhtml"> <ui:include src="/templates/components/buttons/button-icon.xhtml">
<ui:param name="icon" value="pi pi-trash" /> <ui:param name="icon" value="pi pi-trash" />
<ui:param name="action" value="#{membreRechercheBean.supprimerRecherche(recherche)}" /> <ui:param name="action" value="#{membreRechercheBean.supprimerRecherche(recherche)}" />
<ui:param name="update" value="@form" /> <ui:param name="update" value=":formRecherchesSauvegardees" />
<ui:param name="onclick" value="return confirm('Supprimer cette recherche ?');" /> <ui:param name="onclick" value="return confirm('Supprimer cette recherche ?');" />
<ui:param name="title" value="Supprimer" /> <ui:param name="title" value="Supprimer" />
<ui:param name="severity" value="danger" /> <ui:param name="severity" value="danger" />
@@ -685,7 +697,7 @@
<ui:param name="value" value="Envoyer" /> <ui:param name="value" value="Envoyer" />
<ui:param name="icon" value="pi pi-send" /> <ui:param name="icon" value="pi pi-send" />
<ui:param name="action" value="#{membreRechercheBean.envoyerMessageGroupe}" /> <ui:param name="action" value="#{membreRechercheBean.envoyerMessageGroupe}" />
<ui:param name="update" value="@form" /> <ui:param name="update" value=":formMessageGroupe :formResultats" />
<ui:param name="onclick" value="if(!args.validationFailed) PF('dlgMessageGroupe').hide();" /> <ui:param name="onclick" value="if(!args.validationFailed) PF('dlgMessageGroupe').hide();" />
</ui:include> </ui:include>
<ui:include src="/templates/components/buttons/button-secondary.xhtml"> <ui:include src="/templates/components/buttons/button-secondary.xhtml">

27
unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/rapport/activites.xhtml
View File

@@ -57,23 +57,18 @@
<!-- KPIs Activités --> <!-- KPIs Activités -->
<div class="card"> <div class="card">
<h5>Indicateurs d'Activité</h5> <h5>Indicateurs d'Activité</h5>
<div class="grid"> <div class="formgrid grid">
<ui:repeat value="#{rapportsBean.kpis}" var="kpi"> <ui:repeat value="#{rapportsBean.kpis}" var="kpi">
<div class="col-12 md:col-4"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<div class="surface-100 border-round-lg p-4"> <ui:param name="title" value="#{kpi.libelle}" />
<div class="flex align-items-center justify-content-between mb-3"> <ui:param name="value" value="#{kpi.valeur}" />
<div class="flex align-items-center gap-2"> <ui:param name="icon" value="#{kpi.icon}" />
<i class="#{kpi.icon} text-2xl text-#{kpi.couleur}"></i> <ui:param name="iconColor" value="#{kpi.couleur}" />
<span class="font-semibold">#{kpi.libelle}</span> <ui:param name="growthValue" value="#{kpi.variation}" />
</div> <ui:param name="growthLabel" value="variation" />
</div> <ui:param name="colSize" value="col-12 md:col-4" />
<div class="text-3xl font-bold text-#{kpi.couleur} mb-2">#{kpi.valeur}</div> <ui:param name="showProgress" value="false" />
<div class="flex align-items-center gap-2"> </ui:include>
<i class="#{kpi.variation > 0 ? 'pi pi-arrow-up text-green-500' : kpi.variation < 0 ? 'pi pi-arrow-down text-red-500' : 'pi pi-minus text-gray-500'}"></i>
<span class="text-sm">#{kpi.variation}%</span>
</div>
</div>
</div>
</ui:repeat> </ui:repeat>
</div> </div>
</div> </div>

27
unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/rapport/finances.xhtml
View File

@@ -150,23 +150,18 @@
<!-- KPIs Financiers --> <!-- KPIs Financiers -->
<div class="card"> <div class="card">
<h5>Indicateurs Clés de Performance</h5> <h5>Indicateurs Clés de Performance</h5>
<div class="grid"> <div class="formgrid grid">
<ui:repeat value="#{rapportsBean.kpis}" var="kpi"> <ui:repeat value="#{rapportsBean.kpis}" var="kpi">
<div class="col-12 md:col-4"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<div class="surface-100 border-round-lg p-4"> <ui:param name="title" value="#{kpi.libelle}" />
<div class="flex align-items-center justify-content-between mb-3"> <ui:param name="value" value="#{kpi.valeur}" />
<div class="flex align-items-center gap-2"> <ui:param name="icon" value="#{kpi.icon}" />
<i class="#{kpi.icon} text-2xl text-#{kpi.couleur}"></i> <ui:param name="iconColor" value="#{kpi.couleur}" />
<span class="font-semibold">#{kpi.libelle}</span> <ui:param name="growthValue" value="#{kpi.variation}" />
</div> <ui:param name="growthLabel" value="variation" />
</div> <ui:param name="colSize" value="col-12 md:col-4" />
<div class="text-3xl font-bold text-#{kpi.couleur} mb-2">#{kpi.valeur}</div> <ui:param name="showProgress" value="false" />
<div class="flex align-items-center gap-2"> </ui:include>
<i class="#{kpi.variation > 0 ? 'pi pi-arrow-up text-green-500' : kpi.variation < 0 ? 'pi pi-arrow-down text-red-500' : 'pi pi-minus text-gray-500'}"></i>
<span class="text-sm">#{kpi.variation}%</span>
</div>
</div>
</div>
</ui:repeat> </ui:repeat>
</div> </div>
</div> </div>

22
unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/rapport/membres.xhtml
View File

@@ -38,19 +38,23 @@
</ui:include> </ui:include>
<!-- Statistiques membres --> <!-- Statistiques membres -->
<div class="grid"> <div class="formgrid grid">
<ui:include src="/templates/components/cards/stat-card.xhtml"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<ui:param name="title" value="Total Membres" />
<ui:param name="value" value="#{rapportsBean.indicateurs.totalMembres}" /> <ui:param name="value" value="#{rapportsBean.indicateurs.totalMembres}" />
<ui:param name="label" value="Total Membres" /> <ui:param name="icon" value="pi-users" />
<ui:param name="icon" value="pi pi-users" /> <ui:param name="iconColor" value="blue-600" />
<ui:param name="bgColor" value="blue" /> <ui:param name="showGrowth" value="false" />
<ui:param name="showProgress" value="false" />
</ui:include> </ui:include>
<ui:include src="/templates/components/cards/stat-card.xhtml"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<ui:param name="title" value="Croissance" />
<ui:param name="value" value="#{rapportsBean.indicateurs.croissanceMembres}%" /> <ui:param name="value" value="#{rapportsBean.indicateurs.croissanceMembres}%" />
<ui:param name="label" value="Croissance" /> <ui:param name="icon" value="pi-arrow-up" />
<ui:param name="icon" value="pi pi-arrow-up" /> <ui:param name="iconColor" value="green-600" />
<ui:param name="bgColor" value="green" /> <ui:param name="showGrowth" value="false" />
<ui:param name="showProgress" value="false" />
</ui:include> </ui:include>
</div> </div>

115
unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/super-admin/configuration/systeme.xhtml
View File

@@ -47,88 +47,51 @@
<!-- KPIs Système avec grille Freya stricte --> <!-- KPIs Système avec grille Freya stricte -->
<div class="formgrid grid"> <div class="formgrid grid">
<!-- KPI 1: Statut Système --> <!-- KPI 1: Statut Système -->
<div class="field col-12 md:col-6 lg:col-3"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<div class="card surface-50 border-round-lg"> <ui:param name="title" value="Statut Système" />
<div class="p-3"> <ui:param name="value" value="Opérationnel" />
<div class="flex align-items-center justify-content-between mb-3"> <ui:param name="icon" value="pi-check-circle" />
<span class="block text-600 font-medium text-sm">Statut Système</span> <ui:param name="iconColor" value="green-600" />
<div class="flex align-items-center justify-content-center bg-green-100 border-round-lg" <ui:param name="statusIcon" value="pi-circle-fill" />
style="width: 2.5rem; height: 2.5rem;"> <ui:param name="statusLabel" value="Uptime" />
<i class="pi pi-check-circle text-green-600 text-lg"></i> <ui:param name="statusValue" value="#{configurationBean.tempsActivite}" />
</div> <ui:param name="showProgress" value="false" />
</div> </ui:include>
<div class="text-900 font-bold text-xl mb-2">Opérationnel</div>
<div class="flex align-items-center">
<div class="bg-green-500 border-circle mr-2" style="width: 8px; height: 8px;"></div>
<span class="text-green-600 font-semibold text-sm mr-2">Uptime</span>
<span class="text-500 text-xs">#{configurationBean.tempsActivite}</span>
</div>
</div>
</div>
</div>
<!-- KPI 2: Utilisateurs Connectés --> <!-- KPI 2: Utilisateurs Connectés -->
<div class="field col-12 md:col-6 lg:col-3"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<div class="card surface-50 border-round-lg"> <ui:param name="title" value="Utilisateurs Actifs" />
<div class="p-3"> <ui:param name="value" value="#{configurationBean.utilisateursConnectes}" />
<div class="flex align-items-center justify-content-between mb-3"> <ui:param name="icon" value="pi-users" />
<span class="block text-600 font-medium text-sm">Utilisateurs Actifs</span> <ui:param name="iconColor" value="blue-600" />
<div class="flex align-items-center justify-content-center bg-blue-100 border-round-lg" <ui:param name="statusIcon" value="pi-clock" />
style="width: 2.5rem; height: 2.5rem;"> <ui:param name="statusLabel" value="Sessions" />
<i class="pi pi-users text-blue-600 text-lg"></i> <ui:param name="statusValue" value="#{configurationBean.sessionsActives} actives" />
</div> <ui:param name="showProgress" value="false" />
</div> </ui:include>
<div class="text-900 font-bold text-2xl mb-2">#{configurationBean.utilisateursConnectes}</div>
<div class="flex align-items-center">
<i class="pi pi-clock text-blue-500 text-sm mr-1"></i>
<span class="text-blue-600 font-semibold text-sm mr-2">Sessions</span>
<span class="text-500 text-xs">#{configurationBean.sessionsActives} actives</span>
</div>
</div>
</div>
</div>
<!-- KPI 3: Performance Système --> <!-- KPI 3: Performance Système -->
<div class="field col-12 md:col-6 lg:col-3"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<div class="card surface-50 border-round-lg"> <ui:param name="title" value="Performance" />
<div class="p-3"> <ui:param name="value" value="CPU #{configurationBean.cpuUtilisation}%" />
<div class="flex align-items-center justify-content-between mb-3"> <ui:param name="icon" value="pi-chart-line" />
<span class="block text-600 font-medium text-sm">Performance</span> <ui:param name="iconColor" value="orange-600" />
<div class="flex align-items-center justify-content-center bg-orange-100 border-round-lg" <ui:param name="progressValue" value="#{configurationBean.cpuUtilisation}" />
style="width: 2.5rem; height: 2.5rem;"> <ui:param name="noDataLabel" value="Mémoire: #{configurationBean.memoireUtilisee}%" />
<i class="pi pi-chart-line text-orange-600 text-lg"></i> <ui:param name="showGrowth" value="false" />
</div> </ui:include>
</div>
<div class="text-900 font-bold text-xl mb-2">CPU #{configurationBean.cpuUtilisation}%</div>
<p:progressBar value="#{configurationBean.cpuUtilisation}"
showValue="false"
styleClass="surface-200 mt-2"
style="height: 0.5rem;" />
<div class="text-500 text-xs mt-2">Mémoire: #{configurationBean.memoireUtilisee}%</div>
</div>
</div>
</div>
<!-- KPI 4: Dernière Sauvegarde --> <!-- KPI 4: Dernière Sauvegarde -->
<div class="field col-12 md:col-6 lg:col-3"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<div class="card surface-50 border-round-lg"> <ui:param name="title" value="Dernière Sauvegarde" />
<div class="p-3"> <ui:param name="value" value="#{configurationBean.derniereSauvegarde}" />
<div class="flex align-items-center justify-content-between mb-3"> <ui:param name="icon" value="pi-save" />
<span class="block text-600 font-medium text-sm">Dernière Sauvegarde</span> <ui:param name="iconColor" value="purple-600" />
<div class="flex align-items-center justify-content-center bg-purple-100 border-round-lg" <ui:param name="statusIcon" value="pi-database" />
style="width: 2.5rem; height: 2.5rem;"> <ui:param name="statusLabel" value="Auto" />
<i class="pi pi-save text-purple-600 text-lg"></i> <ui:param name="statusValue" value="#{configurationBean.frequenceSauvegarde}" />
</div> <ui:param name="showProgress" value="false" />
</div> </ui:include>
<div class="text-900 font-bold text-lg mb-2">#{configurationBean.derniereSauvegarde}</div>
<div class="flex align-items-center">
<i class="pi pi-database text-purple-500 text-sm mr-1"></i>
<span class="text-purple-600 font-semibold text-sm mr-2">Auto</span>
<span class="text-500 text-xs">#{configurationBean.frequenceSauvegarde}</span>
</div>
</div>
</div>
</div>
</div> </div>
<!-- Configuration Générale avec structure Freya --> <!-- Configuration Générale avec structure Freya -->

143
unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/super-admin/dashboard.xhtml
View File

@@ -48,116 +48,51 @@
<!-- KPIs Principaux avec grille Freya stricte et alignement parfait --> <!-- KPIs Principaux avec grille Freya stricte et alignement parfait -->
<div class="formgrid grid"> <div class="formgrid grid">
<!-- KPI 1: Membres Actifs --> <!-- KPI 1: Membres Actifs -->
<div class="field col-12 md:col-6 lg:col-3"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<div class="card surface-0 hover:surface-100 border-round-lg transition-all transition-duration-200"> <ui:param name="title" value="Membres Actifs" />
<div class="p-4" style="min-height: 9rem;"> <ui:param name="value" value="#{superAdminBean.totalMembres}" />
<div class="flex align-items-center justify-content-between mb-3"> <ui:param name="icon" value="pi-users" />
<span class="block text-600 font-medium text-sm">Membres Actifs</span> <ui:param name="iconColor" value="blue-600" />
<div class="flex align-items-center justify-content-center surface-100 border-round-lg" <ui:param name="growthValue" value="#{superAdminBean.croissanceMembres}" />
style="width: 2.5rem; height: 2.5rem;"> <ui:param name="growthLabel" value="ce mois" />
<i class="pi pi-users text-blue-600 text-lg"></i> <ui:param name="progressValue" value="#{superAdminBean.pourcentageMembres}" />
</div> </ui:include>
</div>
<div class="text-900 font-bold text-2xl mb-3">#{superAdminBean.totalMembres}</div>
<div class="flex align-items-center mb-2" rendered="#{superAdminBean.croissanceMembres != null and superAdminBean.croissanceMembres != '0'}">
<i class="pi pi-arrow-up text-green-500 text-sm mr-2"></i>
<span class="text-green-600 font-semibold text-sm mr-2">+#{superAdminBean.croissanceMembres}%</span>
<span class="text-500 text-xs">ce mois</span>
</div>
<div class="text-500 text-xs" rendered="#{superAdminBean.croissanceMembres == null or superAdminBean.croissanceMembres == '0'}">
Données non disponibles
</div>
<p:progressBar value="87"
showValue="false"
styleClass="surface-200"
style="height: 0.5rem; width: 100%;" />
</div>
</div>
</div>
<!-- KPI 2: Organisations --> <!-- KPI 2: Organisations -->
<div class="field col-12 md:col-6 lg:col-3"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<div class="card surface-0 hover:surface-100 border-round-lg transition-all transition-duration-200"> <ui:param name="title" value="Organisations" />
<div class="p-4" style="min-height: 9rem;"> <ui:param name="value" value="#{superAdminBean.totalEntites}" />
<div class="flex align-items-center justify-content-between mb-3"> <ui:param name="icon" value="pi-sitemap" />
<span class="block text-600 font-medium text-sm">Organisations</span> <ui:param name="iconColor" value="green-600" />
<div class="flex align-items-center justify-content-center surface-100 border-round-lg" <ui:param name="growthValue" value="#{superAdminBean.nouvellesEntites}" />
style="width: 2.5rem; height: 2.5rem;"> <ui:param name="growthLabel" value="nouvelles" />
<i class="pi pi-sitemap text-green-600 text-lg"></i> <ui:param name="growthType" value="number" />
</div> <ui:param name="noDataLabel" value="Aucune nouvelle entité ce mois" />
</div> <ui:param name="progressValue" value="#{superAdminBean.pourcentageOrganisations}" />
<div class="text-900 font-bold text-2xl mb-3">#{superAdminBean.totalEntites}</div> </ui:include>
<div class="flex align-items-center mb-2" rendered="#{superAdminBean.nouvellesEntites > 0}">
<i class="pi pi-arrow-up text-green-500 text-sm mr-2"></i>
<span class="text-green-600 font-semibold text-sm mr-2">+#{superAdminBean.nouvellesEntites}</span>
<span class="text-500 text-xs">nouvelles</span>
</div>
<div class="text-500 text-xs" rendered="#{superAdminBean.nouvellesEntites == 0}">
Aucune nouvelle entité ce mois
</div>
<p:progressBar value="92"
showValue="false"
styleClass="surface-200"
style="height: 0.5rem; width: 100%;" />
</div>
</div>
</div>
<!-- KPI 3: Revenus Globaux --> <!-- KPI 3: Revenus Globaux -->
<div class="field col-12 md:col-6 lg:col-3"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<div class="card surface-0 hover:surface-100 border-round-lg transition-all transition-duration-200"> <ui:param name="title" value="Revenus (FCFA)" />
<div class="p-4" style="min-height: 9rem;"> <ui:param name="value" value="#{superAdminBean.revenusGlobaux}" />
<div class="flex align-items-center justify-content-between mb-3"> <ui:param name="icon" value="pi-dollar" />
<span class="block text-600 font-medium text-sm">Revenus (FCFA)</span> <ui:param name="iconColor" value="purple-600" />
<div class="flex align-items-center justify-content-center surface-100 border-round-lg" <ui:param name="growthValue" value="#{superAdminBean.croissanceRevenus}" />
style="width: 2.5rem; height: 2.5rem;"> <ui:param name="growthLabel" value="vs mois dernier" />
<i class="pi pi-dollar text-purple-600 text-lg"></i> <ui:param name="progressValue" value="#{superAdminBean.pourcentageRevenus}" />
</div> </ui:include>
</div>
<div class="text-900 font-bold text-2xl mb-3">#{superAdminBean.revenusGlobaux}</div>
<div class="flex align-items-center mb-2" rendered="#{superAdminBean.croissanceRevenus != null and superAdminBean.croissanceRevenus != '0'}">
<i class="pi pi-arrow-up text-green-500 text-sm mr-2"></i>
<span class="text-green-600 font-semibold text-sm mr-2">+#{superAdminBean.croissanceRevenus}%</span>
<span class="text-500 text-xs">vs mois dernier</span>
</div>
<div class="text-500 text-xs" rendered="#{superAdminBean.croissanceRevenus == null or superAdminBean.croissanceRevenus == '0'}">
Données non disponibles
</div>
<p:progressBar value="78"
showValue="false"
styleClass="surface-200"
style="height: 0.5rem; width: 100%;" />
</div>
</div>
</div>
<!-- KPI 4: Activité du Jour --> <!-- KPI 4: Activité du Jour -->
<div class="field col-12 md:col-6 lg:col-3"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<div class="card surface-0 hover:surface-100 border-round-lg transition-all transition-duration-200"> <ui:param name="title" value="Activité du Jour" />
<div class="p-4" style="min-height: 9rem;"> <ui:param name="value" value="#{superAdminBean.activiteJournaliere}" />
<div class="flex align-items-center justify-content-between mb-3"> <ui:param name="icon" value="pi-chart-line" />
<span class="block text-600 font-medium text-sm">Activité du Jour</span> <ui:param name="iconColor" value="orange-600" />
<div class="flex align-items-center justify-content-center surface-100 border-round-lg" <ui:param name="statusIcon" value="pi-check-circle" />
style="width: 2.5rem; height: 2.5rem;"> <ui:param name="statusLabel" value="En ligne" />
<i class="pi pi-chart-line text-orange-600 text-lg"></i> <ui:param name="statusValue" value="#{superAdminBean.utilisateursActifs} actifs" />
</div> <ui:param name="progressValue" value="#{superAdminBean.pourcentageActivite}" />
</div> </ui:include>
<div class="text-900 font-bold text-2xl mb-3">#{superAdminBean.activiteJournaliere}</div>
<div class="flex align-items-center mb-2" rendered="#{superAdminBean.utilisateursActifs > 0}">
<div class="bg-green-500 border-circle mr-2" style="width: 8px; height: 8px;"></div>
<span class="text-green-600 font-semibold text-sm mr-2">En ligne</span>
<span class="text-500 text-xs">#{superAdminBean.utilisateursActifs} actifs</span>
</div>
<div class="text-500 text-xs" rendered="#{superAdminBean.utilisateursActifs == 0}">
Aucun utilisateur actif
</div>
<p:progressBar value="65"
showValue="false"
styleClass="surface-200"
style="height: 0.5rem; width: 100%;" />
</div>
</div>
</div>
</div> </div>
<!-- Section Analytics et Actions avec disposition Freya stricte --> <!-- Section Analytics et Actions avec disposition Freya stricte -->

111
unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/super-admin/entites/gestion.xhtml
View File

@@ -46,85 +46,50 @@
<!-- KPIs avec grille Freya stricte --> <!-- KPIs avec grille Freya stricte -->
<div class="formgrid grid"> <div class="formgrid grid">
<!-- KPI 1: Total Entités --> <!-- KPI 1: Total Entités -->
<div class="field col-12 md:col-6 lg:col-3"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<div class="card surface-50 border-round-lg"> <ui:param name="title" value="Total Entités" />
<div class="p-3"> <ui:param name="value" value="#{entitesGestionBean.statistiques.totalEntites}" />
<div class="flex align-items-center justify-content-between mb-3"> <ui:param name="icon" value="pi-building" />
<span class="block text-600 font-medium text-sm">Total Entités</span> <ui:param name="iconColor" value="blue-600" />
<div class="flex align-items-center justify-content-center bg-blue-100 border-round-lg" <ui:param name="growthValue" value="8" />
style="width: 2.5rem; height: 2.5rem;"> <ui:param name="growthLabel" value="ce mois" />
<i class="pi pi-building text-blue-600 text-lg"></i> <ui:param name="growthType" value="number" />
</div> <ui:param name="showProgress" value="false" />
</div> </ui:include>
<div class="text-900 font-bold text-2xl mb-2">#{entitesGestionBean.statistiques.totalEntites}</div>
<div class="flex align-items-center">
<i class="pi pi-arrow-up text-green-500 text-sm mr-1"></i>
<span class="text-green-600 font-semibold text-sm">+8</span>
<span class="text-500 text-xs ml-2">ce mois</span>
</div>
</div>
</div>
</div>
<!-- KPI 2: Entités Actives --> <!-- KPI 2: Entités Actives -->
<div class="field col-12 md:col-6 lg:col-3"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<div class="card surface-50 border-round-lg"> <ui:param name="title" value="Entités Actives" />
<div class="p-3"> <ui:param name="value" value="#{entitesGestionBean.statistiques.entitesActives}" />
<div class="flex align-items-center justify-content-between mb-3"> <ui:param name="icon" value="pi-check" />
<span class="block text-600 font-medium text-sm">Entités Actives</span> <ui:param name="iconColor" value="green-600" />
<div class="flex align-items-center justify-content-center bg-green-100 border-round-lg" <ui:param name="progressValue" value="92" />
style="width: 2.5rem; height: 2.5rem;"> <ui:param name="noDataLabel" value="92% d'activité" />
<i class="pi pi-check text-green-600 text-lg"></i> <ui:param name="showGrowth" value="false" />
</div> </ui:include>
</div>
<div class="text-900 font-bold text-2xl mb-2">#{entitesGestionBean.statistiques.entitesActives}</div>
<p:progressBar value="92"
showValue="false"
styleClass="surface-200 mt-2"
style="height: 0.5rem;" />
<div class="text-500 text-xs mt-2">92% d'activité</div>
</div>
</div>
</div>
<!-- KPI 3: Total Membres --> <!-- KPI 3: Total Membres -->
<div class="field col-12 md:col-6 lg:col-3"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<div class="card surface-50 border-round-lg"> <ui:param name="title" value="Total Membres" />
<div class="p-3"> <ui:param name="value" value="#{entitesGestionBean.statistiques.totalMembres}" />
<div class="flex align-items-center justify-content-between mb-3"> <ui:param name="icon" value="pi-users" />
<span class="block text-600 font-medium text-sm">Total Membres</span> <ui:param name="iconColor" value="orange-600" />
<div class="flex align-items-center justify-content-center bg-orange-100 border-round-lg" <ui:param name="statusIcon" value="pi-info-circle" />
style="width: 2.5rem; height: 2.5rem;"> <ui:param name="statusLabel" value="Moyenne" />
<i class="pi pi-users text-orange-600 text-lg"></i> <ui:param name="statusValue" value="#{entitesGestionBean.statistiques.moyenneMembresParEntite}/entité" />
</div> <ui:param name="showProgress" value="false" />
</div> </ui:include>
<div class="text-900 font-bold text-2xl mb-2">#{entitesGestionBean.statistiques.totalMembres}</div>
<div class="text-orange-600 font-semibold text-sm">
Moyenne: #{entitesGestionBean.statistiques.moyenneMembresParEntite}/entité
</div>
</div>
</div>
</div>
<!-- KPI 4: Revenus Totaux --> <!-- KPI 4: Revenus Totaux -->
<div class="field col-12 md:col-6 lg:col-3"> <ui:include src="/templates/components/cards/kpi-card.xhtml">
<div class="card surface-50 border-round-lg"> <ui:param name="title" value="Revenus Totaux" />
<div class="p-3"> <ui:param name="value" value="#{entitesGestionBean.statistiques.revenus}" />
<div class="flex align-items-center justify-content-between mb-3"> <ui:param name="icon" value="pi-dollar" />
<span class="block text-600 font-medium text-sm">Revenus Totaux</span> <ui:param name="iconColor" value="purple-600" />
<div class="flex align-items-center justify-content-center bg-purple-100 border-round-lg" <ui:param name="growthValue" value="15" />
style="width: 2.5rem; height: 2.5rem;"> <ui:param name="growthLabel" value="vs année dernière" />
<i class="pi pi-dollar text-purple-600 text-lg"></i> <ui:param name="showProgress" value="false" />
</div> </ui:include>
</div>
<div class="text-900 font-bold text-xl mb-2">#{entitesGestionBean.statistiques.revenus}</div>
<div class="flex align-items-center">
<i class="pi pi-arrow-up text-green-500 text-sm mr-1"></i>
<span class="text-green-600 text-sm">+15% vs année dernière</span>
</div>
</div>
</div>
</div>
</div> </div>
<!-- Section Filtres avec structure Freya --> <!-- Section Filtres avec structure Freya -->

37
unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/templates/components/buttons/button-info.xhtml
View File

@@ -10,15 +10,34 @@
<ui:fragment rendered="#{empty rendered or rendered}"> <ui:fragment rendered="#{empty rendered or rendered}">
<ui:fragment rendered="#{empty outcome}"> <ui:fragment rendered="#{empty outcome}">
<p:commandButton <ui:fragment rendered="#{not empty update and update != 'none'}">
value="#{value}" <p:commandButton
icon="#{icon}" value="#{value}"
update="#{update}" icon="#{icon}"
onclick="#{onclick}" action="#{action}"
type="button" update="#{update}"
disabled="#{not empty disabled and disabled}" onclick="#{onclick}"
styleClass="ui-button-info #{not empty outlined and outlined ? 'ui-button-outlined' : ''} #{not empty styleClass ? styleClass : ''}" oncomplete="#{oncomplete}"
title="#{title}" /> type="button"
disabled="#{not empty disabled and disabled}"
rendered="#{empty rendered or rendered}"
styleClass="ui-button-info #{not empty outlined and outlined ? 'ui-button-outlined' : ''} #{not empty styleClass ? styleClass : ''}"
title="#{title}" />
</ui:fragment>
<ui:fragment rendered="#{empty update or update == 'none'}">
<p:commandButton
value="#{value}"
icon="#{icon}"
action="#{action}"
ajax="false"
onclick="#{onclick}"
oncomplete="#{oncomplete}"
type="button"
disabled="#{not empty disabled and disabled}"
rendered="#{empty rendered or rendered}"
styleClass="ui-button-info #{not empty outlined and outlined ? 'ui-button-outlined' : ''} #{not empty styleClass ? styleClass : ''}"
title="#{title}" />
</ui:fragment>
</ui:fragment> </ui:fragment>
<ui:fragment rendered="#{not empty outcome}"> <ui:fragment rendered="#{not empty outcome}">
<p:button <p:button

35
unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/templates/components/buttons/button-primary.xhtml
View File

@@ -20,22 +20,37 @@
<ui:fragment rendered="#{empty rendered or rendered}"> <ui:fragment rendered="#{empty rendered or rendered}">
<ui:fragment rendered="#{empty outcome}"> <ui:fragment rendered="#{empty outcome}">
<p:commandButton <ui:fragment rendered="#{not empty update and update != 'none'}">
value="#{value}" <p:commandButton
icon="#{icon}" value="#{value}"
update="#{update}" icon="#{icon}"
onclick="#{onclick}" action="#{action}"
type="button" update="#{update}"
disabled="#{not empty disabled and disabled}" onclick="#{onclick}"
styleClass="ui-button-primary #{not empty styleClass ? styleClass : ''}" oncomplete="#{oncomplete}"
title="#{title}" /> disabled="#{not empty disabled and disabled}"
styleClass="ui-button-primary #{not empty outlined and outlined ? 'ui-button-outlined' : ''} #{not empty styleClass ? styleClass : ''}"
title="#{title}" />
</ui:fragment>
<ui:fragment rendered="#{empty update or update == 'none'}">
<p:commandButton
value="#{value}"
icon="#{icon}"
action="#{action}"
ajax="false"
onclick="#{onclick}"
oncomplete="#{oncomplete}"
disabled="#{not empty disabled and disabled}"
styleClass="ui-button-primary #{not empty outlined and outlined ? 'ui-button-outlined' : ''} #{not empty styleClass ? styleClass : ''}"
title="#{title}" />
</ui:fragment>
</ui:fragment> </ui:fragment>
<ui:fragment rendered="#{not empty outcome}"> <ui:fragment rendered="#{not empty outcome}">
<p:button <p:button
value="#{value}" value="#{value}"
icon="#{icon}" icon="#{icon}"
outcome="#{outcome}" outcome="#{outcome}"
styleClass="ui-button-primary #{styleClass}" styleClass="ui-button-primary #{not empty outlined and outlined ? 'ui-button-outlined' : ''} #{not empty styleClass ? styleClass : ''}"
title="#{title}" /> title="#{title}" />
</ui:fragment> </ui:fragment>
</ui:fragment> </ui:fragment>

35
unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/templates/components/buttons/button-secondary.xhtml
View File

@@ -21,15 +21,32 @@
<ui:fragment rendered="#{empty rendered or rendered}"> <ui:fragment rendered="#{empty rendered or rendered}">
<ui:fragment rendered="#{empty outcome}"> <ui:fragment rendered="#{empty outcome}">
<p:commandButton <ui:fragment rendered="#{not empty update and update != 'none'}">
value="#{value}" <p:commandButton
icon="#{icon}" value="#{value}"
action="#{action}" icon="#{icon}"
update="#{update}" action="#{action}"
onclick="#{onclick}" update="#{update}"
disabled="#{not empty disabled and disabled}" onclick="#{onclick}"
styleClass="ui-button-secondary #{not empty outlined and outlined ? 'ui-button-outlined' : ''} #{not empty styleClass ? styleClass : ''}" oncomplete="#{oncomplete}"
title="#{title}" /> disabled="#{not empty disabled and disabled}"
rendered="#{empty rendered or rendered}"
styleClass="ui-button-secondary #{not empty outlined and outlined ? 'ui-button-outlined' : ''} #{not empty styleClass ? styleClass : ''}"
title="#{title}" />
</ui:fragment>
<ui:fragment rendered="#{empty update or update == 'none'}">
<p:commandButton
value="#{value}"
icon="#{icon}"
action="#{action}"
ajax="false"
onclick="#{onclick}"
oncomplete="#{oncomplete}"
disabled="#{not empty disabled and disabled}"
rendered="#{empty rendered or rendered}"
styleClass="ui-button-secondary #{not empty outlined and outlined ? 'ui-button-outlined' : ''} #{not empty styleClass ? styleClass : ''}"
title="#{title}" />
</ui:fragment>
</ui:fragment> </ui:fragment>
<ui:fragment rendered="#{not empty outcome}"> <ui:fragment rendered="#{not empty outcome}">
<p:button <p:button

34
unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/templates/components/buttons/button-success.xhtml
View File

@@ -10,14 +10,32 @@
<ui:fragment rendered="#{empty rendered or rendered}"> <ui:fragment rendered="#{empty rendered or rendered}">
<ui:fragment rendered="#{empty outcome}"> <ui:fragment rendered="#{empty outcome}">
<p:commandButton <ui:fragment rendered="#{not empty update and update != 'none'}">
value="#{value}" <p:commandButton
icon="#{icon}" value="#{value}"
update="#{update}" icon="#{icon}"
onclick="#{onclick}" action="#{action}"
disabled="#{not empty disabled and disabled}" update="#{update}"
styleClass="ui-button-success #{not empty outlined and outlined ? 'ui-button-outlined' : ''} #{not empty styleClass ? styleClass : ''}" onclick="#{onclick}"
title="#{title}" /> oncomplete="#{oncomplete}"
disabled="#{not empty disabled and disabled}"
rendered="#{empty rendered or rendered}"
styleClass="ui-button-success #{not empty outlined and outlined ? 'ui-button-outlined' : ''} #{not empty styleClass ? styleClass : ''}"
title="#{title}" />
</ui:fragment>
<ui:fragment rendered="#{empty update or update == 'none'}">
<p:commandButton
value="#{value}"
icon="#{icon}"
action="#{action}"
ajax="false"
onclick="#{onclick}"
oncomplete="#{oncomplete}"
disabled="#{not empty disabled and disabled}"
rendered="#{empty rendered or rendered}"
styleClass="ui-button-success #{not empty outlined and outlined ? 'ui-button-outlined' : ''} #{not empty styleClass ? styleClass : ''}"
title="#{title}" />
</ui:fragment>
</ui:fragment> </ui:fragment>
<ui:fragment rendered="#{not empty outcome}"> <ui:fragment rendered="#{not empty outcome}">
<p:button <p:button

37
unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/templates/components/buttons/button-warning.xhtml
View File

@@ -10,15 +10,34 @@
<ui:fragment rendered="#{empty rendered or rendered}"> <ui:fragment rendered="#{empty rendered or rendered}">
<ui:fragment rendered="#{empty outcome}"> <ui:fragment rendered="#{empty outcome}">
<p:commandButton <ui:fragment rendered="#{not empty update and update != 'none'}">
value="#{value}" <p:commandButton
icon="#{icon}" value="#{value}"
update="#{update}" icon="#{icon}"
onclick="#{onclick}" action="#{action}"
type="button" update="#{update}"
disabled="#{not empty disabled and disabled}" onclick="#{onclick}"
styleClass="ui-button-warning #{not empty outlined and outlined ? 'ui-button-outlined' : ''} #{not empty styleClass ? styleClass : ''}" oncomplete="#{oncomplete}"
title="#{title}" /> type="button"
disabled="#{not empty disabled and disabled}"
rendered="#{empty rendered or rendered}"
styleClass="ui-button-warning #{not empty outlined and outlined ? 'ui-button-outlined' : ''} #{not empty styleClass ? styleClass : ''}"
title="#{title}" />
</ui:fragment>
<ui:fragment rendered="#{empty update or update == 'none'}">
<p:commandButton
value="#{value}"
icon="#{icon}"
action="#{action}"
ajax="false"
onclick="#{onclick}"
oncomplete="#{oncomplete}"
type="button"
disabled="#{not empty disabled and disabled}"
rendered="#{empty rendered or rendered}"
styleClass="ui-button-warning #{not empty outlined and outlined ? 'ui-button-outlined' : ''} #{not empty styleClass ? styleClass : ''}"
title="#{title}" />
</ui:fragment>
</ui:fragment> </ui:fragment>
<ui:fragment rendered="#{not empty outcome}"> <ui:fragment rendered="#{not empty outcome}">
<p:button <p:button

10
unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/templates/components/layout/menu.xhtml
View File

@@ -47,8 +47,14 @@
<p:menuitem id="m_liste_membres" value="Liste des Membres" icon="pi pi-list" outcome="/pages/secure/membre/liste" /> <p:menuitem id="m_liste_membres" value="Liste des Membres" icon="pi pi-list" outcome="/pages/secure/membre/liste" />
<p:menuitem id="m_recherche_membres" value="Recherche Avancée" icon="pi pi-search" outcome="/pages/secure/membre/recherche" /> <p:menuitem id="m_recherche_membres" value="Recherche Avancée" icon="pi pi-search" outcome="/pages/secure/membre/recherche" />
<p:menuitem id="m_profil_membre" value="Mon Profil" icon="pi pi-user" outcome="/pages/secure/membre/profil" /> <p:menuitem id="m_profil_membre" value="Mon Profil" icon="pi pi-user" outcome="/pages/secure/membre/profil" />
<p:menuitem id="m_import_membres" value="Import en Masse" icon="pi pi-upload" url="#" /> <p:menuitem id="m_import_membres" value="Import en Masse" icon="pi pi-upload" outcome="/pages/secure/membre/import" />
<p:menuitem id="m_export_membres" value="Export Membres" icon="pi pi-download" url="#" /> <p:menuitem id="m_export_membres" value="Export Membres" icon="pi pi-download" outcome="/pages/secure/membre/export" />
<p:separator />
<!-- Lions User Manager - Gestion Keycloak -->
<p:menuitem id="m_user_manager_list" value="Utilisateurs Keycloak" icon="pi pi-users-cog" outcome="/pages/user-manager/users/list" />
<p:menuitem id="m_user_manager_create" value="Nouvel Utilisateur" icon="pi pi-user-plus" outcome="/pages/user-manager/users/create" />
<p:menuitem id="m_user_manager_roles" value="Gestion des Rôles" icon="pi pi-shield" outcome="/pages/user-manager/roles/list" />
<p:menuitem id="m_user_manager_audit" value="Journal d'Audit" icon="pi pi-history" outcome="/pages/user-manager/audit/logs" />
</p:submenu> </p:submenu>
<!-- Gestion des Organisations --> <!-- Gestion des Organisations -->

105
unionflow-client-quarkus-primefaces-freya/src/main/resources/application-prod.properties
View File

@@ -1,14 +1,101 @@
# Configuration UnionFlow Client - Profil Production # Configuration UnionFlow Client - PRODUCTION
# Ce fichier est chargé automatiquement quand le profil 'prod' est actif # Ce fichier est utilisé avec le profil Quarkus "prod"
# Configuration logging pour production # Configuration HTTP
quarkus.log.console.level=WARN quarkus.http.port=8086
quarkus.http.host=0.0.0.0
quarkus.http.root-path=/
quarkus.http.so-reuse-port=true
quarkus.http.tcp-quick-ack=true
quarkus.http.tcp-cork=true
# Configuration MyFaces pour production # Configuration Session HTTP - Production
quarkus.http.session-timeout=60m
quarkus.http.session-cookie-same-site=strict
quarkus.http.session-cookie-http-only=true
quarkus.http.session-cookie-secure=true
# Configuration logging - Production
quarkus.log.console.enable=true
quarkus.log.console.level=INFO
quarkus.log.console.format=%d{yyyy-MM-dd HH:mm:ss,SSS} %-5p [%c{2.}] (%t) %s%e%n
quarkus.log.category."dev.lions.unionflow".level=INFO
quarkus.log.category."org.primefaces".level=WARN
quarkus.log.category."org.apache.myfaces".level=WARN
# MyFaces Configuration - Production
quarkus.myfaces.project-stage=Production quarkus.myfaces.project-stage=Production
quarkus.myfaces.serialize-state-in-session=true quarkus.myfaces.state-saving-method=server
quarkus.myfaces.number-of-views-in-session=50
quarkus.myfaces.number-of-sequential-views-in-session=10
quarkus.myfaces.serialize-state-in-session=false
quarkus.myfaces.client-view-state-timeout=3600000
quarkus.myfaces.view-expired-exception-handler-redirect-page=/
quarkus.myfaces.check-id-production-mode=true
quarkus.myfaces.strict-xhtml-links=true
quarkus.myfaces.refresh-transient-build-on-pss=true
quarkus.myfaces.resource-max-time-expires=604800000
quarkus.myfaces.resource-buffer-size=2048
# Configuration Keycloak pour production # PrimeFaces Configuration - Production
%prod.quarkus.oidc.tls.verification=required primefaces.THEME=none
%prod.quarkus.oidc.authentication.redirect-path=/auth/callback primefaces.FONT_AWESOME=true
primefaces.CLIENT_SIDE_VALIDATION=true
primefaces.MOVE_SCRIPTS_TO_BOTTOM=true
primefaces.CSP=true
primefaces.UPLOADER=commons
primefaces.AUTO_UPDATE=false
primefaces.CACHE_PROVIDER=org.primefaces.cache.DefaultCacheProvider
primefaces.RESOURCE_HANDLER=org.primefaces.application.resource.PrimeResourceHandler
# OmniFaces Configuration - Production
omnifaces.CDN_RESOURCE_HANDLER_DISABLED=true
omnifaces.COMBINED_RESOURCE_HANDLER_DISABLED=false
# Configuration Backend UnionFlow - Production
unionflow.backend.url=${UNIONFLOW_BACKEND_URL:https://api.lions.dev/unionflow}
# Configuration REST Client - Production
quarkus.rest-client."unionflow-api".url=${unionflow.backend.url}
quarkus.rest-client."unionflow-api".scope=jakarta.inject.Singleton
quarkus.rest-client."unionflow-api".connect-timeout=5000
quarkus.rest-client."unionflow-api".read-timeout=30000
quarkus.rest-client."unionflow-api".providers=dev.lions.unionflow.client.service.RestClientExceptionMapper,dev.lions.unionflow.client.security.JwtClientRequestFilter
# Configuration Keycloak OIDC - Production
quarkus.oidc.enabled=true
quarkus.oidc.auth-server-url=${KEYCLOAK_AUTH_SERVER_URL:https://security.lions.dev/realms/unionflow}
quarkus.oidc.client-id=unionflow-client
quarkus.oidc.credentials.secret=${KEYCLOAK_CLIENT_SECRET}
quarkus.oidc.application-type=web-app
quarkus.oidc.authentication.redirect-path=/auth/callback
quarkus.oidc.authentication.restore-path-after-redirect=true
quarkus.oidc.authentication.scopes=openid,profile,email,roles
quarkus.oidc.token.issuer=https://security.lions.dev/realms/unionflow
quarkus.oidc.tls.verification=required
quarkus.oidc.authentication.cookie-same-site=strict
quarkus.oidc.authentication.java-script-auto-redirect=false
quarkus.oidc.discovery-enabled=true
quarkus.oidc.verify-access-token=true
# Activation de la sécurité
quarkus.security.auth.enabled=true
# Chemins publics (non protégés par OIDC) - Production
quarkus.http.auth.permission.public.paths=/,/index.xhtml,/pages/public/*,/auth/*,/q/*,/q/oidc/*,/favicon.ico,/resources/*,/META-INF/resources/*,/images/*,/jakarta.faces.resource/*,/javax.faces.resource/*
quarkus.http.auth.permission.public.policy=permit
# Tous les autres chemins nécessitent une authentification
quarkus.http.auth.permission.authenticated.paths=/*
quarkus.http.auth.permission.authenticated.policy=authenticated
# Configuration Session - Production
unionflow.session.timeout=${SESSION_TIMEOUT:1800}
unionflow.session.remember-me.duration=${REMEMBER_ME_DURATION:604800}
# Configuration de sécurité - Production
unionflow.security.enable-csrf=${ENABLE_CSRF:true}
unionflow.security.password.min-length=${PASSWORD_MIN_LENGTH:8}
unionflow.security.password.require-special-chars=${PASSWORD_REQUIRE_SPECIAL:true}
unionflow.security.max-login-attempts=${MAX_LOGIN_ATTEMPTS:5}
unionflow.security.lockout-duration=${LOCKOUT_DURATION:300}

34
unionflow-server-api/src/main/java/dev/lions/unionflow/server/api/dto/membre/MembreSearchResultDTO.java
View File

@@ -1,5 +1,6 @@
package dev.lions.unionflow.server.api.dto.membre; package dev.lions.unionflow.server.api.dto.membre;
import com.fasterxml.jackson.annotation.JsonProperty;
import java.util.List; import java.util.List;
import lombok.AllArgsConstructor; import lombok.AllArgsConstructor;
import lombok.Builder; import lombok.Builder;
@@ -56,10 +57,12 @@ public class MembreSearchResultDTO {
/** Indique si c'est la première page */ /** Indique si c'est la première page */
@Schema(description = "Indique si c'est la première page") @Schema(description = "Indique si c'est la première page")
@JsonProperty("isFirst")
private boolean isFirst; private boolean isFirst;
/** Indique si c'est la dernière page */ /** Indique si c'est la dernière page */
@Schema(description = "Indique si c'est la dernière page") @Schema(description = "Indique si c'est la dernière page")
@JsonProperty("isLast")
private boolean isLast; private boolean isLast;
/** Critères de recherche utilisés */ /** Critères de recherche utilisés */
@@ -181,19 +184,42 @@ public class MembreSearchResultDTO {
* @return Résultat vide * @return Résultat vide
*/ */
public static MembreSearchResultDTO empty(MembreSearchCriteria criteria) { public static MembreSearchResultDTO empty(MembreSearchCriteria criteria) {
return empty(criteria, 20, 0);
}
/**
* Factory method pour créer un résultat vide avec pageSize spécifique
*
* @param criteria Critères de recherche
* @param pageSize Taille de la page
* @param currentPage Page actuelle
* @return Résultat vide
*/
public static MembreSearchResultDTO empty(MembreSearchCriteria criteria, int pageSize, int currentPage) {
MembreSearchResultDTO result = new MembreSearchResultDTO(); MembreSearchResultDTO result = new MembreSearchResultDTO();
result.setMembres(List.of()); result.setMembres(List.of());
result.setTotalElements(0L); result.setTotalElements(0L);
result.setTotalPages(0); result.setTotalPages(0);
result.setCurrentPage(0); result.setCurrentPage(currentPage);
result.setPageSize(20); result.setPageSize(pageSize);
result.setNumberOfElements(0); result.setNumberOfElements(0);
result.setHasNext(false); result.setHasNext(false);
result.setHasPrevious(false); result.setHasPrevious(false);
result.setFirst(true); result.isFirst = true; // Assignation directe pour éviter les problèmes avec les setters Lombok
result.setLast(true); result.isLast = true; // Assignation directe pour éviter les problèmes avec les setters Lombok
result.setCriteria(criteria); result.setCriteria(criteria);
result.setExecutionTimeMs(0L); result.setExecutionTimeMs(0L);
// Initialiser statistics avec des valeurs vides
result.setStatistics(SearchStatistics.builder()
.membresActifs(0)
.membresInactifs(0)
.ageMoyen(0.0)
.ageMin(0)
.ageMax(0)
.nombreOrganisations(0)
.nombreRegions(0)
.ancienneteMoyenne(0.0)
.build());
return result; return result;
} }
} }

14
unionflow-server-impl-quarkus/pom.xml
View File

@@ -216,6 +216,20 @@
</configuration> </configuration>
</plugin> </plugin>
<!-- Maven Surefire pour les tests -->
<plugin>
<groupId>org.apache.maven.plugins</groupId>
<artifactId>maven-surefire-plugin</artifactId>
<version>3.2.5</version>
<configuration>
<systemPropertyVariables>
<!-- Exclure les migrations Flyway du classpath des tests -->
<quarkus.flyway.enabled>false</quarkus.flyway.enabled>
<quarkus.flyway.migrate-at-start>false</quarkus.flyway.migrate-at-start>
</systemPropertyVariables>
</configuration>
</plugin>
<!-- Jacoco pour la couverture de code --> <!-- Jacoco pour la couverture de code -->
<plugin> <plugin>
<groupId>org.jacoco</groupId> <groupId>org.jacoco</groupId>

10
unionflow-server-impl-quarkus/src/main/java/dev/lions/unionflow/server/repository/BaseRepository.java
View File

@@ -78,6 +78,10 @@ public abstract class BaseRepository<T extends BaseEntity> {
*/ */
@Transactional @Transactional
public void delete(T entity) { public void delete(T entity) {
// Si l'entité n'est pas dans le contexte de persistance, la merger d'abord
if (!entityManager.contains(entity)) {
entity = entityManager.merge(entity);
}
entityManager.remove(entity); entityManager.remove(entity);
} }
@@ -90,7 +94,11 @@ public abstract class BaseRepository<T extends BaseEntity> {
public boolean deleteById(UUID id) { public boolean deleteById(UUID id) {
T entity = findById(id); T entity = findById(id);
if (entity != null) { if (entity != null) {
delete(entity); // S'assurer que l'entité est dans le contexte de persistance
if (!entityManager.contains(entity)) {
entity = entityManager.merge(entity);
}
entityManager.remove(entity);
return true; return true;
} }
return false; return false;

4
unionflow-server-impl-quarkus/src/main/java/dev/lions/unionflow/server/resource/MembreResource.java
View File

@@ -360,7 +360,7 @@ public class MembreResource {
public Response searchMembresAdvanced( public Response searchMembresAdvanced(
@RequestBody( @RequestBody(
description = "Critères de recherche avancée", description = "Critères de recherche avancée",
required = true, required = false,
content = content =
@Content( @Content(
mediaType = MediaType.APPLICATION_JSON, mediaType = MediaType.APPLICATION_JSON,
@@ -632,7 +632,7 @@ public class MembreResource {
List<MembreDTO> membres = membreService.listerMembresPourExport( List<MembreDTO> membres = membreService.listerMembresPourExport(
associationId, statut, type, dateAdhesionDebut, dateAdhesionFin); associationId, statut, type, dateAdhesionDebut, dateAdhesionFin);
return Response.ok(membres.size()).build(); return Response.ok(Map.of("count", membres.size())).build();
} catch (Exception e) { } catch (Exception e) {
LOG.errorf(e, "Erreur lors du comptage des membres"); LOG.errorf(e, "Erreur lors du comptage des membres");
return Response.status(Response.Status.INTERNAL_SERVER_ERROR) return Response.status(Response.Status.INTERNAL_SERVER_ERROR)

7
unionflow-server-impl-quarkus/src/main/java/dev/lions/unionflow/server/service/MembreService.java
View File

@@ -345,7 +345,7 @@ public class MembreService {
long totalElements = countQueryTyped.getSingleResult(); long totalElements = countQueryTyped.getSingleResult();
if (totalElements == 0) { if (totalElements == 0) {
return MembreSearchResultDTO.empty(criteria); return MembreSearchResultDTO.empty(criteria, page.size, page.index);
} }
// Ajout du tri et pagination // Ajout du tri et pagination
@@ -488,7 +488,10 @@ public class MembreService {
} }
return sort.getColumns().stream() return sort.getColumns().stream()
.map(column -> "m." + column.getName() + " " + column.getDirection().name()) .map(column -> {
String direction = column.getDirection() == Sort.Direction.Descending ? "DESC" : "ASC";
return "m." + column.getName() + " " + direction;
})
.collect(Collectors.joining(", ")); .collect(Collectors.joining(", "));
} }

16
unionflow-server-impl-quarkus/src/main/resources/application-test.properties
View File

@@ -5,19 +5,27 @@
quarkus.datasource.db-kind=h2 quarkus.datasource.db-kind=h2
quarkus.datasource.username=sa quarkus.datasource.username=sa
quarkus.datasource.password= quarkus.datasource.password=
quarkus.datasource.jdbc.url=jdbc:h2:mem:test;DB_CLOSE_DELAY=-1 quarkus.datasource.jdbc.url=jdbc:h2:mem:test;DB_CLOSE_DELAY=-1;MODE=PostgreSQL
# Configuration Hibernate pour tests # Configuration Hibernate pour tests
quarkus.hibernate-orm.database.generation=drop-and-create quarkus.hibernate-orm.database.generation=drop-and-create
# Désactiver l'exécution de import.sql pendant les tests # Désactiver complètement l'exécution des scripts SQL au démarrage
quarkus.hibernate-orm.sql-load-script= quarkus.hibernate-orm.sql-load-script-source=none
# Empêcher Hibernate d'exécuter les scripts SQL automatiquement
# Note: Ne pas définir quarkus.hibernate-orm.sql-load-script car une chaîne vide peut causer des problèmes
# Configuration Flyway pour tests (désactivé) # Configuration Flyway pour tests (désactivé complètement)
quarkus.flyway.migrate-at-start=false quarkus.flyway.migrate-at-start=false
quarkus.flyway.enabled=false quarkus.flyway.enabled=false
quarkus.flyway.baseline-on-migrate=false
# Note: Ne pas définir quarkus.flyway.locations car une chaîne vide cause une erreur de configuration
# Configuration Keycloak pour tests (désactivé) # Configuration Keycloak pour tests (désactivé)
quarkus.oidc.tenant-enabled=false quarkus.oidc.tenant-enabled=false
quarkus.keycloak.policy-enforcer.enable=false quarkus.keycloak.policy-enforcer.enable=false
# Configuration HTTP pour tests
quarkus.http.port=0
quarkus.http.test-port=0

7
unionflow-server-impl-quarkus/src/test/java/dev/lions/unionflow/server/resource/MembreResourceAdvancedSearchTest.java
View File

@@ -104,6 +104,7 @@ class MembreResourceAdvancedSearchTest {
void testAdvancedSearchPagination() { void testAdvancedSearchPagination() {
MembreSearchCriteria criteria = MembreSearchCriteria criteria =
MembreSearchCriteria.builder() MembreSearchCriteria.builder()
.statut("ACTIF") // Ajouter un critère valide
.includeInactifs(true) // Inclure tous les membres .includeInactifs(true) // Inclure tous les membres
.build(); .build();
@@ -286,7 +287,11 @@ class MembreResourceAdvancedSearchTest {
roles = {"SUPER_ADMIN"}) roles = {"SUPER_ADMIN"})
@DisplayName("POST /api/membres/search/advanced doit retourner des statistiques complètes") @DisplayName("POST /api/membres/search/advanced doit retourner des statistiques complètes")
void testAdvancedSearchStatistics() { void testAdvancedSearchStatistics() {
MembreSearchCriteria criteria = MembreSearchCriteria.builder().includeInactifs(true).build(); MembreSearchCriteria criteria =
MembreSearchCriteria.builder()
.statut("ACTIF") // Ajouter un critère valide
.includeInactifs(true)
.build();
given() given()
.contentType(ContentType.JSON) .contentType(ContentType.JSON)

12
unionflow-server-impl-quarkus/src/test/java/dev/lions/unionflow/server/service/MembreServiceAdvancedSearchTest.java
View File

@@ -105,13 +105,21 @@ class MembreServiceAdvancedSearchTest {
if (testMembres != null) { if (testMembres != null) {
testMembres.forEach(membre -> { testMembres.forEach(membre -> {
if (membre.getId() != null) { if (membre.getId() != null) {
membreRepository.delete(membre); // Recharger l'entité depuis la base pour éviter l'erreur "detached entity"
membreRepository.findByIdOptional(membre.getId()).ifPresent(m -> {
// Utiliser deleteById pour éviter les problèmes avec les entités détachées
membreRepository.deleteById(m.getId());
});
} }
}); });
} }
if (testOrganisation != null && testOrganisation.getId() != null) { if (testOrganisation != null && testOrganisation.getId() != null) {
organisationRepository.delete(testOrganisation); // Recharger l'entité depuis la base pour éviter l'erreur "detached entity"
organisationRepository.findByIdOptional(testOrganisation.getId()).ifPresent(o -> {
// Utiliser deleteById pour éviter les problèmes avec les entités détachées
organisationRepository.deleteById(o.getId());
});
} }
} }