feat(client): Réorganisation des composants réutilisables par type et correction des erreurs EL

- Réorganisation de la structure des composants dans des sous-dossiers :
  * buttons/ : tous les composants de boutons
  * cards/ : card-header, card-simple, filter-bar, stat-card
  * columns/ : composants de colonnes pour datatables
  * dialogs/ : confirm-dialog, form-dialog
  * forms/ : tous les composants de formulaires
  * layout/ : menu, topbar, footer, config, rightpanel, page-header, organisation-logo
  * tables/ : data-table

- Correction des erreurs EL dans les composants :
  * Suppression des expressions EL dans les commentaires XML
  * Protection des paramètres optionnels (styleClass) avec 'not empty'
  * Simplification de confirm-dialog avec valeurs fixes
  * Correction de organisation-logo (rendered sur balise HTML)

- Ajout de nouvelles pages pour les organisations :
  * detail.xhtml : consultation exhaustive d'une organisation
  * nouvelle.xhtml : création complète d'une organisation

- Mise à jour de toutes les références vers les nouveaux chemins (37+ fichiers)
- Maintien de l'approche DRY/WOU avec composants réutilisables
This commit is contained in:
dahoud
2025-11-29 19:10:01 +00:00
parent 952141662b
commit c877065500
94 changed files with 2776 additions and 486 deletions

View File

@@ -5,9 +5,10 @@ import com.fasterxml.jackson.annotation.JsonProperty;
import com.fasterxml.jackson.annotation.JsonIgnoreProperties;
import jakarta.validation.constraints.NotBlank;
import jakarta.validation.constraints.NotNull;
import java.io.Serializable;
import java.math.BigDecimal;
import java.time.LocalDate;
import java.time.LocalDateTime;
import java.io.Serializable;
import java.util.UUID;
/**
@@ -26,12 +27,17 @@ public class AssociationDTO implements Serializable {
@NotBlank(message = "Le nom de l'association est obligatoire")
private String nom;
// Aligné sur OrganisationDTO.nomCourt
private String nomCourt;
private String description;
private String adresse;
private String telephone;
private String email;
private String siteWeb;
// Aligné sur OrganisationDTO.logo (URL ou chemin du logo)
private String logo;
@NotNull(message = "Le type d'association est obligatoire")
@JsonProperty("typeOrganisation")
@@ -47,6 +53,8 @@ public class AssociationDTO implements Serializable {
private String numeroRegistre;
private String statut;
private Integer nombreMembres;
// Aligné sur OrganisationDTO.nombreAdministrateurs
private Integer nombreAdministrateurs;
private String responsablePrincipal;
private String telephoneResponsable;
private String emailResponsable;
@@ -70,6 +78,39 @@ public class AssociationDTO implements Serializable {
private String pays;
// Aligné sur OrganisationDTO.codePostal
private String codePostal;
// Aligné sur OrganisationDTO.activitesPrincipales
private String activitesPrincipales;
// Aligné sur OrganisationDTO.objectifs / partenaires / certifications / reseauxSociaux / notes
private String objectifs;
private String partenaires;
private String certifications;
private String reseauxSociaux;
private String notes;
// Aligné sur OrganisationDTO.organisationPublique / accepteNouveauxMembres / cotisationObligatoire
private Boolean organisationPublique;
private Boolean accepteNouveauxMembres;
private Boolean cotisationObligatoire;
// Aligné sur OrganisationDTO.budgetAnnuel / devise / montantCotisationAnnuelle
private BigDecimal budgetAnnuel;
private String devise;
private BigDecimal montantCotisationAnnuelle;
// Aligné sur OrganisationDTO.telephoneSecondaire / emailSecondaire
private String telephoneSecondaire;
private String emailSecondaire;
// Aligné sur OrganisationDTO.organisationParenteId / nomOrganisationParente / niveauHierarchique
private UUID organisationParenteId;
private String nomOrganisationParente;
private Integer niveauHierarchique;
// Aligné sur OrganisationDTO.latitude / longitude
private BigDecimal latitude;
private BigDecimal longitude;
// Constructeurs
public AssociationDTO() {}
@@ -88,6 +129,9 @@ public class AssociationDTO implements Serializable {
public String getNom() { return nom; }
public void setNom(String nom) { this.nom = nom; }
public String getNomCourt() { return nomCourt; }
public void setNomCourt(String nomCourt) { this.nomCourt = nomCourt; }
public String getDescription() { return description; }
public void setDescription(String description) { this.description = description; }
@@ -103,6 +147,9 @@ public class AssociationDTO implements Serializable {
public String getSiteWeb() { return siteWeb; }
public void setSiteWeb(String siteWeb) { this.siteWeb = siteWeb; }
public String getLogo() { return logo; }
public void setLogo(String logo) { this.logo = logo; }
public String getTypeAssociation() { return typeAssociation; }
public void setTypeAssociation(String typeAssociation) { this.typeAssociation = typeAssociation; }
@@ -118,6 +165,9 @@ public class AssociationDTO implements Serializable {
public Integer getNombreMembres() { return nombreMembres; }
public void setNombreMembres(Integer nombreMembres) { this.nombreMembres = nombreMembres; }
public Integer getNombreAdministrateurs() { return nombreAdministrateurs; }
public void setNombreAdministrateurs(Integer nombreAdministrateurs) { this.nombreAdministrateurs = nombreAdministrateurs; }
public String getResponsablePrincipal() { return responsablePrincipal; }
public void setResponsablePrincipal(String responsablePrincipal) { this.responsablePrincipal = responsablePrincipal; }
@@ -146,6 +196,63 @@ public class AssociationDTO implements Serializable {
public String getCodePostal() { return codePostal; }
public void setCodePostal(String codePostal) { this.codePostal = codePostal; }
public String getActivitesPrincipales() { return activitesPrincipales; }
public void setActivitesPrincipales(String activitesPrincipales) { this.activitesPrincipales = activitesPrincipales; }
public String getObjectifs() { return objectifs; }
public void setObjectifs(String objectifs) { this.objectifs = objectifs; }
public String getPartenaires() { return partenaires; }
public void setPartenaires(String partenaires) { this.partenaires = partenaires; }
public String getCertifications() { return certifications; }
public void setCertifications(String certifications) { this.certifications = certifications; }
public String getReseauxSociaux() { return reseauxSociaux; }
public void setReseauxSociaux(String reseauxSociaux) { this.reseauxSociaux = reseauxSociaux; }
public String getNotes() { return notes; }
public void setNotes(String notes) { this.notes = notes; }
public Boolean getOrganisationPublique() { return organisationPublique; }
public void setOrganisationPublique(Boolean organisationPublique) { this.organisationPublique = organisationPublique; }
public Boolean getAccepteNouveauxMembres() { return accepteNouveauxMembres; }
public void setAccepteNouveauxMembres(Boolean accepteNouveauxMembres) { this.accepteNouveauxMembres = accepteNouveauxMembres; }
public Boolean getCotisationObligatoire() { return cotisationObligatoire; }
public void setCotisationObligatoire(Boolean cotisationObligatoire) { this.cotisationObligatoire = cotisationObligatoire; }
public BigDecimal getBudgetAnnuel() { return budgetAnnuel; }
public void setBudgetAnnuel(BigDecimal budgetAnnuel) { this.budgetAnnuel = budgetAnnuel; }
public String getDevise() { return devise; }
public void setDevise(String devise) { this.devise = devise; }
public BigDecimal getMontantCotisationAnnuelle() { return montantCotisationAnnuelle; }
public void setMontantCotisationAnnuelle(BigDecimal montantCotisationAnnuelle) { this.montantCotisationAnnuelle = montantCotisationAnnuelle; }
public String getTelephoneSecondaire() { return telephoneSecondaire; }
public void setTelephoneSecondaire(String telephoneSecondaire) { this.telephoneSecondaire = telephoneSecondaire; }
public String getEmailSecondaire() { return emailSecondaire; }
public void setEmailSecondaire(String emailSecondaire) { this.emailSecondaire = emailSecondaire; }
public UUID getOrganisationParenteId() { return organisationParenteId; }
public void setOrganisationParenteId(UUID organisationParenteId) { this.organisationParenteId = organisationParenteId; }
public String getNomOrganisationParente() { return nomOrganisationParente; }
public void setNomOrganisationParente(String nomOrganisationParente) { this.nomOrganisationParente = nomOrganisationParente; }
public Integer getNiveauHierarchique() { return niveauHierarchique; }
public void setNiveauHierarchique(Integer niveauHierarchique) { this.niveauHierarchique = niveauHierarchique; }
public BigDecimal getLatitude() { return latitude; }
public void setLatitude(BigDecimal latitude) { this.latitude = latitude; }
public BigDecimal getLongitude() { return longitude; }
public void setLongitude(BigDecimal longitude) { this.longitude = longitude; }
public LocalDateTime getDateCreation() { return dateCreation; }
public void setDateCreation(LocalDateTime dateCreation) { this.dateCreation = dateCreation; }

View File

@@ -0,0 +1,87 @@
package dev.lions.unionflow.client.view;
import dev.lions.unionflow.client.dto.AssociationDTO;
import dev.lions.unionflow.client.service.AssociationService;
import jakarta.annotation.PostConstruct;
import jakarta.faces.application.FacesMessage;
import jakarta.faces.context.FacesContext;
import jakarta.faces.view.ViewScoped;
import jakarta.inject.Inject;
import jakarta.inject.Named;
import java.io.IOException;
import java.io.Serializable;
import java.util.UUID;
import java.util.logging.Logger;
import org.eclipse.microprofile.rest.client.inject.RestClient;
/**
* Bean de consultation d'une organisation (fiche détaillée en lecture seule).
*/
@Named("organisationDetailBean")
@ViewScoped
public class OrganisationDetailBean implements Serializable {
private static final long serialVersionUID = 1L;
private static final Logger LOGGER = Logger.getLogger(OrganisationDetailBean.class.getName());
@Inject
@RestClient
AssociationService associationService;
private AssociationDTO organisation;
private UUID organisationId;
@PostConstruct
public void init() {
// Récupérer l'ID depuis les paramètres de requête
String idParam = FacesContext.getCurrentInstance()
.getExternalContext()
.getRequestParameterMap()
.get("id");
if (idParam != null && !idParam.isBlank()) {
try {
organisationId = UUID.fromString(idParam);
chargerOrganisation();
} catch (IllegalArgumentException e) {
LOGGER.severe("ID d'organisation invalide: " + idParam);
ajouterMessageErreur("Organisation introuvable", "Identifiant invalide.");
}
} else {
ajouterMessageErreur("Organisation introuvable", "Aucun identifiant fourni.");
}
}
public void chargerOrganisation() {
if (organisationId == null) {
return;
}
try {
organisation = associationService.obtenirParId(organisationId);
} catch (Exception e) {
LOGGER.severe("Erreur lors du chargement de l'organisation: " + e.getMessage());
ajouterMessageErreur("Organisation introuvable",
"Impossible de charger les détails de l'organisation.");
}
}
public void revenirAListe() throws IOException {
FacesContext.getCurrentInstance()
.getExternalContext()
.redirect(FacesContext.getCurrentInstance()
.getExternalContext()
.getRequestContextPath() + "/pages/secure/organisation/liste.xhtml");
}
private void ajouterMessageErreur(String resume, String detail) {
FacesContext.getCurrentInstance().addMessage(null,
new FacesMessage(FacesMessage.SEVERITY_ERROR, resume, detail));
}
public AssociationDTO getOrganisation() {
return organisation;
}
}

View File

@@ -250,6 +250,40 @@ public class OrganisationsBean implements Serializable {
}
}
/**
* Recherche les organisations dont le nom contient la requête fournie.
* Méthode utilitaire côté client qui délègue au service REST backend.
*
* @param query terme de recherche (partie du nom)
* @return liste d'organisations correspondant au critère, ou liste vide en cas d'erreur
*/
public List<AssociationDTO> rechercherOrganisations(String query) {
if (query == null || query.trim().isEmpty()) {
return organisations; // rien saisi : on renvoie la liste actuelle
}
try {
// On délègue au endpoint /api/organisations/recherche avec uniquement le nom rempli.
List<AssociationDTO> resultats = associationService.rechercher(
query, // nom
null, // type
null, // statut
null, // region
null, // ville
0, // page
100 // size
);
LOGGER.info("Recherche d'organisations pour '" + query + "': " +
(resultats != null ? resultats.size() : 0) + " résultat(s)");
return resultats != null ? resultats : List.of();
} catch (Exception e) {
LOGGER.severe("Erreur lors de la recherche d'organisations pour '" + query + "': " + e.getMessage());
FacesContext.getCurrentInstance().addMessage(null,
new FacesMessage(FacesMessage.SEVERITY_ERROR,
"Erreur", "Impossible de rechercher les organisations: " + e.getMessage()));
return List.of();
}
}
/**
* Bascule le statut d'une organisation entre ACTIVE et INACTIVE
* Cette méthode est utilisée pour éviter l'utilisation d'expressions ternaires dans les expressions EL

View File

@@ -10,7 +10,7 @@
<ui:define name="content">
<!-- En-tête -->
<ui:include src="/templates/components/page-header.xhtml">
<ui:include src="/templates/components/layout/page-header.xhtml">
<ui:param name="icon" value="pi pi-history text-indigo-500" />
<ui:param name="title" value="Journal d'Audit" />
<ui:param name="description" value="Traçabilité complète des actions et modifications système" />
@@ -23,7 +23,7 @@
<ui:param name="onclick" value="PF('exportDialog').show(); return false;" />
<ui:param name="outlined" value="true" />
</ui:include>
<ui:include src="/templates/components/button-icon.xhtml">
<ui:include src="/templates/components/buttons/button-icon.xhtml">
<ui:param name="icon" value="pi pi-refresh" />
<ui:param name="action" value="#{auditBean.actualiser}" />
<ui:param name="update" value="@form" />
@@ -39,28 +39,28 @@
<!-- Statistiques -->
<div class="grid">
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{auditBean.totalEvenements}" />
<ui:param name="label" value="Événements Totaux" />
<ui:param name="icon" value="pi pi-history" />
<ui:param name="bgColor" value="blue" />
</ui:include>
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{auditBean.connexionsReussies}" />
<ui:param name="label" value="Connexions Réussies" />
<ui:param name="icon" value="pi pi-check-circle" />
<ui:param name="bgColor" value="green" />
</ui:include>
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{auditBean.tentativesEchouees}" />
<ui:param name="label" value="Tentatives Échouées" />
<ui:param name="icon" value="pi pi-times-circle" />
<ui:param name="bgColor" value="orange" />
</ui:include>
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{auditBean.alertesSecurite}" />
<ui:param name="label" value="Alertes Sécurité" />
<ui:param name="icon" value="pi pi-exclamation-triangle" />

View File

@@ -10,7 +10,7 @@
<ui:define name="content">
<!-- En-tête -->
<ui:include src="/templates/components/page-header.xhtml">
<ui:include src="/templates/components/layout/page-header.xhtml">
<ui:param name="icon" value="pi pi-user-plus text-green-500" />
<ui:param name="title" value="Demande d'Adhésion" />
<ui:param name="description" value="Formulaire de demande d'adhésion à une organisation" />

View File

@@ -10,7 +10,7 @@
<ui:define name="content">
<!-- En-tête -->
<ui:include src="/templates/components/page-header.xhtml">
<ui:include src="/templates/components/layout/page-header.xhtml">
<ui:param name="icon" value="pi pi-history text-blue-500" />
<ui:param name="title" value="Historique des Adhésions" />
<ui:param name="description" value="Consultation de l'historique complet des adhésions" />
@@ -22,7 +22,7 @@
<ui:param name="icon" value="pi pi-download" />
<ui:param name="outlined" value="true" />
</ui:include>
<ui:include src="/templates/components/button-icon.xhtml">
<ui:include src="/templates/components/buttons/button-icon.xhtml">
<ui:param name="icon" value="pi pi-refresh" />
<ui:param name="action" value="#{adhesionsBean.actualiser}" />
<ui:param name="update" value="@form" />

View File

@@ -10,7 +10,7 @@
<ui:define name="content">
<!-- En-tête -->
<ui:include src="/templates/components/page-header.xhtml">
<ui:include src="/templates/components/layout/page-header.xhtml">
<ui:param name="icon" value="pi pi-users text-blue-500" />
<ui:param name="title" value="Liste des Adhésions" />
<ui:param name="description" value="Gestion complète des demandes d'adhésion" />
@@ -22,7 +22,7 @@
<ui:param name="icon" value="pi pi-plus" />
<ui:param name="onclick" value="PF('dlgNouvelleAdhesion').show();" />
</ui:include>
<ui:include src="/templates/components/button-icon.xhtml">
<ui:include src="/templates/components/buttons/button-icon.xhtml">
<ui:param name="icon" value="pi pi-refresh" />
<ui:param name="action" value="#{adhesionsBean.actualiser}" />
<ui:param name="update" value="@form" />
@@ -38,28 +38,28 @@
<!-- Statistiques -->
<div class="grid">
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{adhesionsBean.statistiques.totalAdhesions}" />
<ui:param name="label" value="Total Adhésions" />
<ui:param name="icon" value="pi pi-users" />
<ui:param name="bgColor" value="blue" />
</ui:include>
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{adhesionsBean.statistiques.adhesionsEnAttente}" />
<ui:param name="label" value="En Attente" />
<ui:param name="icon" value="pi pi-clock" />
<ui:param name="bgColor" value="orange" />
</ui:include>
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{adhesionsBean.statistiques.adhesionsApprouvees}" />
<ui:param name="label" value="Approuvées" />
<ui:param name="icon" value="pi pi-check-circle" />
<ui:param name="bgColor" value="green" />
</ui:include>
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{adhesionsBean.statistiques.tauxApprobationInt}%" />
<ui:param name="label" value="Taux d'Approbation" />
<ui:param name="icon" value="pi pi-percentage" />

View File

@@ -10,7 +10,7 @@
<ui:define name="content">
<!-- En-tête -->
<ui:include src="/templates/components/page-header.xhtml">
<ui:include src="/templates/components/layout/page-header.xhtml">
<ui:param name="icon" value="pi pi-user-plus text-green-500" />
<ui:param name="title" value="Nouvelle Adhésion" />
<ui:param name="description" value="Création d'une nouvelle demande d'adhésion" />

View File

@@ -10,14 +10,14 @@
<ui:define name="content">
<!-- En-tête -->
<ui:include src="/templates/components/page-header.xhtml">
<ui:include src="/templates/components/layout/page-header.xhtml">
<ui:param name="icon" value="pi pi-credit-card text-green-500" />
<ui:param name="title" value="Paiement des Adhésions" />
<ui:param name="description" value="Enregistrement et suivi des paiements d'adhésion" />
<ui:define name="actions">
<h:form id="formActionsPaiement">
<div class="flex gap-2">
<ui:include src="/templates/components/button-icon.xhtml">
<ui:include src="/templates/components/buttons/button-icon.xhtml">
<ui:param name="icon" value="pi pi-refresh" />
<ui:param name="action" value="#{adhesionsBean.actualiser}" />
<ui:param name="update" value="@form" />
@@ -33,28 +33,28 @@
<!-- Statistiques de paiement -->
<div class="grid">
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{adhesionsBean.statistiques.totalCollecteFormatte}" />
<ui:param name="label" value="Total Collecté" />
<ui:param name="icon" value="pi pi-wallet" />
<ui:param name="bgColor" value="green" />
</ui:include>
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{adhesionsBean.statistiques.adhesionsPayees}" />
<ui:param name="label" value="Adhésions Payées" />
<ui:param name="icon" value="pi pi-check-circle" />
<ui:param name="bgColor" value="blue" />
</ui:include>
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{adhesionsBean.statistiques.tauxPaiementInt}%" />
<ui:param name="label" value="Taux de Paiement" />
<ui:param name="icon" value="pi pi-percentage" />
<ui:param name="bgColor" value="orange" />
</ui:include>
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{adhesionsBean.statistiques.adhesionsApprouvees - adhesionsBean.statistiques.adhesionsPayees}" />
<ui:param name="label" value="En Attente de Paiement" />
<ui:param name="icon" value="pi pi-clock" />

View File

@@ -10,14 +10,14 @@
<ui:define name="content">
<!-- En-tête -->
<ui:include src="/templates/components/page-header.xhtml">
<ui:include src="/templates/components/layout/page-header.xhtml">
<ui:param name="icon" value="pi pi-clock text-orange-500" />
<ui:param name="title" value="Adhésions en Attente" />
<ui:param name="description" value="Validation et traitement des demandes d'adhésion en attente" />
<ui:define name="actions">
<h:form id="formActionsPending">
<div class="flex gap-2">
<ui:include src="/templates/components/button-icon.xhtml">
<ui:include src="/templates/components/buttons/button-icon.xhtml">
<ui:param name="icon" value="pi pi-refresh" />
<ui:param name="action" value="#{adhesionsBean.chargerAdhesionsEnAttente}" />
<ui:param name="update" value="@form" />
@@ -33,28 +33,28 @@
<!-- Statistiques -->
<div class="grid">
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{adhesionsBean.statistiques.adhesionsEnAttente}" />
<ui:param name="label" value="En Attente" />
<ui:param name="icon" value="pi pi-clock" />
<ui:param name="bgColor" value="orange" />
</ui:include>
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{adhesionsBean.statistiques.adhesionsApprouvees}" />
<ui:param name="label" value="Approuvées" />
<ui:param name="icon" value="pi pi-check-circle" />
<ui:param name="bgColor" value="green" />
</ui:include>
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{adhesionsBean.statistiques.tauxApprobationInt}%" />
<ui:param name="label" value="Taux d'Approbation" />
<ui:param name="icon" value="pi pi-percentage" />
<ui:param name="bgColor" value="blue" />
</ui:include>
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{adhesionsBean.statistiques.totalCollecteFormatte}" />
<ui:param name="label" value="Total Collecté" />
<ui:param name="icon" value="pi pi-wallet" />

View File

@@ -10,14 +10,14 @@
<ui:define name="content">
<!-- En-tête -->
<ui:include src="/templates/components/page-header.xhtml">
<ui:include src="/templates/components/layout/page-header.xhtml">
<ui:param name="icon" value="pi pi-refresh text-blue-500" />
<ui:param name="title" value="Renouvellement d'Adhésion" />
<ui:param name="description" value="Gestion des renouvellements d'adhésion" />
<ui:define name="actions">
<h:form id="formActionsRenouvellement">
<div class="flex gap-2">
<ui:include src="/templates/components/button-icon.xhtml">
<ui:include src="/templates/components/buttons/button-icon.xhtml">
<ui:param name="icon" value="pi pi-refresh" />
<ui:param name="action" value="#{adhesionsBean.actualiser}" />
<ui:param name="update" value="@form" />
@@ -33,28 +33,28 @@
<!-- Statistiques -->
<div class="grid">
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{adhesionsBean.statistiques.adhesionsPayees}" />
<ui:param name="label" value="Adhésions Actives" />
<ui:param name="icon" value="pi pi-check-circle" />
<ui:param name="bgColor" value="green" />
</ui:include>
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="0" />
<ui:param name="label" value="À Renouveler (ce mois)" />
<ui:param name="icon" value="pi pi-clock" />
<ui:param name="bgColor" value="orange" />
</ui:include>
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="0" />
<ui:param name="label" value="Renouvelées (ce mois)" />
<ui:param name="icon" value="pi pi-refresh" />
<ui:param name="bgColor" value="blue" />
</ui:include>
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{adhesionsBean.statistiques.totalAdhesions}" />
<ui:param name="label" value="Total Adhésions" />
<ui:param name="icon" value="pi pi-users" />

View File

@@ -10,14 +10,14 @@
<ui:define name="content">
<!-- En-tête -->
<ui:include src="/templates/components/page-header.xhtml">
<ui:include src="/templates/components/layout/page-header.xhtml">
<ui:param name="icon" value="pi pi-check-circle text-green-500" />
<ui:param name="title" value="Validation des Adhésions" />
<ui:param name="description" value="Approbation et rejet des demandes d'adhésion" />
<ui:define name="actions">
<h:form id="formActionsValidation">
<div class="flex gap-2">
<ui:include src="/templates/components/button-icon.xhtml">
<ui:include src="/templates/components/buttons/button-icon.xhtml">
<ui:param name="icon" value="pi pi-refresh" />
<ui:param name="action" value="#{adhesionsBean.chargerAdhesionsEnAttente}" />
<ui:param name="update" value="@form" />
@@ -33,28 +33,28 @@
<!-- Statistiques -->
<div class="grid">
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{adhesionsBean.statistiques.adhesionsEnAttente}" />
<ui:param name="label" value="En Attente" />
<ui:param name="icon" value="pi pi-clock" />
<ui:param name="bgColor" value="orange" />
</ui:include>
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{adhesionsBean.statistiques.adhesionsApprouvees}" />
<ui:param name="label" value="Approuvées" />
<ui:param name="icon" value="pi pi-check-circle" />
<ui:param name="bgColor" value="green" />
</ui:include>
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{adhesionsBean.statistiques.tauxApprobationInt}%" />
<ui:param name="label" value="Taux d'Approbation" />
<ui:param name="icon" value="pi pi-percentage" />
<ui:param name="bgColor" value="blue" />
</ui:include>
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{adhesionsBean.statistiques.totalAdhesions}" />
<ui:param name="label" value="Total" />
<ui:param name="icon" value="pi pi-users" />

View File

@@ -10,7 +10,7 @@
<ui:define name="content">
<!-- En-tête -->
<ui:include src="/templates/components/page-header.xhtml">
<ui:include src="/templates/components/layout/page-header.xhtml">
<ui:param name="icon" value="pi pi-cog text-orange-500" />
<ui:param name="title" value="Paramètres Système" />
<ui:param name="description" value="Configuration des paramètres généraux de l'application" />

View File

@@ -10,7 +10,7 @@
<ui:define name="content">
<!-- En-tête -->
<ui:include src="/templates/components/page-header.xhtml">
<ui:include src="/templates/components/layout/page-header.xhtml">
<ui:param name="icon" value="pi pi-shield text-purple-500" />
<ui:param name="title" value="Gestion des Rôles" />
<ui:param name="description" value="Gestion des rôles et permissions via Keycloak" />

View File

@@ -10,7 +10,7 @@
<ui:define name="content">
<!-- En-tête -->
<ui:include src="/templates/components/page-header.xhtml">
<ui:include src="/templates/components/layout/page-header.xhtml">
<ui:param name="icon" value="pi pi-database text-green-500" />
<ui:param name="title" value="Sauvegarde et Restauration" />
<ui:param name="description" value="Gestion des sauvegardes et restauration de la base de données" />

View File

@@ -10,7 +10,7 @@
<ui:define name="content">
<!-- En-tête -->
<ui:include src="/templates/components/page-header.xhtml">
<ui:include src="/templates/components/layout/page-header.xhtml">
<ui:param name="icon" value="pi pi-users text-blue-500" />
<ui:param name="title" value="Gestion des Utilisateurs" />
<ui:param name="description" value="Gestion des utilisateurs et de leurs accès via Keycloak" />

View File

@@ -181,21 +181,21 @@
</div>
</div>
<div class="flex gap-2">
<ui:include src="/templates/components/button-icon.xhtml">
<ui:include src="/templates/components/buttons/button-icon.xhtml">
<ui:param name="icon" value="pi pi-bookmark" />
<ui:param name="title" value="Marquer comme favori" />
<ui:param name="rounded" value="true" />
<ui:param name="text" value="false" />
<ui:param name="styleClass" value="ui-button-outlined ui-button-sm" />
</ui:include>
<ui:include src="/templates/components/button-icon.xhtml">
<ui:include src="/templates/components/buttons/button-icon.xhtml">
<ui:param name="icon" value="pi pi-share-alt" />
<ui:param name="title" value="Partager" />
<ui:param name="rounded" value="true" />
<ui:param name="text" value="false" />
<ui:param name="styleClass" value="ui-button-outlined ui-button-sm" />
</ui:include>
<ui:include src="/templates/components/button-icon.xhtml">
<ui:include src="/templates/components/buttons/button-icon.xhtml">
<ui:param name="icon" value="pi pi-print" />
<ui:param name="title" value="Imprimer" />
<ui:param name="rounded" value="true" />

View File

@@ -10,7 +10,7 @@
<ui:define name="content">
<!-- En-tête -->
<ui:include src="/templates/components/page-header.xhtml">
<ui:include src="/templates/components/layout/page-header.xhtml">
<ui:param name="icon" value="pi pi-money-bill text-green-500" />
<ui:param name="title" value="Gestion des Cotisations" />
<ui:param name="description" value="Suivi et gestion des cotisations des membres" />
@@ -28,7 +28,7 @@
<ui:param name="action" value="#{cotisationsBean.exporterCotisations}" />
<ui:param name="outlined" value="true" />
</ui:include>
<ui:include src="/templates/components/button-icon.xhtml">
<ui:include src="/templates/components/buttons/button-icon.xhtml">
<ui:param name="icon" value="pi pi-refresh" />
<ui:param name="action" value="#{cotisationsBean.actualiser}" />
<ui:param name="update" value="@form" />
@@ -44,28 +44,28 @@
<!-- Statistiques -->
<div class="grid">
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{cotisationsBean.statistiques.totalCollecteFormatte}" />
<ui:param name="label" value="Total Collecté" />
<ui:param name="icon" value="pi pi-wallet" />
<ui:param name="bgColor" value="green" />
</ui:include>
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{cotisationsBean.statistiques.tauxRecouvrementInt}%" />
<ui:param name="label" value="Taux de Recouvrement" />
<ui:param name="icon" value="pi pi-percentage" />
<ui:param name="bgColor" value="blue" />
</ui:include>
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{cotisationsBean.statistiques.cotisationsEnRetard}" />
<ui:param name="label" value="En Retard" />
<ui:param name="icon" value="pi pi-exclamation-triangle" />
<ui:param name="bgColor" value="orange" />
</ui:include>
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{cotisationsBean.statistiques.montantRetardFormatte}" />
<ui:param name="label" value="Montant Retard" />
<ui:param name="icon" value="pi pi-clock" />

View File

@@ -10,7 +10,7 @@
<ui:define name="content">
<!-- En-tête -->
<ui:include src="/templates/components/page-header.xhtml">
<ui:include src="/templates/components/layout/page-header.xhtml">
<ui:param name="icon" value="pi pi-history text-blue-500" />
<ui:param name="title" value="Historique des Cotisations" />
<ui:param name="description" value="Consultation de l'historique complet des cotisations et paiements" />
@@ -23,7 +23,7 @@
<ui:param name="action" value="#{cotisationsBean.exporterCotisations}" />
<ui:param name="outlined" value="true" />
</ui:include>
<ui:include src="/templates/components/button-icon.xhtml">
<ui:include src="/templates/components/buttons/button-icon.xhtml">
<ui:param name="icon" value="pi pi-refresh" />
<ui:param name="action" value="#{cotisationsBean.actualiser}" />
<ui:param name="update" value="@form" />

View File

@@ -10,14 +10,14 @@
<ui:define name="content">
<!-- En-tête -->
<ui:include src="/templates/components/page-header.xhtml">
<ui:include src="/templates/components/layout/page-header.xhtml">
<ui:param name="icon" value="pi pi-credit-card text-green-500" />
<ui:param name="title" value="Paiement de Cotisations" />
<ui:param name="description" value="Enregistrement et suivi des paiements de cotisations" />
<ui:define name="actions">
<h:form id="formActionsPaiement">
<div class="flex gap-2">
<ui:include src="/templates/components/button-icon.xhtml">
<ui:include src="/templates/components/buttons/button-icon.xhtml">
<ui:param name="icon" value="pi pi-refresh" />
<ui:param name="action" value="#{cotisationsBean.actualiser}" />
<ui:param name="update" value="@form" />
@@ -33,28 +33,28 @@
<!-- Statistiques de paiement -->
<div class="grid">
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{cotisationsBean.statistiques.totalCollecteFormatte}" />
<ui:param name="label" value="Total Collecté" />
<ui:param name="icon" value="pi pi-wallet" />
<ui:param name="bgColor" value="green" />
</ui:include>
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{cotisationsBean.statistiques.moyenneMensuelleFormattee}" />
<ui:param name="label" value="Moyenne Mensuelle" />
<ui:param name="icon" value="pi pi-chart-line" />
<ui:param name="bgColor" value="blue" />
</ui:include>
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{cotisationsBean.statistiques.objectifAnnuelFormatte}" />
<ui:param name="label" value="Objectif Annuel" />
<ui:param name="icon" value="pi pi-target" />
<ui:param name="bgColor" value="orange" />
</ui:include>
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{cotisationsBean.statistiques.tauxRecouvrementInt}%" />
<ui:param name="label" value="Taux de Recouvrement" />
<ui:param name="icon" value="pi pi-percentage" />

View File

@@ -10,7 +10,7 @@
<ui:define name="content">
<!-- En-tête -->
<ui:include src="/templates/components/page-header.xhtml">
<ui:include src="/templates/components/layout/page-header.xhtml">
<ui:param name="icon" value="pi pi-chart-bar text-purple-500" />
<ui:param name="title" value="Rapports Financiers" />
<ui:param name="description" value="Analyse et rapports détaillés sur les cotisations et paiements" />
@@ -22,7 +22,7 @@
<ui:param name="icon" value="pi pi-file-pdf" />
<ui:param name="action" value="#{cotisationsBean.genererRapportFinancier}" />
</ui:include>
<ui:include src="/templates/components/button-icon.xhtml">
<ui:include src="/templates/components/buttons/button-icon.xhtml">
<ui:param name="icon" value="pi pi-refresh" />
<ui:param name="action" value="#{cotisationsBean.actualiser}" />
<ui:param name="update" value="@form" />
@@ -85,28 +85,28 @@
<!-- Statistiques détaillées -->
<div class="grid">
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{cotisationsBean.statistiques.totalCollecteFormatte}" />
<ui:param name="label" value="Total Collecté" />
<ui:param name="icon" value="pi pi-wallet" />
<ui:param name="bgColor" value="green" />
</ui:include>
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{cotisationsBean.statistiques.objectifAnnuelFormatte}" />
<ui:param name="label" value="Objectif Annuel" />
<ui:param name="icon" value="pi pi-target" />
<ui:param name="bgColor" value="blue" />
</ui:include>
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{cotisationsBean.statistiques.moyenneMensuelleFormattee}" />
<ui:param name="label" value="Moyenne Mensuelle" />
<ui:param name="icon" value="pi pi-chart-line" />
<ui:param name="bgColor" value="orange" />
</ui:include>
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{cotisationsBean.statistiques.tauxRecouvrementInt}%" />
<ui:param name="label" value="Taux de Recouvrement" />
<ui:param name="icon" value="pi pi-percentage" />

View File

@@ -10,7 +10,7 @@
<ui:define name="content">
<!-- En-tête -->
<ui:include src="/templates/components/page-header.xhtml">
<ui:include src="/templates/components/layout/page-header.xhtml">
<ui:param name="icon" value="pi pi-send text-orange-500" />
<ui:param name="title" value="Relances de Cotisations" />
<ui:param name="description" value="Gestion et envoi des relances pour les cotisations en retard" />
@@ -22,7 +22,7 @@
<ui:param name="icon" value="pi pi-send" />
<ui:param name="onclick" value="PF('dlgRelancesGroupes').show();" />
</ui:include>
<ui:include src="/templates/components/button-icon.xhtml">
<ui:include src="/templates/components/buttons/button-icon.xhtml">
<ui:param name="icon" value="pi pi-refresh" />
<ui:param name="action" value="#{cotisationsBean.actualiser}" />
<ui:param name="update" value="@form" />
@@ -38,28 +38,28 @@
<!-- Statistiques de relances -->
<div class="grid">
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{cotisationsBean.statistiques.cotisationsEnRetard}" />
<ui:param name="label" value="Cotisations en Retard" />
<ui:param name="icon" value="pi pi-exclamation-triangle" />
<ui:param name="bgColor" value="orange" />
</ui:include>
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{cotisationsBean.statistiques.montantRetardFormatte}" />
<ui:param name="label" value="Montant en Retard" />
<ui:param name="icon" value="pi pi-clock" />
<ui:param name="bgColor" value="red" />
</ui:include>
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{cotisationsBean.rappelsEnAttente.size()}" />
<ui:param name="label" value="Rappels en Attente" />
<ui:param name="icon" value="pi pi-bell" />
<ui:param name="bgColor" value="purple" />
</ui:include>
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{cotisationsBean.statistiques.tauxRecouvrementInt}%" />
<ui:param name="label" value="Taux de Recouvrement" />
<ui:param name="icon" value="pi pi-percentage" />

View File

@@ -413,7 +413,7 @@
</div>
</p:column>
<p:column headerText="Action" style="width:80px">
<ui:include src="/templates/components/button-icon.xhtml">
<ui:include src="/templates/components/buttons/button-icon.xhtml">
<ui:param name="icon" value="pi pi-eye" />
<ui:param name="title" value="Voir détails" />
</ui:include>
@@ -478,7 +478,7 @@
<div class="text-900 font-medium">Valider #{dashboardBean.adhesionsPendantes} adhésions</div>
<small class="text-600">Demandes en attente de validation</small>
</div>
<ui:include src="/templates/components/button-icon.xhtml">
<ui:include src="/templates/components/buttons/button-icon.xhtml">
<ui:param name="icon" value="pi pi-arrow-right" />
<ui:param name="action" value="#{dashboardBean.redirectToAdhesionValidation}" />
<ui:param name="severity" value="info" />
@@ -491,7 +491,7 @@
<div class="text-900 font-medium">Relancer #{dashboardBean.cotisationsRetard} cotisations</div>
<small class="text-600">Paiements en retard</small>
</div>
<ui:include src="/templates/components/button-icon.xhtml">
<ui:include src="/templates/components/buttons/button-icon.xhtml">
<ui:param name="icon" value="pi pi-arrow-right" />
<ui:param name="action" value="#{dashboardBean.redirectToRelances}" />
<ui:param name="severity" value="warning" />
@@ -504,7 +504,7 @@
<div class="text-900 font-medium">Traiter #{dashboardBean.aidesEnAttente} aides</div>
<small class="text-600">Demandes d'aide à examiner</small>
</div>
<ui:include src="/templates/components/button-icon.xhtml">
<ui:include src="/templates/components/buttons/button-icon.xhtml">
<ui:param name="icon" value="pi pi-arrow-right" />
<ui:param name="action" value="#{dashboardBean.redirectToAidesTraitement}" />
<ui:param name="severity" value="success" />
@@ -517,7 +517,7 @@
<div class="text-900 font-medium">Organiser prochains événements</div>
<small class="text-600">#{dashboardBean.evenementsAPlanifier} événements à planifier</small>
</div>
<ui:include src="/templates/components/button-icon.xhtml">
<ui:include src="/templates/components/buttons/button-icon.xhtml">
<ui:param name="icon" value="pi pi-arrow-right" />
<ui:param name="action" value="#{dashboardBean.redirectToEvenementPlanning}" />
<ui:param name="styleClass" value="ui-button-help" />

View File

@@ -10,7 +10,7 @@
<ui:define name="content">
<!-- En-tête -->
<ui:include src="/templates/components/page-header.xhtml">
<ui:include src="/templates/components/layout/page-header.xhtml">
<ui:param name="icon" value="pi pi-calendar-plus text-blue-500" />
<ui:param name="title" value="Calendrier des Événements" />
<ui:param name="description" value="Vue calendrier de tous les événements de l'organisation" />
@@ -22,7 +22,7 @@
<ui:param name="icon" value="pi pi-plus" />
<ui:param name="outcome" value="/pages/secure/evenement/creation.xhtml" />
</ui:include>
<ui:include src="/templates/components/button-icon.xhtml">
<ui:include src="/templates/components/buttons/button-icon.xhtml">
<ui:param name="icon" value="pi pi-refresh" />
<ui:param name="action" value="#{evenementsBean.actualiser}" />
<ui:param name="update" value="@form" />

View File

@@ -10,7 +10,7 @@
<ui:define name="content">
<!-- En-tête -->
<ui:include src="/templates/components/page-header.xhtml">
<ui:include src="/templates/components/layout/page-header.xhtml">
<ui:param name="icon" value="pi pi-plus-circle text-green-500" />
<ui:param name="title" value="Créer un Nouvel Événement" />
<ui:param name="description" value="Remplissez le formulaire pour créer un nouvel événement" />

View File

@@ -10,7 +10,7 @@
<ui:define name="content">
<!-- En-tête -->
<ui:include src="/templates/components/page-header.xhtml">
<ui:include src="/templates/components/layout/page-header.xhtml">
<ui:param name="icon" value="pi pi-calendar text-blue-500" />
<ui:param name="title" value="Gestion des Événements" />
<ui:param name="description" value="Création, suivi et gestion des événements de l'organisation" />
@@ -27,7 +27,7 @@
<ui:param name="icon" value="pi pi-download" />
<ui:param name="outlined" value="true" />
</ui:include>
<ui:include src="/templates/components/button-icon.xhtml">
<ui:include src="/templates/components/buttons/button-icon.xhtml">
<ui:param name="icon" value="pi pi-refresh" />
<ui:param name="action" value="#{evenementsBean.actualiser}" />
<ui:param name="update" value="@form" />
@@ -43,28 +43,28 @@
<!-- Statistiques -->
<div class="grid">
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{evenementsBean.statistiques.totalEvenements}" />
<ui:param name="label" value="Total Événements" />
<ui:param name="icon" value="pi pi-calendar" />
<ui:param name="bgColor" value="blue" />
</ui:include>
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{evenementsBean.statistiques.evenementsActifs}" />
<ui:param name="label" value="Événements Actifs" />
<ui:param name="icon" value="pi pi-check-circle" />
<ui:param name="bgColor" value="green" />
</ui:include>
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{evenementsBean.statistiques.participantsTotal}" />
<ui:param name="label" value="Total Participants" />
<ui:param name="icon" value="pi pi-users" />
<ui:param name="bgColor" value="orange" />
</ui:include>
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{evenementsBean.statistiques.budgetTotal}" />
<ui:param name="label" value="Budget Total" />
<ui:param name="icon" value="pi pi-wallet" />

View File

@@ -10,7 +10,7 @@
<ui:define name="content">
<!-- En-tête -->
<ui:include src="/templates/components/page-header.xhtml">
<ui:include src="/templates/components/layout/page-header.xhtml">
<ui:param name="icon" value="pi pi-users text-green-500" />
<ui:param name="title" value="Gestion des Participants" />
<ui:param name="description" value="Gérer les participants et les inscriptions aux événements" />
@@ -23,7 +23,7 @@
<ui:param name="outcome" value="/pages/secure/evenement/gestion.xhtml" />
<ui:param name="outlined" value="true" />
</ui:include>
<ui:include src="/templates/components/button-icon.xhtml">
<ui:include src="/templates/components/buttons/button-icon.xhtml">
<ui:param name="icon" value="pi pi-refresh" />
<ui:param name="action" value="#{evenementsBean.actualiser}" />
<ui:param name="update" value="@form" />
@@ -67,7 +67,7 @@
<div class="grid mb-3">
<div class="col-12 md:col-4">
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{evenementsBean.evenementSelectionne.participantsInscrits}" />
<ui:param name="label" value="Inscrits" />
<ui:param name="icon" value="pi pi-user-plus" />
@@ -76,7 +76,7 @@
</div>
<div class="col-12 md:col-4">
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{evenementsBean.evenementSelectionne.participantsPresents}" />
<ui:param name="label" value="Présents" />
<ui:param name="icon" value="pi pi-check-circle" />
@@ -85,7 +85,7 @@
</div>
<div class="col-12 md:col-4">
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{evenementsBean.evenementSelectionne.placesDisponibles}" />
<ui:param name="label" value="Places disponibles" />
<ui:param name="icon" value="pi pi-ticket" />

View File

@@ -10,14 +10,14 @@
<ui:define name="content">
<!-- En-tête -->
<ui:include src="/templates/components/page-header.xhtml">
<ui:include src="/templates/components/layout/page-header.xhtml">
<ui:param name="icon" value="pi pi-calendar-check text-purple-500" />
<ui:param name="title" value="Participation aux Événements" />
<ui:param name="description" value="Consultez et inscrivez-vous aux événements disponibles" />
<ui:define name="actions">
<h:form id="formActionsParticipation">
<div class="flex gap-2">
<ui:include src="/templates/components/button-icon.xhtml">
<ui:include src="/templates/components/buttons/button-icon.xhtml">
<ui:param name="icon" value="pi pi-refresh" />
<ui:param name="action" value="#{evenementsBean.actualiser}" />
<ui:param name="update" value="@form" />

View File

@@ -10,7 +10,7 @@
<ui:define name="content">
<!-- En-tête -->
<ui:include src="/templates/components/page-header.xhtml">
<ui:include src="/templates/components/layout/page-header.xhtml">
<ui:param name="icon" value="pi pi-user-plus text-primary" />
<ui:param name="title" value="Inscription Nouveau Membre" />
<ui:param name="description" value="Formulaire complet d'inscription avec photo et documents" />
@@ -192,7 +192,7 @@
<i class="pi pi-file text-blue-500 mr-2"></i>
<span class="text-900">#{document}</span>
</div>
<ui:include src="/templates/components/button-icon.xhtml">
<ui:include src="/templates/components/buttons/button-icon.xhtml">
<ui:param name="icon" value="pi pi-times" />
<ui:param name="action" value="#{membreInscriptionBean.supprimerDocument(document)}" />
<ui:param name="update" value="documentsListPanel" />
@@ -287,7 +287,7 @@
<p:outputLabel for="numeroParrain" value="N° Membre parrain" />
<div class="ui-inputgroup">
<p:inputText id="numeroParrain" value="#{membreInscriptionBean.numeroParrain}" styleClass="w-full" />
<ui:include src="/templates/components/button-icon.xhtml">
<ui:include src="/templates/components/buttons/button-icon.xhtml">
<ui:param name="icon" value="pi pi-search" />
<ui:param name="action" value="#{membreInscriptionBean.rechercherParrain}" />
<ui:param name="severity" value="info" />

View File

@@ -10,7 +10,7 @@
<ui:define name="content">
<!-- En-tête -->
<ui:include src="/templates/components/page-header.xhtml">
<ui:include src="/templates/components/layout/page-header.xhtml">
<ui:param name="icon" value="pi pi-users text-blue-500" />
<ui:param name="title" value="Liste des Membres" />
<ui:param name="description" value="Gestion et suivi des membres de l'association" />
@@ -96,7 +96,7 @@
<ui:param name="outlined" value="true" />
<ui:param name="styleClass" value="mr-2" />
</ui:include>
<ui:include src="/templates/components/button-icon.xhtml">
<ui:include src="/templates/components/buttons/button-icon.xhtml">
<ui:param name="icon" value="pi pi-refresh" />
<ui:param name="action" value="#{membreListeBean.actualiser}" />
<ui:param name="update" value="@form" />
@@ -190,31 +190,31 @@
<p:column headerText="Actions" style="width:200px">
<div class="flex gap-1">
<ui:include src="/templates/components/button-icon.xhtml">
<ui:include src="/templates/components/buttons/button-icon.xhtml">
<ui:param name="icon" value="pi pi-eye" />
<ui:param name="action" value="#{membreListeBean.voirProfil(membre)}" />
<ui:param name="title" value="Voir profil" />
<ui:param name="severity" value="info" />
</ui:include>
<ui:include src="/templates/components/button-icon.xhtml">
<ui:include src="/templates/components/buttons/button-icon.xhtml">
<ui:param name="icon" value="pi pi-pencil" />
<ui:param name="action" value="#{membreListeBean.modifierMembre(membre)}" />
<ui:param name="title" value="Modifier" />
<ui:param name="severity" value="warning" />
</ui:include>
<ui:include src="/templates/components/button-icon.xhtml">
<ui:include src="/templates/components/buttons/button-icon.xhtml">
<ui:param name="icon" value="pi pi-dollar" />
<ui:param name="action" value="#{membreListeBean.gererCotisations(membre)}" />
<ui:param name="title" value="Cotisations" />
<ui:param name="severity" value="success" />
</ui:include>
<ui:include src="/templates/components/button-icon.xhtml">
<ui:include src="/templates/components/buttons/button-icon.xhtml">
<ui:param name="icon" value="pi pi-envelope" />
<ui:param name="action" value="#{membreListeBean.contacterMembre(membre)}" />
<ui:param name="title" value="Contacter" />
<ui:param name="severity" value="" />
</ui:include>
<ui:include src="/templates/components/button-icon.xhtml">
<ui:include src="/templates/components/buttons/button-icon.xhtml">
<ui:param name="icon" value="pi pi-ban" />
<ui:param name="action" value="#{membreListeBean.suspendreMembre(membre)}" />
<ui:param name="onclick" value="return confirm('Êtes-vous sûr de vouloir suspendre ce membre ?');" />
@@ -222,7 +222,7 @@
<ui:param name="severity" value="danger" />
<ui:param name="rendered" value="#{membre.statut == 'ACTIF'}" />
</ui:include>
<ui:include src="/templates/components/button-icon.xhtml">
<ui:include src="/templates/components/buttons/button-icon.xhtml">
<ui:param name="icon" value="pi pi-check" />
<ui:param name="action" value="#{membreListeBean.reactiverMembre(membre)}" />
<ui:param name="title" value="Réactiver" />

View File

@@ -10,7 +10,7 @@
<ui:define name="content">
<!-- En-tête -->
<ui:include src="/templates/components/page-header.xhtml">
<ui:include src="/templates/components/layout/page-header.xhtml">
<ui:param name="icon" value="pi pi-search text-blue-500" />
<ui:param name="title" value="Recherche Avancée des Membres" />
<ui:param name="description" value="Outil de recherche puissant pour retrouver et analyser les membres" />
@@ -36,28 +36,28 @@
<!-- Statistiques de recherche -->
<div class="grid">
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{membreRechercheBean.statistiques.totalMembres}" />
<ui:param name="label" value="Total Membres" />
<ui:param name="icon" value="pi pi-users" />
<ui:param name="bgColor" value="blue" />
</ui:include>
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{membreRechercheBean.statistiques.resultatsActuels}" />
<ui:param name="label" value="Résultats trouvés" />
<ui:param name="icon" value="pi pi-check" />
<ui:param name="bgColor" value="green" />
</ui:include>
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{membreRechercheBean.statistiques.filtresActifs}" />
<ui:param name="label" value="Filtres actifs" />
<ui:param name="icon" value="pi pi-filter" />
<ui:param name="bgColor" value="orange" />
</ui:include>
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{membreRechercheBean.statistiques.tempsRecherche}ms" />
<ui:param name="label" value="Temps de recherche" />
<ui:param name="icon" value="pi pi-clock" />
@@ -389,7 +389,7 @@
<div class="flex align-items-center justify-content-between">
<span>Liste des membres</span>
<div class="flex gap-2">
<ui:include src="/templates/components/button-icon.xhtml">
<ui:include src="/templates/components/buttons/button-icon.xhtml">
<ui:param name="icon" value="pi pi-refresh" />
<ui:param name="action" value="#{membreRechercheBean.actualiserResultats}" />
<ui:param name="update" value="@form" />
@@ -398,7 +398,7 @@
<ui:param name="text" value="false" />
<ui:param name="styleClass" value="ui-button-outlined ui-button-secondary" />
</ui:include>
<ui:include src="/templates/components/button-icon.xhtml">
<ui:include src="/templates/components/buttons/button-icon.xhtml">
<ui:param name="icon" value="pi pi-cog" />
<ui:param name="onclick" value="PF('dlgOptionsAffichage').show();" />
<ui:param name="title" value="Options d'affichage" />
@@ -478,7 +478,7 @@
<p:column headerText="Actions" style="width:150px">
<div class="flex gap-1">
<ui:include src="/templates/components/button-icon.xhtml">
<ui:include src="/templates/components/buttons/button-icon.xhtml">
<ui:param name="icon" value="pi pi-eye" />
<ui:param name="action" value="#{membreRechercheBean.voirProfil(membre)}" />
<ui:param name="title" value="Voir profil" />
@@ -486,14 +486,14 @@
<ui:param name="rounded" value="true" />
<ui:param name="text" value="true" />
</ui:include>
<ui:include src="/templates/components/button-icon.xhtml">
<ui:include src="/templates/components/buttons/button-icon.xhtml">
<ui:param name="icon" value="pi pi-envelope" />
<ui:param name="action" value="#{membreRechercheBean.contacterMembre(membre)}" />
<ui:param name="title" value="Contacter" />
<ui:param name="rounded" value="true" />
<ui:param name="text" value="true" />
</ui:include>
<ui:include src="/templates/components/button-icon.xhtml">
<ui:include src="/templates/components/buttons/button-icon.xhtml">
<ui:param name="icon" value="pi pi-plus" />
<ui:param name="action" value="#{membreRechercheBean.ajouterAuGroupe(membre)}" />
<ui:param name="title" value="Ajouter au groupe de travail" />
@@ -609,7 +609,7 @@
</p:column>
<p:column headerText="Actions">
<div class="flex gap-1">
<ui:include src="/templates/components/button-icon.xhtml">
<ui:include src="/templates/components/buttons/button-icon.xhtml">
<ui:param name="icon" value="pi pi-play" />
<ui:param name="action" value="#{membreRechercheBean.chargerRecherche(recherche)}" />
<ui:param name="update" value=":formRechercheAvancee :formResultats" />
@@ -619,7 +619,7 @@
<ui:param name="rounded" value="true" />
<ui:param name="text" value="true" />
</ui:include>
<ui:include src="/templates/components/button-icon.xhtml">
<ui:include src="/templates/components/buttons/button-icon.xhtml">
<ui:param name="icon" value="pi pi-trash" />
<ui:param name="action" value="#{membreRechercheBean.supprimerRecherche(recherche)}" />
<ui:param name="update" value="@form" />

View File

@@ -0,0 +1,262 @@
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:f="http://xmlns.jcp.org/jsf/core"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
xmlns:p="http://primefaces.org/ui">
<ui:composition template="/templates/main-template.xhtml">
<ui:define name="title">Détail de l'Organisation</ui:define>
<ui:define name="content">
<h:form id="formDetail">
<p:messages id="messages" showDetail="true" closable="true"/>
<!-- En-tête résumé -->
<div class="card mb-3">
<div class="flex justify-content-between align-items-center flex-column md:flex-row">
<div class="flex align-items-center gap-3 mb-2 md:mb-0">
<ui:include src="/templates/components/layout/organisation-logo.xhtml">
<ui:param name="logo" value="#{organisationDetailBean.organisation.logo}"/>
<ui:param name="size" value="64"/>
</ui:include>
<div>
<h3 class="m-0">
<h:outputText value="#{empty organisationDetailBean.organisation ? 'Organisation introuvable' : organisationDetailBean.organisation.nom}" />
</h3>
<div class="mt-2 flex align-items-center gap-2">
<p:tag value="#{organisationDetailBean.organisation.typeLibelle}" severity="info" />
<p:tag value="#{organisationDetailBean.organisation.statutLibelle}"
severity="#{organisationDetailBean.organisation.statutSeverity}" />
</div>
</div>
</div>
<div class="flex gap-2">
<ui:include src="/templates/components/button-secondary.xhtml">
<ui:param name="value" value="Retour à la liste"/>
<ui:param name="icon" value="pi pi-arrow-left"/>
<ui:param name="outcome" value="/pages/secure/organisation/liste.xhtml"/>
</ui:include>
</div>
</div>
</div>
<h:panelGroup rendered="#{not empty organisationDetailBean.organisation}">
<div class="grid">
<!-- Bloc identité -->
<div class="col-12 md:col-6">
<div class="card">
<h5 class="mb-3">Identité</h5>
<ui:include src="/templates/components/forms/detail-field.xhtml">
<ui:param name="label" value="Nom complet"/>
<ui:param name="value" value="#{organisationDetailBean.organisation.nom}"/>
</ui:include>
<ui:include src="/templates/components/forms/detail-field.xhtml">
<ui:param name="label" value="Nom court / Sigle"/>
<ui:param name="value" value="#{organisationDetailBean.organisation.nomCourt}"/>
</ui:include>
<ui:include src="/templates/components/forms/detail-field.xhtml">
<ui:param name="label" value="Type"/>
<ui:param name="value" value="#{organisationDetailBean.organisation.typeLibelle}"/>
</ui:include>
<ui:include src="/templates/components/forms/detail-field.xhtml">
<ui:param name="label" value="Statut"/>
<ui:param name="value" value="#{organisationDetailBean.organisation.statutLibelle}"/>
</ui:include>
<ui:include src="/templates/components/forms/detail-field.xhtml">
<ui:param name="label" value="Date de fondation"/>
<ui:param name="value" value="#{organisationDetailBean.organisation.dateFondation}"/>
</ui:include>
<ui:include src="/templates/components/forms/detail-field.xhtml">
<ui:param name="label" value="Numéro d'enregistrement"/>
<ui:param name="value" value="#{organisationDetailBean.organisation.numeroRegistre}"/>
</ui:include>
</div>
</div>
<!-- Bloc contact -->
<div class="col-12 md:col-6">
<div class="card">
<h5 class="mb-3">Contacts</h5>
<ui:include src="/templates/components/forms/detail-field.xhtml">
<ui:param name="label" value="Email"/>
<ui:param name="value" value="#{organisationDetailBean.organisation.email}"/>
</ui:include>
<ui:include src="/templates/components/forms/detail-field.xhtml">
<ui:param name="label" value="Email secondaire"/>
<ui:param name="value" value="#{organisationDetailBean.organisation.emailSecondaire}"/>
</ui:include>
<ui:include src="/templates/components/forms/detail-field.xhtml">
<ui:param name="label" value="Téléphone"/>
<ui:param name="value" value="#{organisationDetailBean.organisation.telephone}"/>
</ui:include>
<ui:include src="/templates/components/forms/detail-field.xhtml">
<ui:param name="label" value="Téléphone secondaire"/>
<ui:param name="value" value="#{organisationDetailBean.organisation.telephoneSecondaire}"/>
</ui:include>
<ui:include src="/templates/components/forms/detail-field.xhtml">
<ui:param name="label" value="Site web"/>
<ui:param name="value" value="#{organisationDetailBean.organisation.siteWeb}"/>
</ui:include>
<ui:include src="/templates/components/forms/detail-field.xhtml">
<ui:param name="label" value="Responsable principal"/>
<ui:param name="value" value="#{organisationDetailBean.organisation.responsablePrincipal}"/>
</ui:include>
</div>
</div>
<!-- Bloc localisation -->
<div class="col-12 md:col-6">
<div class="card">
<h5 class="mb-3">Localisation</h5>
<ui:include src="/templates/components/forms/detail-field.xhtml">
<ui:param name="label" value="Adresse complète"/>
<ui:param name="value" value="#{organisationDetailBean.organisation.adresseComplete}"/>
<ui:param name="multiline" value="true"/>
</ui:include>
<ui:include src="/templates/components/forms/detail-field.xhtml">
<ui:param name="label" value="Ville"/>
<ui:param name="value" value="#{organisationDetailBean.organisation.ville}"/>
</ui:include>
<ui:include src="/templates/components/forms/detail-field.xhtml">
<ui:param name="label" value="Région"/>
<ui:param name="value" value="#{organisationDetailBean.organisation.region}"/>
</ui:include>
<ui:include src="/templates/components/forms/detail-field.xhtml">
<ui:param name="label" value="Pays"/>
<ui:param name="value" value="#{organisationDetailBean.organisation.pays}"/>
</ui:include>
<ui:include src="/templates/components/forms/detail-field.xhtml">
<ui:param name="label" value="Code postal"/>
<ui:param name="value" value="#{organisationDetailBean.organisation.codePostal}"/>
</ui:include>
<ui:include src="/templates/components/forms/detail-field.xhtml">
<ui:param name="label" value="Latitude"/>
<ui:param name="value" value="#{organisationDetailBean.organisation.latitude}"/>
</ui:include>
<ui:include src="/templates/components/forms/detail-field.xhtml">
<ui:param name="label" value="Longitude"/>
<ui:param name="value" value="#{organisationDetailBean.organisation.longitude}"/>
</ui:include>
</div>
</div>
<!-- Bloc description, objectifs et activités -->
<div class="col-12 md:col-6">
<div class="card">
<h5 class="mb-3">Description, objectifs &amp; activités</h5>
<ui:include src="/templates/components/forms/detail-field.xhtml">
<ui:param name="label" value="Description"/>
<ui:param name="value" value="#{organisationDetailBean.organisation.description}"/>
<ui:param name="multiline" value="true"/>
</ui:include>
<ui:include src="/templates/components/forms/detail-field.xhtml">
<ui:param name="label" value="Objectifs"/>
<ui:param name="value" value="#{organisationDetailBean.organisation.objectifs}"/>
<ui:param name="multiline" value="true"/>
</ui:include>
<ui:include src="/templates/components/forms/detail-field.xhtml">
<ui:param name="label" value="Activités principales"/>
<ui:param name="value" value="#{organisationDetailBean.organisation.activitesPrincipales}"/>
<ui:param name="multiline" value="true"/>
</ui:include>
</div>
</div>
<!-- Bloc gouvernance & membres -->
<div class="col-12 md:col-6">
<div class="card">
<h5 class="mb-3">Gouvernance &amp; membres</h5>
<ui:include src="/templates/components/forms/detail-field.xhtml">
<ui:param name="label" value="Nombre de membres"/>
<ui:param name="value" value="#{organisationDetailBean.organisation.nombreMembres}"/>
</ui:include>
<ui:include src="/templates/components/forms/detail-field.xhtml">
<ui:param name="label" value="Nombre d'administrateurs"/>
<ui:param name="value" value="#{organisationDetailBean.organisation.nombreAdministrateurs}"/>
</ui:include>
<ui:include src="/templates/components/forms/detail-field.xhtml">
<ui:param name="label" value="Organisation publique"/>
<ui:param name="value" value="#{organisationDetailBean.organisation.organisationPublique ? 'Oui' : 'Non'}"/>
</ui:include>
<ui:include src="/templates/components/forms/detail-field.xhtml">
<ui:param name="label" value="Accepte de nouveaux membres"/>
<ui:param name="value" value="#{organisationDetailBean.organisation.accepteNouveauxMembres ? 'Oui' : 'Non'}"/>
</ui:include>
<ui:include src="/templates/components/forms/detail-field.xhtml">
<ui:param name="label" value="Cotisation obligatoire"/>
<ui:param name="value" value="#{organisationDetailBean.organisation.cotisationObligatoire ? 'Oui' : 'Non'}"/>
</ui:include>
</div>
</div>
<!-- Bloc budget & cotisations -->
<div class="col-12 md:col-6">
<div class="card">
<h5 class="mb-3">Budget &amp; cotisations</h5>
<ui:include src="/templates/components/forms/detail-field.xhtml">
<ui:param name="label" value="Budget annuel"/>
<ui:param name="value" value="#{organisationDetailBean.organisation.budgetAnnuel}"/>
</ui:include>
<ui:include src="/templates/components/forms/detail-field.xhtml">
<ui:param name="label" value="Devise"/>
<ui:param name="value" value="#{organisationDetailBean.organisation.devise}"/>
</ui:include>
<ui:include src="/templates/components/forms/detail-field.xhtml">
<ui:param name="label" value="Montant cotisation annuelle"/>
<ui:param name="value" value="#{organisationDetailBean.organisation.montantCotisationAnnuelle}"/>
</ui:include>
</div>
</div>
<!-- Bloc réseaux & partenariats -->
<div class="col-12 md:col-6">
<div class="card">
<h5 class="mb-3">Réseaux &amp; partenariats</h5>
<ui:include src="/templates/components/forms/detail-field.xhtml">
<ui:param name="label" value="Réseaux sociaux"/>
<ui:param name="value" value="#{organisationDetailBean.organisation.reseauxSociaux}"/>
<ui:param name="multiline" value="true"/>
</ui:include>
<ui:include src="/templates/components/forms/detail-field.xhtml">
<ui:param name="label" value="Certifications / labels"/>
<ui:param name="value" value="#{organisationDetailBean.organisation.certifications}"/>
<ui:param name="multiline" value="true"/>
</ui:include>
<ui:include src="/templates/components/forms/detail-field.xhtml">
<ui:param name="label" value="Partenaires principaux"/>
<ui:param name="value" value="#{organisationDetailBean.organisation.partenaires}"/>
<ui:param name="multiline" value="true"/>
</ui:include>
</div>
</div>
<!-- Bloc notes & hiérarchie -->
<div class="col-12 md:col-6">
<div class="card">
<h5 class="mb-3">Notes &amp; hiérarchie</h5>
<ui:include src="/templates/components/forms/detail-field.xhtml">
<ui:param name="label" value="Organisation parente"/>
<ui:param name="value" value="#{organisationDetailBean.organisation.nomOrganisationParente}"/>
</ui:include>
<ui:include src="/templates/components/forms/detail-field.xhtml">
<ui:param name="label" value="ID organisation parente"/>
<ui:param name="value" value="#{organisationDetailBean.organisation.organisationParenteId}"/>
</ui:include>
<ui:include src="/templates/components/forms/detail-field.xhtml">
<ui:param name="label" value="Niveau hiérarchique"/>
<ui:param name="value" value="#{organisationDetailBean.organisation.niveauHierarchique}"/>
</ui:include>
<ui:include src="/templates/components/forms/detail-field.xhtml">
<ui:param name="label" value="Notes administratives"/>
<ui:param name="value" value="#{organisationDetailBean.organisation.notes}"/>
<ui:param name="multiline" value="true"/>
</ui:include>
</div>
</div>
</div>
</h:panelGroup>
</h:form>
</ui:define>
</ui:composition>
</html>

View File

@@ -12,21 +12,34 @@
<h:form id="formOrganisations">
<p:messages id="messages" showDetail="true" closable="true"/>
<!-- En-tête avec statistiques (DRY/WOU: utilisation de stat-card) -->
<div class="grid mb-4">
<ui:include src="/templates/components/stat-card.xhtml">
<!-- En-tête avec titre et action principale (DRY/WOU: card-header) -->
<ui:decorate template="/templates/components/cards/card-header.xhtml">
<ui:param name="title" value="Gestion des Organisations" />
<ui:param name="subtitle" value="Liste complète des organisations avec filtres et actions." />
<ui:param name="styleClass" value="mb-3" />
<ui:define name="actions">
<p:button value="Nouvelle Organisation"
icon="pi pi-plus"
outcome="/pages/secure/organisation/nouvelle"
styleClass="ui-button-success" />
</ui:define>
</ui:decorate>
<!-- Statistiques (DRY/WOU: stat-card) -->
<div class="grid mb-3">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{organisationsBean.totalOrganisations}" />
<ui:param name="label" value="Total" />
<ui:param name="icon" value="pi pi-building" />
<ui:param name="bgColor" value="blue" />
</ui:include>
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{organisationsBean.organisationsActives}" />
<ui:param name="label" value="Actives" />
<ui:param name="icon" value="pi pi-check-circle" />
<ui:param name="bgColor" value="green" />
</ui:include>
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{organisationsBean.organisationsInactives}" />
<ui:param name="label" value="Inactives" />
<ui:param name="icon" value="pi pi-times-circle" />
@@ -34,15 +47,17 @@
</ui:include>
</div>
<!-- Barre de recherche et filtres (DRY/WOU: utilisation de form-field) -->
<div class="card">
<div class="grid">
<!-- Filtres et recherche (DRY/WOU: filter-bar) -->
<ui:decorate template="/templates/components/cards/filter-bar.xhtml">
<ui:param name="title" value="Filtres" />
<ui:param name="styleClass" value="mb-3" />
<ui:define name="filters">
<div class="col-12 md:col-4">
<div class="field">
<p:outputLabel for="rechercheGlobale" value="Rechercher" />
<p:inputText id="rechercheGlobale"
value="#{organisationsBean.rechercheGlobale}"
placeholder="Rechercher..."
placeholder="Nom, ville, description..."
styleClass="w-full">
<p:ajax event="keyup" update="dtOrganisations" listener="#{organisationsBean.appliquerFiltres}" delay="500"/>
</p:inputText>
@@ -70,141 +85,136 @@
</p:selectOneMenu>
</div>
</div>
</ui:define>
<ui:define name="actions">
<div class="col-12 md:col-2">
<ui:include src="/templates/components/button-secondary.xhtml">
<ui:param name="value" value="Réinitialiser" />
<ui:param name="icon" value="pi pi-filter-slash" />
<ui:param name="action" value="#{organisationsBean.reinitialiserFiltres}" />
<ui:param name="update" value="dtOrganisations rechercheGlobale filtreStatut filtreType" />
<ui:param name="styleClass" value="w-full" />
</ui:include>
<div class="field">
<label class="invisible">Actions</label>
<p:commandButton value="Réinitialiser"
icon="pi pi-filter-slash"
action="#{organisationsBean.reinitialiserFiltres}"
update="dtOrganisations rechercheGlobale filtreStatut filtreType"
styleClass="ui-button-secondary w-full" />
</div>
</div>
<div class="col-12 md:col-2">
<p:commandButton value="Nouvelle"
icon="pi pi-plus"
action="#{organisationsBean.preparerNouvelleOrganisation}"
update=":formNouvelle @form"
oncomplete="PF('dlgNouvelle').show();"
styleClass="ui-button-success w-full"/>
<div class="field">
<label class="invisible">Actions</label>
<p:commandButton value="Rafraîchir"
icon="pi pi-refresh"
action="#{organisationsBean.recharger}"
update="@form"
styleClass="ui-button-secondary w-full" />
</div>
</div>
</div>
</div>
</ui:define>
</ui:decorate>
<!-- Table des organisations -->
<div class="card">
<h5>Liste des Organisations</h5>
<p:dataTable id="dtOrganisations"
value="#{organisationsBean.organisationsFiltrees}"
var="org"
paginator="true"
rows="20"
rowsPerPageTemplate="10,20,50,100"
paginatorPosition="bottom"
emptyMessage="Aucune organisation trouvée"
styleClass="table-responsive">
<p:column headerText="Logo" styleClass="text-center" style="width: 80px;">
<i class="pi pi-building text-4xl text-primary"></i>
</p:column>
<p:column headerText="Nom" sortBy="#{org.nom}" filterBy="#{org.nom}">
<h:outputText value="#{org.nom}" styleClass="font-bold"/>
<br/>
<h:outputText value="#{org.typeLibelle}" styleClass="text-sm text-500"/>
</p:column>
<p:column headerText="Type" sortBy="#{org.typeAssociation}" style="width: 150px;">
<p:tag value="#{org.typeLibelle}"
severity="#{org.typeAssociation == 'LIONS_CLUB' ? 'info' : 'primary'}"/>
</p:column>
<p:column headerText="Localisation" style="width: 200px;">
<i class="pi pi-map-marker mr-1"></i>
<h:outputText value="#{org.ville}, #{org.region}"/>
</p:column>
<p:column headerText="Membres" styleClass="text-center" style="width: 100px;">
<p:tag value="#{org.nombreMembres}" severity="info" icon="pi pi-users"/>
</p:column>
<p:column headerText="Statut" sortBy="#{org.statut}" styleClass="text-center" style="width: 100px;">
<p:tag value="#{org.statut}"
severity="#{org.statut == organisationsBean.statutActive ? 'success' : 'warning'}"
icon="#{org.statut == organisationsBean.statutActive ? 'pi pi-check' : 'pi pi-times'}"/>
</p:column>
<p:column headerText="Actions" styleClass="text-center" style="width: 180px;">
<p:commandButton icon="pi pi-pencil"
title="Modifier"
action="#{organisationsBean.setOrganisationSelectionnee(org)}"
oncomplete="PF('dlgModifier').show();"
update=":formModifier"
styleClass="ui-button-rounded ui-button-warning mr-2"/>
<!-- Table des organisations (DRY/WOU: card-simple) -->
<ui:decorate template="/templates/components/cards/card-simple.xhtml">
<ui:param name="title" value="Liste des Organisations" />
<ui:define name="content">
<!-- Note: p:dataTable avec var, sortBy, filterBy doit être directement dans la page -->
<p:dataTable id="dtOrganisations"
value="#{organisationsBean.organisationsFiltrees}"
var="org"
paginator="true"
rows="20"
rowsPerPageTemplate="10,20,50,100"
paginatorPosition="bottom"
emptyMessage="Aucune organisation trouvée"
styleClass="table-responsive">
<p:commandButton icon="#{org.statut == organisationsBean.statutActive ? 'pi pi-ban' : 'pi pi-check'}"
title="#{org.statut == organisationsBean.statutActive ? 'Désactiver' : 'Activer'}"
action="#{organisationsBean.basculerStatutOrganisation(org)}"
update=":formOrganisations:dtOrganisations :formOrganisations:messages"
styleClass="ui-button-rounded #{org.statut == organisationsBean.statutActive ? 'ui-button-secondary' : 'ui-button-success'} mr-2">
<p:confirm header="Confirmation"
message="Êtes-vous sûr de vouloir #{org.statut == organisationsBean.statutActive ? 'désactiver' : 'activer'} cette organisation ?"
icon="pi pi-exclamation-triangle"/>
</p:commandButton>
<!-- Logo (DRY/WOU: organisation-logo) -->
<p:column headerText="" style="width: 80px;">
<ui:include src="/templates/components/layout/organisation-logo.xhtml">
<ui:param name="logo" value="#{org.logo}"/>
<ui:param name="size" value="40"/>
</ui:include>
</p:column>
<p:commandButton icon="pi pi-trash"
title="Supprimer"
action="#{organisationsBean.supprimerOrganisation(org)}"
update=":formOrganisations:dtOrganisations :formOrganisations:messages"
styleClass="ui-button-rounded ui-button-danger">
<p:confirm header="Confirmation"
message="Êtes-vous sûr de vouloir supprimer cette organisation ? Cette action est irréversible."
icon="pi pi-exclamation-triangle"/>
</p:commandButton>
</p:column>
</p:dataTable>
</div>
<!-- Nom avec sous-titre -->
<p:column headerText="Nom" sortBy="#{org.nom}" filterBy="#{org.nom}">
<h:outputText value="#{org.nom}" styleClass="font-bold"/>
<br/>
<h:outputText value="#{org.typeLibelle}" styleClass="text-sm text-500"/>
</p:column>
<!-- Type -->
<p:column headerText="Type" sortBy="#{org.typeAssociation}" style="width: 150px;">
<p:tag value="#{org.typeLibelle}"
severity="#{org.typeAssociation == 'LIONS_CLUB' ? 'info' : 'primary'}"/>
</p:column>
<!-- Localisation -->
<p:column headerText="Localisation" style="width: 200px;">
<i class="pi pi-map-marker mr-2 text-500"/>
<h:outputText value="#{org.ville}, #{org.region}"/>
</p:column>
<!-- Membres -->
<p:column headerText="Membres" styleClass="text-center" style="width: 100px;">
<p:tag value="#{org.nombreMembres}" severity="info" icon="pi pi-users"/>
</p:column>
<!-- Statut -->
<p:column headerText="Statut" sortBy="#{org.statut}" styleClass="text-center" style="width: 100px;">
<p:tag value="#{org.statut}"
severity="#{org.statut == organisationsBean.statutActive ? 'success' : 'warning'}"
icon="#{org.statut == organisationsBean.statutActive ? 'pi pi-check' : 'pi pi-times'}"/>
</p:column>
<!-- Actions - Note: actionListener avec paramètres doit être directement dans la page -->
<p:column headerText="Actions" style="width: 220px;">
<p:commandButton icon="pi pi-search"
title="Consulter"
styleClass="ui-button-rounded ui-button-info mr-2"
onclick="window.location='#{request.contextPath}/pages/secure/organisation/detail.xhtml?id=#{org.id}';return false;"/>
<p:commandButton icon="pi pi-pencil"
title="Modifier"
actionListener="#{organisationsBean.setOrganisationSelectionnee(org)}"
oncomplete="PF('dlgModifier').show();"
update=":formModifier"
styleClass="ui-button-rounded ui-button-warning mr-2"/>
<p:commandButton icon="#{org.statut == organisationsBean.statutActive ? 'pi pi-ban' : 'pi pi-check'}"
title="#{org.statut == organisationsBean.statutActive ? 'Désactiver' : 'Activer'}"
actionListener="#{organisationsBean.basculerStatutOrganisation(org)}"
update=":formOrganisations:dtOrganisations :formOrganisations:messages"
styleClass="ui-button-rounded #{org.statut == organisationsBean.statutActive ? 'ui-button-secondary' : 'ui-button-success'} mr-2">
<p:confirm header="Confirmation"
message="Êtes-vous sûr de vouloir changer le statut de cette organisation ?"
icon="pi pi-exclamation-triangle"/>
</p:commandButton>
<p:commandButton icon="pi pi-trash"
title="Supprimer"
actionListener="#{organisationsBean.supprimerOrganisation(org)}"
update=":formOrganisations:dtOrganisations :formOrganisations:messages"
styleClass="ui-button-rounded ui-button-danger">
<p:confirm header="Confirmation"
message="Êtes-vous sûr de vouloir supprimer cette organisation ? Cette action est irréversible."
icon="pi pi-exclamation-triangle"/>
</p:commandButton>
</p:column>
</p:dataTable>
</ui:define>
</ui:decorate>
<p:confirmDialog global="true" showEffect="fade" hideEffect="fade" responsive="true" width="350">
<p:commandButton value="Non" type="button" styleClass="ui-button-secondary" icon="pi pi-times"
onclick="PF('confirmDialog').hide()"/>
<p:commandButton value="Oui" type="button" styleClass="ui-button-danger" icon="pi pi-check"/>
</p:confirmDialog>
<!-- Dialogue de confirmation global (DRY/WOU: confirm-dialog) -->
<ui:include src="/templates/components/dialogs/confirm-dialog.xhtml" />
</h:form>
<!-- Dialogue Nouvelle Organisation (DRY/WOU: utilisation de form-dialog) -->
<ui:decorate template="/templates/components/form-dialog.xhtml">
<ui:param name="dialogId" value="dlgNouvelle" />
<ui:param name="header" value="Nouvelle Organisation" />
<ui:param name="widgetVar" value="dlgNouvelle" />
<ui:param name="formId" value="formNouvelle" />
<ui:param name="width" value="800" />
<ui:define name="content">
<ui:include src="/ui/includes/organisation-form.xhtml">
<ui:param name="model" value="#{organisationsBean.nouvelleOrganisation}" />
<ui:param name="typesItems" value="#{organisationsBean.typesSelectItemsForForm}" />
</ui:include>
</ui:define>
<ui:define name="footer">
<p:commandButton value="Annuler"
icon="pi pi-times"
onclick="PF('dlgNouvelle').hide();"
styleClass="ui-button-secondary"/>
<p:commandButton value="Créer"
icon="pi pi-check"
action="#{organisationsBean.creerOrganisation}"
update=":formOrganisations:dtOrganisations :formOrganisations:messages"
oncomplete="if(!args.validationFailed) PF('dlgNouvelle').hide();"
styleClass="ui-button-success"/>
</ui:define>
</ui:decorate>
<!-- Dialogue Modifier Organisation (DRY/WOU: utilisation de form-dialog) -->
<ui:decorate template="/templates/components/form-dialog.xhtml">
<!-- Dialogue Modifier Organisation (DRY/WOU: form-dialog) -->
<ui:decorate template="/templates/components/dialogs/form-dialog.xhtml">
<ui:param name="dialogId" value="dlgModifier" />
<ui:param name="header" value="Modifier Organisation" />
<ui:param name="widgetVar" value="dlgModifier" />
<ui:param name="formId" value="formModifier" />
<ui:param name="width" value="800" />
<ui:param name="width" value="900" />
<ui:param name="maximizable" value="true" />
<ui:param name="fitViewport" value="true" />
<ui:define name="content">
<ui:fragment rendered="#{organisationsBean.organisationSelectionnee != null}">
<ui:include src="/ui/includes/organisation-form.xhtml">
@@ -214,16 +224,17 @@
</ui:fragment>
</ui:define>
<ui:define name="footer">
<p:commandButton value="Annuler"
<p:commandButton value="Annuler"
icon="pi pi-times"
type="button"
onclick="PF('dlgModifier').hide();"
styleClass="ui-button-secondary"/>
<p:commandButton value="Enregistrer"
styleClass="ui-button-secondary" />
<p:commandButton value="Enregistrer"
icon="pi pi-check"
action="#{organisationsBean.modifierOrganisation}"
update=":formOrganisations:dtOrganisations :formOrganisations:messages"
oncomplete="if(!args.validationFailed) PF('dlgModifier').hide();"
styleClass="ui-button-success"/>
styleClass="ui-button-success" />
</ui:define>
</ui:decorate>
</ui:define>

View File

@@ -0,0 +1,63 @@
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:f="http://xmlns.jcp.org/jsf/core"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
xmlns:p="http://primefaces.org/ui">
<ui:composition template="/templates/main-template.xhtml">
<ui:define name="title">Nouvelle Organisation</ui:define>
<ui:define name="content">
<!-- Initialiser le modèle et le catalogue des types à chaque affichage de la vue -->
<f:event type="preRenderView" listener="#{organisationsBean.preparerNouvelleOrganisation}" />
<h:form id="formNouvelleOrganisation">
<p:messages id="messages" showDetail="true" closable="true"/>
<div class="card mb-3">
<div class="flex justify-content-between align-items-center flex-column md:flex-row">
<div class="mb-2 md:mb-0">
<h3 class="m-0">Nouvelle Organisation</h3>
<span class="text-600">
Renseignez l'ensemble des informations de l'organisation.
</span>
</div>
<div class="flex gap-2">
<ui:include src="/templates/components/button-secondary.xhtml">
<ui:param name="value" value="Annuler"/>
<ui:param name="icon" value="pi pi-times"/>
<ui:param name="outcome" value="/pages/secure/organisation/liste"/>
</ui:include>
</div>
</div>
</div>
<div class="card">
<h5 class="mb-3">Informations de l'Organisation</h5>
<ui:include src="/ui/includes/organisation-form.xhtml">
<ui:param name="model" value="#{organisationsBean.nouvelleOrganisation}" />
<ui:param name="typesItems" value="#{organisationsBean.typesSelectItemsForForm}" />
</ui:include>
</div>
<div class="mt-3 flex justify-content-end gap-2">
<ui:include src="/templates/components/button-secondary.xhtml">
<ui:param name="value" value="Annuler"/>
<ui:param name="icon" value="pi pi-times"/>
<ui:param name="outcome" value="/pages/secure/organisation/liste"/>
</ui:include>
<ui:include src="/templates/components/button-success.xhtml">
<ui:param name="value" value="Créer"/>
<ui:param name="icon" value="pi pi-check"/>
<ui:param name="action" value="#{organisationsBean.creerOrganisation}"/>
<ui:param name="update" value=":formNouvelleOrganisation:messages"/>
<ui:param name="onclick" value=""/>
</ui:include>
</div>
</h:form>
</ui:define>
</ui:composition>
</html>

View File

@@ -10,7 +10,7 @@
<ui:define name="content">
<!-- En-tête -->
<ui:include src="/templates/components/page-header.xhtml">
<ui:include src="/templates/components/layout/page-header.xhtml">
<ui:param name="icon" value="pi pi-history text-purple-500" />
<ui:param name="title" value="Mes Activités" />
<ui:param name="description" value="Suivez toutes vos interactions et participations dans UnionFlow" />
@@ -34,7 +34,7 @@
<!-- Statistiques d'activité -->
<div class="grid">
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{personnelBean.statistiques.actionsRealisees}" />
<ui:param name="label" value="Actions Totales" />
<ui:param name="subLabel" value="Toutes périodes" />
@@ -42,7 +42,7 @@
<ui:param name="bgColor" value="blue" />
</ui:include>
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{personnelBean.statistiques.evenementsParticipes}" />
<ui:param name="label" value="Événements" />
<ui:param name="subLabel" value="Participés" />
@@ -50,7 +50,7 @@
<ui:param name="bgColor" value="green" />
</ui:include>
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{personnelBean.statistiques.tauxParticipation}%" />
<ui:param name="label" value="Taux Participation" />
<ui:param name="subLabel" value="Global" />
@@ -58,7 +58,7 @@
<ui:param name="bgColor" value="purple" />
</ui:include>
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="8h" />
<ui:param name="label" value="Temps Connecté" />
<ui:param name="subLabel" value="Cette semaine" />

View File

@@ -10,7 +10,7 @@
<ui:define name="content">
<!-- En-tête -->
<ui:include src="/templates/components/page-header.xhtml">
<ui:include src="/templates/components/layout/page-header.xhtml">
<ui:param name="icon" value="pi pi-calendar text-blue-500" />
<ui:param name="title" value="Mon Agenda" />
<ui:param name="description" value="Organisez votre planning et ne manquez aucun événement important" />
@@ -34,7 +34,7 @@
<!-- Statistiques agenda -->
<div class="grid">
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="7" />
<ui:param name="label" value="Cette Semaine" />
<ui:param name="subLabel" value="Événements" />
@@ -42,7 +42,7 @@
<ui:param name="bgColor" value="blue" />
</ui:include>
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="3" />
<ui:param name="label" value="Aujourd'hui" />
<ui:param name="subLabel" value="Rendez-vous" />
@@ -50,7 +50,7 @@
<ui:param name="bgColor" value="green" />
</ui:include>
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{personnelBean.statistiques.evenementsParticipes}" />
<ui:param name="label" value="Ce Mois" />
<ui:param name="subLabel" value="Total" />
@@ -58,7 +58,7 @@
<ui:param name="bgColor" value="purple" />
</ui:include>
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{personnelBean.statistiques.tauxParticipation}%" />
<ui:param name="label" value="Taux Présence" />
<ui:param name="subLabel" value="Moyenne" />

View File

@@ -10,7 +10,7 @@
<ui:define name="content">
<!-- En-tête -->
<ui:include src="/templates/components/page-header.xhtml">
<ui:include src="/templates/components/layout/page-header.xhtml">
<ui:param name="icon" value="pi pi-folder text-green-500" />
<ui:param name="title" value="Mes Documents" />
<ui:param name="description" value="Gérez vos documents personnels et accédez aux fichiers partagés" />
@@ -34,7 +34,7 @@
<!-- Statistiques stockage -->
<div class="grid">
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{personnelBean.documents != null ? personnelBean.documents.size() : 0}" />
<ui:param name="label" value="Documents" />
<ui:param name="subLabel" value="Personnels" />
@@ -42,7 +42,7 @@
<ui:param name="bgColor" value="blue" />
</ui:include>
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="2.4 GB" />
<ui:param name="label" value="Utilisé" />
<ui:param name="subLabel" value="Sur 5 GB" />

View File

@@ -10,7 +10,7 @@
<ui:define name="content">
<!-- En-tête -->
<ui:include src="/templates/components/page-header.xhtml">
<ui:include src="/templates/components/layout/page-header.xhtml">
<ui:param name="icon" value="pi pi-bell text-orange-500" />
<ui:param name="title" value="Mes Notifications" />
<ui:param name="description" value="Gérez vos notifications et restez informé des événements importants" />
@@ -34,7 +34,7 @@
<!-- Statistiques notifications -->
<div class="grid">
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{personnelBean.notifications != null ? personnelBean.notifications.stream().filter(n -> !n.lue).count() : 0}" />
<ui:param name="label" value="Non Lues" />
<ui:param name="subLabel" value="Nouvelles" />
@@ -42,7 +42,7 @@
<ui:param name="bgColor" value="red" />
</ui:include>
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{personnelBean.notifications != null ? personnelBean.notifications.size() : 0}" />
<ui:param name="label" value="Total" />
<ui:param name="subLabel" value="Notifications" />

View File

@@ -46,7 +46,7 @@
<ui:param name="icon" value="pi pi-pencil" />
<ui:param name="onclick" value="PF('modifierProfilDialog').show();" />
</ui:include>
<ui:include src="/templates/components/button-icon.xhtml">
<ui:include src="/templates/components/buttons/button-icon.xhtml">
<ui:param name="icon" value="pi pi-refresh" />
<ui:param name="action" value="#{personnelBean.actualiser}" />
<ui:param name="update" value="@form" />
@@ -60,7 +60,7 @@
<!-- Statistiques profil -->
<div class="grid" rendered="#{personnelBean.statistiques != null}">
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{personnelBean.statistiques.actionsRealisees}" />
<ui:param name="label" value="Actions Réalisées" />
<ui:param name="subLabel" value="Ce mois-ci" />
@@ -68,7 +68,7 @@
<ui:param name="bgColor" value="blue" />
</ui:include>
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{personnelBean.statistiques.evenementsParticipes}" />
<ui:param name="label" value="Événements" />
<ui:param name="subLabel" value="Participés" />
@@ -76,7 +76,7 @@
<ui:param name="bgColor" value="green" />
</ui:include>
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{personnelBean.statistiques.tauxParticipation}%" />
<ui:param name="label" value="Taux Participation" />
<ui:param name="subLabel" value="Global" />
@@ -84,7 +84,7 @@
<ui:param name="bgColor" value="purple" />
</ui:include>
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{personnelBean.statistiques.evaluationMoyenne}★" />
<ui:param name="label" value="Évaluation" />
<ui:param name="subLabel" value="Moyenne" />

View File

@@ -10,7 +10,7 @@
<ui:define name="content">
<!-- En-tête -->
<ui:include src="/templates/components/page-header.xhtml">
<ui:include src="/templates/components/layout/page-header.xhtml">
<ui:param name="icon" value="pi pi-calendar text-orange-500" />
<ui:param name="title" value="Rapports Activités" />
<ui:param name="description" value="Analyse des activités et événements" />
@@ -22,7 +22,7 @@
<ui:param name="icon" value="pi pi-download" />
<ui:param name="onclick" value="PF('dlgExport').show();" />
</ui:include>
<ui:include src="/templates/components/button-icon.xhtml">
<ui:include src="/templates/components/buttons/button-icon.xhtml">
<ui:param name="icon" value="pi pi-refresh" />
<ui:param name="action" value="#{rapportsBean.actualiser}" />
<ui:param name="update" value="@form" />
@@ -38,14 +38,14 @@
<!-- Statistiques activités -->
<div class="grid">
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{rapportsBean.indicateurs.totalEvenements}" />
<ui:param name="label" value="Total Événements" />
<ui:param name="icon" value="pi pi-calendar" />
<ui:param name="bgColor" value="orange" />
</ui:include>
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{rapportsBean.indicateurs.croissanceEvenements}%" />
<ui:param name="label" value="Croissance Événements" />
<ui:param name="icon" value="pi pi-arrow-up" />

View File

@@ -10,7 +10,7 @@
<ui:define name="content">
<!-- En-tête -->
<ui:include src="/templates/components/page-header.xhtml">
<ui:include src="/templates/components/layout/page-header.xhtml">
<ui:param name="icon" value="pi pi-download text-indigo-500" />
<ui:param name="title" value="Export de Rapports" />
<ui:param name="description" value="Générer et exporter des rapports personnalisés" />

View File

@@ -10,7 +10,7 @@
<ui:define name="content">
<!-- En-tête -->
<ui:include src="/templates/components/page-header.xhtml">
<ui:include src="/templates/components/layout/page-header.xhtml">
<ui:param name="icon" value="pi pi-dollar text-green-500" />
<ui:param name="title" value="Rapports Financiers" />
<ui:param name="description" value="Analyse financière et suivi des revenus" />
@@ -22,7 +22,7 @@
<ui:param name="icon" value="pi pi-download" />
<ui:param name="onclick" value="PF('dlgExport').show();" />
</ui:include>
<ui:include src="/templates/components/button-icon.xhtml">
<ui:include src="/templates/components/buttons/button-icon.xhtml">
<ui:param name="icon" value="pi pi-refresh" />
<ui:param name="action" value="#{rapportsBean.actualiser}" />
<ui:param name="update" value="@form" />
@@ -92,28 +92,28 @@
<!-- Indicateurs financiers -->
<div class="grid">
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{rapportsBean.indicateurs.revenus}" />
<ui:param name="label" value="Revenus Totaux" />
<ui:param name="icon" value="pi pi-dollar" />
<ui:param name="bgColor" value="green" />
</ui:include>
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{rapportsBean.indicateurs.croissanceRevenus}%" />
<ui:param name="label" value="Croissance Revenus" />
<ui:param name="icon" value="pi pi-arrow-up" />
<ui:param name="bgColor" value="blue" />
</ui:include>
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{rapportsBean.indicateurs.totalMembres}" />
<ui:param name="label" value="Membres Actifs" />
<ui:param name="icon" value="pi pi-users" />
<ui:param name="bgColor" value="purple" />
</ui:include>
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{rapportsBean.indicateurs.croissanceMembres}%" />
<ui:param name="label" value="Croissance Membres" />
<ui:param name="icon" value="pi pi-chart-line" />

View File

@@ -10,7 +10,7 @@
<ui:define name="content">
<!-- En-tête -->
<ui:include src="/templates/components/page-header.xhtml">
<ui:include src="/templates/components/layout/page-header.xhtml">
<ui:param name="icon" value="pi pi-users text-blue-500" />
<ui:param name="title" value="Rapports Membres" />
<ui:param name="description" value="Analyse et statistiques sur les membres" />
@@ -22,7 +22,7 @@
<ui:param name="icon" value="pi pi-download" />
<ui:param name="onclick" value="PF('dlgExport').show();" />
</ui:include>
<ui:include src="/templates/components/button-icon.xhtml">
<ui:include src="/templates/components/buttons/button-icon.xhtml">
<ui:param name="icon" value="pi pi-refresh" />
<ui:param name="action" value="#{rapportsBean.actualiser}" />
<ui:param name="update" value="@form" />
@@ -38,14 +38,14 @@
<!-- Statistiques membres -->
<div class="grid">
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{rapportsBean.indicateurs.totalMembres}" />
<ui:param name="label" value="Total Membres" />
<ui:param name="icon" value="pi pi-users" />
<ui:param name="bgColor" value="blue" />
</ui:include>
<ui:include src="/templates/components/stat-card.xhtml">
<ui:include src="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{rapportsBean.indicateurs.croissanceMembres}%" />
<ui:param name="label" value="Croissance" />
<ui:param name="icon" value="pi pi-arrow-up" />

View File

@@ -0,0 +1,26 @@
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
xmlns:p="http://primefaces.org/ui">
<!--
Composant bouton "Supprimer" avec confirmation réutilisable - DRY/WOU
Usage :
<ui:include src="/templates/components/buttons/action-button-delete.xhtml">
<ui:param name="actionListener" value="#{bean.deleteItem(item)}"/>
<ui:param name="update" value=":formList:dtItems :formList:messages"/>
<ui:param name="confirmMessage" value="Êtes-vous sûr de vouloir supprimer cet élément ?"/>
</ui:include>
-->
<p:commandButton icon="pi pi-trash"
title="Supprimer"
actionListener="#{actionListener}"
update="#{update}"
styleClass="ui-button-rounded ui-button-danger #{styleClass}">
<p:confirm header="Confirmation"
message="#{empty confirmMessage ? 'Êtes-vous sûr de vouloir supprimer cet élément ?' : confirmMessage}"
icon="pi pi-exclamation-triangle"/>
</p:commandButton>
</ui:composition>

View File

@@ -0,0 +1,22 @@
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
xmlns:p="http://primefaces.org/ui">
<!--
Composant bouton "Modifier" réutilisable - DRY/WOU
Usage :
<ui:include src="/templates/components/buttons/action-button-edit.xhtml">
<ui:param name="actionListener" value="#{bean.setItemSelected(item)}"/>
<ui:param name="update" value=":formEdit"/>
<ui:param name="dialogWidget" value="dlgEdit"/>
</ui:include>
-->
<p:commandButton icon="pi pi-pencil"
title="Modifier"
actionListener="#{actionListener}"
oncomplete="PF('#{dialogWidget}').show();"
update="#{update}"
styleClass="ui-button-rounded ui-button-warning #{styleClass}"/>
</ui:composition>

View File

@@ -0,0 +1,27 @@
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
xmlns:p="http://primefaces.org/ui">
<!--
Composant bouton "Activer/Désactiver" avec confirmation réutilisable - DRY/WOU
Usage :
<ui:include src="/templates/components/buttons/action-button-toggle.xhtml">
<ui:param name="actionListener" value="#{bean.toggleItem(item)}"/>
<ui:param name="update" value=":formList:dtItems :formList:messages"/>
<ui:param name="isActive" value="#{item.statut == 'ACTIVE'}"/>
<ui:param name="confirmMessage" value="Êtes-vous sûr de vouloir changer le statut ?"/>
</ui:include>
-->
<p:commandButton icon="#{isActive ? 'pi pi-ban' : 'pi pi-check'}"
title="#{isActive ? 'Désactiver' : 'Activer'}"
actionListener="#{actionListener}"
update="#{update}"
styleClass="ui-button-rounded #{isActive ? 'ui-button-secondary' : 'ui-button-success'} #{styleClass}">
<p:confirm header="Confirmation"
message="#{empty confirmMessage ? 'Êtes-vous sûr de vouloir changer le statut ?' : confirmMessage}"
icon="pi pi-exclamation-triangle"/>
</p:commandButton>
</ui:composition>

View File

@@ -0,0 +1,20 @@
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
xmlns:p="http://primefaces.org/ui">
<!--
Composant bouton "Consulter" réutilisable - DRY/WOU
Usage :
<ui:include src="/templates/components/action-button-view.xhtml">
<ui:param name="id" value="#{item.id}"/>
<ui:param name="detailPage" value="/pages/secure/organisation/detail.xhtml"/>
</ui:include>
-->
<p:commandButton icon="pi pi-search"
title="Consulter"
styleClass="ui-button-rounded ui-button-info #{styleClass}"
onclick="window.location='#{request.contextPath}#{detailPage}?id=#{id}';return false;"/>
</ui:composition>

View File

@@ -6,7 +6,7 @@
<!--
Composant bouton icône seule réutilisable (WOU/DRY)
Usage: <ui:include src="/templates/components/button-icon.xhtml">
Usage: <ui:include src="/templates/components/buttons/button-icon.xhtml">
<ui:param name="icon" value="pi pi-icon-name" />
<ui:param name="action" value="#{bean.method}" />
<ui:param name="update" value="componentId" />

View File

@@ -24,12 +24,10 @@
<p:commandButton
value="#{value}"
icon="#{icon}"
action="#{action}"
actionListener="#{actionListener}"
update="#{update}"
onclick="#{onclick}"
disabled="#{not empty disabled and disabled}"
styleClass="ui-button-secondary #{not empty outlined and outlined ? 'ui-button-outlined' : ''} #{styleClass}"
styleClass="ui-button-secondary #{not empty outlined and outlined ? 'ui-button-outlined' : ''} #{not empty styleClass ? styleClass : ''}"
title="#{title}" />
</ui:fragment>
<ui:fragment rendered="#{not empty outcome}">
@@ -37,7 +35,7 @@
value="#{value}"
icon="#{icon}"
outcome="#{outcome}"
styleClass="ui-button-secondary #{not empty outlined and outlined ? 'ui-button-outlined' : ''} #{styleClass}"
styleClass="ui-button-secondary #{not empty outlined and outlined ? 'ui-button-outlined' : ''} #{not empty styleClass ? styleClass : ''}"
title="#{title}" />
</ui:fragment>
</ui:fragment>

View File

@@ -13,12 +13,10 @@
<p:commandButton
value="#{value}"
icon="#{icon}"
action="#{action}"
actionListener="#{actionListener}"
update="#{update}"
onclick="#{onclick}"
disabled="#{not empty disabled and disabled}"
styleClass="ui-button-success #{not empty outlined and outlined ? 'ui-button-outlined' : ''} #{styleClass}"
styleClass="ui-button-success #{not empty outlined and outlined ? 'ui-button-outlined' : ''} #{not empty styleClass ? styleClass : ''}"
title="#{title}" />
</ui:fragment>
<ui:fragment rendered="#{not empty outcome}">
@@ -26,7 +24,7 @@
value="#{value}"
icon="#{icon}"
outcome="#{outcome}"
styleClass="ui-button-success #{not empty outlined and outlined ? 'ui-button-outlined' : ''} #{styleClass}"
styleClass="ui-button-success #{not empty outlined and outlined ? 'ui-button-outlined' : ''} #{not empty styleClass ? styleClass : ''}"
title="#{title}" />
</ui:fragment>
</ui:fragment>

View File

@@ -0,0 +1,47 @@
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
xmlns:p="http://primefaces.org/ui">
<!--
Composant card avec en-tête et actions - DRY/WOU
Usage :
<ui:decorate template="/templates/components/card-header.xhtml">
<ui:param name="title" value="Titre de la card"/>
<ui:param name="subtitle" value="Sous-titre optionnel"/>
<ui:param name="styleClass" value="mb-3"/>
<ui:define name="actions">
Boutons d'action ici
</ui:define>
<ui:define name="content">
Contenu de la card ici
</ui:define>
</ui:decorate>
-->
<div class="card #{styleClass}">
<div class="flex justify-content-between align-items-center flex-column md:flex-row mb-3">
<div class="mb-2 md:mb-0">
<ui:fragment rendered="#{not empty title}">
<h3 class="m-0">
<h:outputText value="#{title}" />
</h3>
</ui:fragment>
<ui:fragment rendered="#{not empty subtitle}">
<span class="text-600">
<h:outputText value="#{subtitle}" />
</span>
</ui:fragment>
</div>
<div class="flex gap-2">
<ui:insert name="actions">
<!-- Actions buttons go here -->
</ui:insert>
</div>
</div>
<ui:insert name="content">
<!-- Card content goes here -->
</ui:insert>
</div>
</ui:composition>

View File

@@ -0,0 +1,29 @@
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
xmlns:p="http://primefaces.org/ui">
<!--
Composant card simple avec titre optionnel - DRY/WOU
Usage :
<ui:decorate template="/templates/components/card-simple.xhtml">
<ui:param name="title" value="Titre de la card"/>
<ui:param name="styleClass" value="mb-3"/>
<ui:define name="content">
Contenu de la card ici
</ui:define>
</ui:decorate>
-->
<div class="card #{styleClass}">
<ui:fragment rendered="#{not empty title}">
<h5 class="mb-3">
<h:outputText value="#{title}" />
</h5>
</ui:fragment>
<ui:insert name="content">
<!-- Card content goes here -->
</ui:insert>
</div>
</ui:composition>

View File

@@ -0,0 +1,38 @@
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:f="http://xmlns.jcp.org/jsf/core"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
xmlns:p="http://primefaces.org/ui">
<!--
Composant barre de filtres et recherche réutilisable - DRY/WOU
Usage :
<ui:decorate template="/templates/components/cards/filter-bar.xhtml">
<ui:param name="title" value="Filtres" />
<ui:param name="styleClass" value="mb-3" />
<ui:define name="filters">
Champs de filtres ici (recherche, dropdowns, etc.)
</ui:define>
<ui:define name="actions">
Boutons d'action (réinitialiser, rafraîchir, etc.)
</ui:define>
</ui:decorate>
-->
<div class="card #{styleClass}">
<ui:fragment rendered="#{not empty title}">
<h5 class="mb-3">
<h:outputText value="#{title}" />
</h5>
</ui:fragment>
<div class="grid">
<ui:insert name="filters">
<!-- Filter fields go here -->
</ui:insert>
<ui:insert name="actions">
<!-- Action buttons go here -->
</ui:insert>
</div>
</div>
</ui:composition>

View File

@@ -0,0 +1,40 @@
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:f="http://xmlns.jcp.org/jsf/core"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
xmlns:p="http://primefaces.org/ui">
<!--
Composant carte de statistique réutilisable (WOU/DRY)
Usage: ui:include src="/templates/components/cards/stat-card.xhtml"
ui:param name="value" value="EXPRESSION_EL_ICI"
ui:param name="label" value="Label de la statistique"
ui:param name="icon" value="pi pi-icon-name"
ui:param name="bgColor" value="blue"
bgColor: blue, green, orange, purple, etc.
-->
<div class="col-12 md:col-3">
<h:panelGroup layout="block"
styleClass="card #{bgColor == 'blue' ? 'bg-blue-100 border-left-3 border-blue-500' : (bgColor == 'green' ? 'bg-green-100 border-left-3 border-green-500' : (bgColor == 'orange' ? 'bg-orange-100 border-left-3 border-orange-500' : 'bg-blue-100 border-left-3 border-blue-500'))}">
<div class="flex justify-content-between">
<div>
<h:panelGroup layout="block"
styleClass="font-bold text-xl #{bgColor == 'blue' ? 'text-blue-900' : (bgColor == 'green' ? 'text-green-900' : (bgColor == 'orange' ? 'text-orange-900' : 'text-blue-900'))}">
<h:outputText value="#{value}" />
</h:panelGroup>
<h:panelGroup layout="block"
styleClass="#{bgColor == 'blue' ? 'text-blue-700' : (bgColor == 'green' ? 'text-green-700' : (bgColor == 'orange' ? 'text-orange-700' : 'text-blue-700'))}">
<h:outputText value="#{label}" />
</h:panelGroup>
</div>
<h:panelGroup layout="block"
styleClass="text-white border-round text-center #{bgColor == 'blue' ? 'bg-blue-500' : (bgColor == 'green' ? 'bg-green-500' : (bgColor == 'orange' ? 'bg-orange-500' : 'bg-blue-500'))}"
style="width: 2.5rem; height: 2.5rem; line-height: 2.5rem;">
<i class="#{icon} text-lg"></i>
</h:panelGroup>
</div>
</h:panelGroup>
</div>
</ui:composition>

View File

@@ -0,0 +1,25 @@
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
xmlns:p="http://primefaces.org/ui">
<!--
Composant colonne Actions réutilisable - DRY/WOU
Usage :
<ui:decorate template="/templates/components/column-actions.xhtml">
<ui:param name="width" value="220px"/>
<ui:define name="actions">
Boutons d'action ici (view, edit, toggle, delete, etc.)
</ui:define>
</ui:decorate>
-->
<p:column headerText="Actions"
styleClass="text-center"
style="width: #{empty width ? '200px' : width};">
<ui:insert name="actions">
<!-- Action buttons go here -->
</ui:insert>
</p:column>
</ui:composition>

View File

@@ -0,0 +1,25 @@
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
xmlns:p="http://primefaces.org/ui">
<!--
Composant colonne Logo réutilisable - DRY/WOU
Usage :
<ui:include src="/templates/components/column-logo.xhtml">
<ui:param name="logo" value="#{item.logo}"/>
<ui:param name="size" value="40"/>
<ui:param name="width" value="80px"/>
</ui:include>
-->
<p:column headerText="Logo"
styleClass="text-center"
style="width: #{empty width ? '80px' : width};">
<ui:include src="/templates/components/layout/organisation-logo.xhtml">
<ui:param name="logo" value="#{logo}"/>
<ui:param name="size" value="#{empty size ? '40' : size}"/>
</ui:include>
</p:column>
</ui:composition>

View File

@@ -0,0 +1,28 @@
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
xmlns:p="http://primefaces.org/ui">
<!--
Composant colonne Nom avec sous-titre réutilisable - DRY/WOU
Usage :
<ui:include src="/templates/components/column-name-with-subtitle.xhtml">
<ui:param name="headerText" value="Nom"/>
<ui:param name="name" value="#{item.nom}"/>
<ui:param name="subtitle" value="#{item.typeLibelle}"/>
<ui:param name="sortBy" value="#{item.nom}"/>
<ui:param name="filterBy" value="#{item.nom}"/>
</ui:include>
-->
<p:column headerText="#{empty headerText ? 'Nom' : headerText}"
sortBy="#{sortBy}"
filterBy="#{filterBy}">
<h:outputText value="#{name}" styleClass="font-bold"/>
<ui:fragment rendered="#{not empty subtitle}">
<br/>
<h:outputText value="#{subtitle}" styleClass="text-sm text-500"/>
</ui:fragment>
</p:column>
</ui:composition>

View File

@@ -0,0 +1,28 @@
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
xmlns:p="http://primefaces.org/ui">
<!--
Composant colonne Tag réutilisable - DRY/WOU
Usage :
<ui:include src="/templates/components/column-tag.xhtml">
<ui:param name="headerText" value="Type"/>
<ui:param name="value" value="#{item.typeLibelle}"/>
<ui:param name="severity" value="info"/>
<ui:param name="icon" value="pi pi-building"/>
<ui:param name="sortBy" value="#{item.type}"/>
<ui:param name="width" value="150px"/>
</ui:include>
-->
<p:column headerText="#{headerText}"
sortBy="#{sortBy}"
styleClass="#{empty centered or centered ? 'text-center' : ''}"
style="#{not empty width ? 'width: ' += width : ''}">
<p:tag value="#{value}"
severity="#{empty severity ? 'info' : severity}"
icon="#{icon}"/>
</p:column>
</ui:composition>

View File

@@ -0,0 +1,25 @@
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
xmlns:p="http://primefaces.org/ui">
<!--
Composant colonne Texte avec icône réutilisable - DRY/WOU
Usage :
<ui:include src="/templates/components/column-text-with-icon.xhtml">
<ui:param name="headerText" value="Localisation"/>
<ui:param name="icon" value="pi pi-map-marker"/>
<ui:param name="text" value="#{item.ville}, #{item.region}"/>
<ui:param name="width" value="200px"/>
</ui:include>
-->
<p:column headerText="#{headerText}"
style="#{not empty width ? 'width: ' += width : ''}">
<ui:fragment rendered="#{not empty icon}">
<i class="#{icon} mr-1"></i>
</ui:fragment>
<h:outputText value="#{text}"/>
</p:column>
</ui:composition>

View File

@@ -0,0 +1,53 @@
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
xmlns:p="http://primefaces.org/ui">
<!--
Composant dialogue de confirmation global réutilisable - DRY/WOU
Usage :
<ui:include src="/templates/components/dialogs/confirm-dialog.xhtml">
<ui:param name="global" value="true"/>
<ui:param name="width" value="400"/>
<ui:param name="confirmLabel" value="Oui"/>
<ui:param name="cancelLabel" value="Non"/>
<ui:param name="confirmIcon" value="pi pi-check"/>
<ui:param name="cancelIcon" value="pi pi-times"/>
<ui:param name="confirmStyleClass" value="ui-button-danger"/>
<ui:param name="cancelStyleClass" value="ui-button-secondary"/>
</ui:include>
Paramètres :
- global : Dialogue global pour toute l'application (défaut: true)
- width : Largeur du dialogue (défaut: 350)
- confirmLabel : Label du bouton de confirmation (défaut: Oui)
- cancelLabel : Label du bouton d'annulation (défaut: Non)
- confirmIcon : Icône du bouton de confirmation (défaut: pi pi-check)
- cancelIcon : Icône du bouton d'annulation (défaut: pi pi-times)
- confirmStyleClass : Style du bouton de confirmation (défaut: ui-button-danger)
- cancelStyleClass : Style du bouton d'annulation (défaut: ui-button-secondary)
- showEffect : Effet d'ouverture (défaut: fade)
- hideEffect : Effet de fermeture (défaut: fade)
- responsive : Responsive (défaut: true)
-->
<p:confirmDialog global="true"
showEffect="fade"
hideEffect="fade"
responsive="true"
width="350">
<p:commandButton value="Non"
type="button"
styleClass="ui-button-secondary"
icon="pi pi-times"
onclick="PF('confirmDialog').hide()"/>
<p:commandButton value="Oui"
type="button"
styleClass="ui-button-danger"
icon="pi pi-check"/>
</p:confirmDialog>
</ui:composition>

View File

@@ -0,0 +1,87 @@
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:f="http://xmlns.jcp.org/jsf/core"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
xmlns:p="http://primefaces.org/ui">
<!--
Composant dialogue de formulaire réutilisable et responsive - DRY/WOU
Usage :
<ui:decorate template="/templates/components/dialogs/form-dialog.xhtml">
<ui:param name="dialogId" value="dlgNouvelle" />
<ui:param name="header" value="Nouvelle Organisation" />
<ui:param name="widgetVar" value="dlgNouvelle" />
<ui:param name="formId" value="formNouvelle" />
<ui:param name="width" value="900" />
<ui:param name="height" value="600" />
<ui:param name="maximizable" value="true" />
<ui:param name="fitViewport" value="true" />
<ui:define name="content">
Contenu du formulaire ici
</ui:define>
<ui:define name="footer">
Boutons du footer ici
</ui:define>
</ui:decorate>
Paramètres :
- dialogId : ID unique du dialogue (requis)
- header : Titre du dialogue (requis)
- widgetVar : Variable JavaScript pour contrôler le dialogue (requis)
- formId : ID du formulaire (requis)
- width : Largeur (défaut: 600)
- height : Hauteur (optionnel)
- maximizable : Permet de maximiser (défaut: false)
- fitViewport : Ajuste au viewport (défaut: true)
- modal : Modal ou non (défaut: true)
- resizable : Redimensionnable (défaut: false)
- draggable : Déplaçable (défaut: true)
- closable : Bouton fermer (défaut: true)
- showEffect : Effet d'ouverture (défaut: fade)
- hideEffect : Effet de fermeture (défaut: fade)
-->
<h:form id="#{formId}">
<p:dialog id="#{dialogId}"
header="#{header}"
widgetVar="#{widgetVar}"
modal="#{empty modal ? true : modal}"
resizable="#{empty resizable ? false : resizable}"
width="#{empty width ? '600' : width}"
height="#{height}"
responsive="true"
closable="#{empty closable ? true : closable}"
draggable="#{empty draggable ? true : draggable}"
maximizable="#{not empty maximizable and maximizable}"
fitViewport="#{empty fitViewport ? true : fitViewport}"
showEffect="#{empty showEffect ? 'fade' : showEffect}"
hideEffect="#{empty hideEffect ? 'fade' : hideEffect}"
dynamic="true"
styleClass="#{styleClass}">
<div class="ui-fluid">
<div class="grid">
<ui:insert name="content">
<!-- Contenu du formulaire -->
</ui:insert>
</div>
</div>
<f:facet name="footer">
<div class="flex justify-content-end gap-2">
<ui:insert name="footer">
<!-- Footer par défaut : bouton Annuler -->
<p:commandButton value="#{empty cancelLabel ? 'Annuler' : cancelLabel}"
icon="pi pi-times"
type="button"
onclick="PF('#{widgetVar}').hide();"
styleClass="ui-button-secondary" />
</ui:insert>
</div>
</f:facet>
</p:dialog>
</h:form>
</ui:composition>

View File

@@ -1,68 +0,0 @@
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:f="http://xmlns.jcp.org/jsf/core"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
xmlns:p="http://primefaces.org/ui">
<!--
Composant dialogue de formulaire réutilisable (WOU/DRY)
Usage: <ui:include src="/templates/components/form-dialog.xhtml">
<ui:param name="dialogId" value="dlgNouvelle" />
<ui:param name="header" value="Nouvelle Organisation" />
<ui:param name="widgetVar" value="dlgNouvelle" />
<ui:param name="formId" value="formNouvelle" />
<ui:param name="width" value="800" />
<ui:param name="saveAction" value="#{bean.creerOrganisation}" />
<ui:param name="saveLabel" value="Créer" />
<ui:param name="updateTarget" value=":formOrganisations:dtOrganisations :formOrganisations:messages" />
<ui:define name="content">
Contenu du formulaire
</ui:define>
</ui:include>
-->
<ui:composition>
<h:form id="#{formId}">
<p:dialog id="#{dialogId}"
header="#{header}"
widgetVar="#{widgetVar}"
modal="#{empty modal ? 'true' : modal}"
resizable="#{empty resizable ? 'false' : resizable}"
width="#{empty width ? '600' : width}"
responsive="#{empty responsive ? 'true' : responsive}"
closable="#{empty closable ? 'true' : closable}"
draggable="#{empty draggable ? 'true' : draggable}"
dynamic="true">
<div class="ui-fluid">
<div class="grid">
<ui:insert name="content">
<!-- Contenu du formulaire -->
</ui:insert>
</div>
</div>
<f:facet name="footer">
<ui:insert name="footer">
<!-- Footer par défaut si non fourni -->
<ui:fragment rendered="#{not empty cancelLabel}">
<p:commandButton value="#{cancelLabel}"
icon="pi pi-times"
onclick="PF('#{widgetVar}').hide();"
styleClass="ui-button-secondary"/>
</ui:fragment>
<ui:fragment rendered="#{empty cancelLabel}">
<p:commandButton value="Annuler"
icon="pi pi-times"
onclick="PF('#{widgetVar}').hide();"
styleClass="ui-button-secondary"/>
</ui:fragment>
</ui:insert>
</f:facet>
</p:dialog>
</h:form>
</ui:composition>
</html>

View File

@@ -0,0 +1,32 @@
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
xmlns:p="http://primefaces.org/ui">
<!--
Composant d'affichage de détail (lecture seule) réutilisable - DRY/WOU
Usage :
<ui:include src="/templates/components/forms/detail-field.xhtml">
<ui:param name="label" value="Nom complet"/>
<ui:param name="value" value="#{bean.property}"/>
<ui:param name="multiline" value="true" />
</ui:include>
-->
<div class="mb-3">
<div class="text-600 text-sm mb-1">
<h:outputText value="#{label}" />
</div>
<div class="text-900">
<h:outputText value="#{value}"
rendered="#{value != null}"
escape="true"
style="#{multiline ? 'white-space: pre-line;' : ''}" />
<h:outputText value="Non renseigné"
rendered="#{value == null}"
styleClass="text-400" />
</div>
</div>
</ui:composition>

View File

@@ -23,6 +23,7 @@
<p:selectOneMenu id="#{id}"
value="#{value}"
required="#{not empty required and required}"
disabled="#{not empty readonly and readonly}"
styleClass="w-full">
<f:selectItem itemLabel="Sélectionner..." itemValue="" noSelectionOption="true" rendered="#{not empty required and required}" />
<ui:fragment rendered="#{not empty var and not empty itemLabel and not empty itemValue}">

View File

@@ -21,6 +21,7 @@
value="#{value}"
required="#{not empty required and required}"
placeholder="#{placeholder}"
readonly="#{not empty readonly and readonly}"
styleClass="w-full" />
</div>
</ui:composition>

View File

@@ -21,6 +21,7 @@
value="#{value}"
required="#{not empty required and required}"
rows="#{not empty rows ? rows : 3}"
readonly="#{not empty readonly and readonly}"
styleClass="w-full" />
</div>
</ui:composition>

View File

@@ -41,10 +41,7 @@
<h:form>
<div class="newsletter-input">
<p:inputText placeholder="adresse email" />
<ui:include src="/templates/components/button-secondary.xhtml">
<ui:param name="value" value="S'abonner" />
<ui:param name="outlined" value="false" />
</ui:include>
<p:commandButton value="S'abonner" styleClass="ui-button-secondary" />
</div>
</h:form>
</div>

View File

@@ -54,7 +54,7 @@
<!-- Gestion des Organisations -->
<p:submenu id="m_organisations" label="Organisations" icon="pi pi-building">
<p:menuitem id="m_liste_organisations" value="Liste des Organisations" icon="pi pi-list" outcome="/pages/secure/organisation/liste" />
<p:menuitem id="m_nouvelle_organisation" value="Nouvelle Organisation" icon="pi pi-plus" outcome="/pages/secure/organisation/liste" />
<p:menuitem id="m_nouvelle_organisation" value="Nouvelle Organisation" icon="pi pi-plus" outcome="/pages/secure/organisation/nouvelle" />
<p:menuitem id="m_statistiques_orga" value="Statistiques" icon="pi pi-chart-bar" url="#" />
</p:submenu>

View File

@@ -0,0 +1,29 @@
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
xmlns:p="http://primefaces.org/ui">
<!--
Composant d'affichage du logo d'organisation (avatar circulaire) - DRY/WOU.
Paramètres :
- logo : URL du logo (peut être nul)
- size : taille en pixels (facultatif, défaut 48)
Note: Les erreurs CSS de l'IDE sur la ligne suivante sont des faux positifs.
La syntaxe EL est correcte et sera évaluée côté serveur avant l'envoi au navigateur.
-->
<p:outputPanel styleClass="flex align-items-center justify-content-center border-circle bg-primary-50"
style="width: #{empty size ? 48 : size}px; height: #{empty size ? 48 : size}px; overflow: hidden;">
<p:graphicImage value="#{logo}"
rendered="#{not empty logo}"
style="max-width: 100%; max-height: 100%; object-fit: contain;"/>
<h:panelGroup rendered="#{empty logo}">
<i class="pi pi-building text-2xl text-primary"></i>
</h:panelGroup>
</p:outputPanel>
</ui:composition>

View File

@@ -6,7 +6,7 @@
<!--
Composant en-tête de page réutilisable (WOU/DRY)
Usage: <ui:include src="/templates/components/page-header.xhtml">
Usage: <ui:include src="/templates/components/layout/page-header.xhtml">
<ui:param name="icon" value="pi pi-icon-name" />
<ui:param name="title" value="Titre de la page" />
<ui:param name="description" value="Description de la page" />

View File

@@ -22,7 +22,7 @@
<div class="section-header">
<h6>Mes tâches</h6>
<h:form>
<ui:include src="/templates/components/button-icon.xhtml">
<ui:include src="/templates/components/buttons/button-icon.xhtml">
<ui:param name="icon" value="pi pi-plus" />
<ui:param name="rounded" value="true" />
<ui:param name="text" value="false" />

View File

@@ -15,7 +15,7 @@
</h:link>
</div>
<ui:include src="/templates/components/menu.xhtml" />
<ui:include src="/templates/components/layout/menu.xhtml" />
<div class="layout-topbar-right">
<ul class="layout-topbar-actions">

View File

@@ -1,33 +0,0 @@
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:f="http://xmlns.jcp.org/jsf/core"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
xmlns:p="http://primefaces.org/ui">
<!--
Composant carte de statistique réutilisable (WOU/DRY)
Usage: <ui:include src="/templates/components/stat-card.xhtml">
<ui:param name="value" value="#{bean.valeur}" />
<ui:param name="label" value="Label de la statistique" />
<ui:param name="icon" value="pi pi-icon-name" />
<ui:param name="bgColor" value="blue" />
</ui:include>
bgColor: blue, green, orange, purple, etc.
-->
<div class="col-12 md:col-3">
<div class="card bg-#{bgColor}-100 border-left-3 border-#{bgColor}-500">
<div class="flex justify-content-between">
<div>
<div class="text-#{bgColor}-900 font-bold text-xl">#{value}</div>
<div class="text-#{bgColor}-700">#{label}</div>
</div>
<div class="bg-#{bgColor}-500 text-white border-round text-center"
style="width: 2.5rem; height: 2.5rem; line-height: 2.5rem;">
<i class="#{icon} text-lg"></i>
</div>
</div>
</div>
</div>
</ui:composition>

View File

@@ -0,0 +1,52 @@
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:f="http://xmlns.jcp.org/jsf/core"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
xmlns:p="http://primefaces.org/ui">
<!--
Composant DataTable réutilisable avec configuration standard - DRY/WOU
Usage :
<ui:decorate template="/templates/components/tables/data-table.xhtml">
<ui:param name="id" value="dtItems"/>
<ui:param name="value" value="#{bean.items}"/>
<ui:param name="var" value="item"/>
<ui:param name="emptyMessage" value="Aucun élément trouvé"/>
<ui:param name="rows" value="20"/>
<ui:param name="rowsPerPageTemplate" value="10,20,50,100"/>
<ui:param name="paginator" value="true"/>
<ui:param name="lazy" value="false"/>
<ui:param name="selectionMode" value="single"/>
<ui:param name="selection" value="#{bean.selectedItem}"/>
<ui:define name="columns">
<p:column headerText="Nom">...</p:column>
<p:column headerText="Actions">...</p:column>
</ui:define>
</ui:decorate>
-->
<p:dataTable id="#{id}"
value="#{value}"
var="item"
paginator="#{empty paginator ? 'true' : paginator}"
rows="#{empty rows ? 20 : rows}"
rowsPerPageTemplate="#{empty rowsPerPageTemplate ? '10,20,50,100' : rowsPerPageTemplate}"
paginatorPosition="#{empty paginatorPosition ? 'bottom' : paginatorPosition}"
emptyMessage="#{empty emptyMessage ? 'Aucun élément trouvé' : emptyMessage}"
styleClass="table-responsive #{styleClass}"
lazy="#{not empty lazy and lazy}"
selectionMode="#{selectionMode}"
selection="#{selection}"
rowKey="#{rowKey}"
sortMode="#{sortMode}"
sortField="#{sortField}"
sortOrder="#{sortOrder}"
filteredValue="#{filteredValue}"
widgetVar="#{widgetVar}">
<ui:insert name="columns">
<!-- Table columns go here -->
</ui:insert>
</p:dataTable>
</ui:composition>

View File

@@ -23,16 +23,16 @@
<h:body styleClass="#{guestPreferences.inputStyleClass}">
<div class="layout-wrapper layout-topbar-#{guestPreferences.topbarTheme} layout-menu-#{guestPreferences.menuTheme} #{guestPreferences.menuMode}" >
<ui:include src="/templates/components/topbar.xhtml"/>
<ui:include src="/templates/components/layout/topbar.xhtml"/>
<ui:include src="/templates/components/rightpanel.xhtml"/>
<ui:include src="/templates/components/config.xhtml" />
<ui:include src="/templates/components/layout/rightpanel.xhtml"/>
<ui:include src="/templates/components/layout/config.xhtml" />
<div class="layout-main">
<div class="layout-content">
<ui:insert name="content"/>
</div>
<ui:include src="/templates/components/footer.xhtml"/>
<ui:include src="/templates/components/layout/footer.xhtml"/>
</div>
<p:ajaxStatus style="width:32px;height:32px;position:fixed;right:7px;bottom:7px">

View File

@@ -5,97 +5,452 @@
xmlns:p="http://primefaces.org/ui">
<!--
Fragment réutilisable (DRY) pour le formulaire d'Organisation
Fragment réutilisable pour le formulaire d'Organisation
Paramètres attendus via <ui:param>:
- model: l'objet cible (ex: #{organisationsBean.nouvelleOrganisation} ou #{organisationsBean.organisationSelectionnee})
- typesItems: la liste des SelectItem pour les types (ex: #{organisationsBean.typesSelectItemsForForm})
- model: l'objet cible (ex: #{organisationsBean.nouvelleOrganisation})
- typesItems: la liste des SelectItem pour les types
-->
<div class="ui-fluid">
<div class="formgrid grid">
<!-- Nom -->
<div class="field col-12 md:col-8">
<p:outputLabel for="nom" value="Nom *" />
<p:inputText id="nom"
value="#{model.nom}"
required="true"
requiredMessage="Nom: une donnée est requise."
maxlength="200" />
<p:message for="nom" />
</div>
<!-- ═══════════════════════════════════════════════════════════════ -->
<!-- SECTION 1 : INFORMATIONS GÉNÉRALES -->
<!-- ═══════════════════════════════════════════════════════════════ -->
<p:fieldset legend="Informations générales" toggleable="true" collapsed="false" styleClass="mb-3">
<div class="formgrid grid">
<!-- Nom complet -->
<div class="field col-12 md:col-8">
<p:outputLabel for="nom" value="Nom complet *" styleClass="font-semibold" />
<p:inputText id="nom"
value="#{model.nom}"
required="true"
requiredMessage="Le nom de l'organisation est requis."
maxlength="200"
placeholder="Ex: Association pour le développement durable" />
<p:message for="nom" />
</div>
<!-- Type -->
<div class="field col-12 md:col-4">
<p:outputLabel for="type" value="Type *" />
<p:selectOneMenu id="type" value="#{model.typeAssociation}" required="true"
requiredMessage="Type d'organisation requis.">
<f:selectItems value="#{typesItems}" />
</p:selectOneMenu>
<p:message for="type" />
</div>
<!-- Nom court / Sigle -->
<div class="field col-12 md:col-4">
<p:outputLabel for="nomCourt" value="Nom court / Sigle" styleClass="font-semibold" />
<p:inputText id="nomCourt"
value="#{model.nomCourt}"
maxlength="100"
placeholder="Ex: ADD" />
</div>
<!-- Date de fondation -->
<div class="field col-12 md:col-4">
<p:outputLabel for="dateFondation" value="Date de fondation" />
<p:datePicker id="dateFondation" value="#{model.dateFondation}" pattern="yyyy-MM-dd" showIcon="true" />
</div>
<!-- Type d'organisation -->
<div class="field col-12 md:col-6">
<p:outputLabel for="type" value="Type d'organisation *" styleClass="font-semibold" />
<p:selectOneMenu id="type"
value="#{model.typeAssociation}"
required="true"
requiredMessage="Le type d'organisation est requis.">
<f:selectItem itemLabel="-- Sélectionnez un type --" itemValue="#{null}" noSelectionOption="true" />
<f:selectItems value="#{typesItems}" />
</p:selectOneMenu>
<p:message for="type" />
</div>
<!-- Email -->
<div class="field col-12 md:col-4">
<p:outputLabel for="email" value="Email" />
<p:inputText id="email" value="#{model.email}" maxlength="200" />
</div>
<!-- Date de fondation -->
<div class="field col-12 md:col-3">
<p:outputLabel for="dateFondation" value="Date de fondation" styleClass="font-semibold" />
<p:datePicker id="dateFondation"
value="#{model.dateFondation}"
pattern="dd/MM/yyyy"
showIcon="true"
yearNavigator="true"
yearRange="1900:2025"
placeholder="jj/mm/aaaa" />
</div>
<!-- Téléphone -->
<div class="field col-12 md:col-4">
<p:outputLabel for="telephone" value="Téléphone" />
<p:inputText id="telephone" value="#{model.telephone}" maxlength="20" />
</div>
<!-- Numéro d'enregistrement -->
<div class="field col-12 md:col-3">
<p:outputLabel for="numEnreg" value="N° d'enregistrement" styleClass="font-semibold" />
<p:inputText id="numEnreg"
value="#{model.numeroRegistre}"
maxlength="100"
placeholder="Ex: RNA-W123456789" />
</div>
<!-- Description -->
<div class="field col-12">
<p:outputLabel for="description" value="Description" />
<p:inputTextarea id="description" value="#{model.description}" rows="3" maxlength="500" />
<!-- Description -->
<div class="field col-12">
<p:outputLabel for="description" value="Description" styleClass="font-semibold" />
<p:inputTextarea id="description"
value="#{model.description}"
rows="4"
maxlength="2000"
placeholder="Décrivez brièvement l'organisation..."
autoResize="false" />
<small class="text-muted">#{2000 - (empty model.description ? 0 : model.description.length())} caractères restants</small>
</div>
</div>
</p:fieldset>
<!-- Adresse -->
<div class="field col-12">
<p:outputLabel for="adresse" value="Adresse" />
<p:inputTextarea id="adresse" value="#{model.adresse}" rows="2" maxlength="500" />
</div>
<!-- ═══════════════════════════════════════════════════════════════ -->
<!-- SECTION 2 : COORDONNÉES -->
<!-- ═══════════════════════════════════════════════════════════════ -->
<p:fieldset legend="Coordonnées" toggleable="true" collapsed="false" styleClass="mb-3">
<div class="formgrid grid">
<!-- Email principal -->
<div class="field col-12 md:col-6">
<p:outputLabel for="email" value="Email principal" styleClass="font-semibold" />
<p:inputText id="email"
value="#{model.email}"
maxlength="200"
type="email"
placeholder="contact@exemple.com" />
<p:message for="email" />
</div>
<!-- Ville / Région / Pays -->
<div class="field col-12 md:col-4">
<p:outputLabel for="ville" value="Ville" />
<p:inputText id="ville" value="#{model.ville}" maxlength="100" />
</div>
<div class="field col-12 md:col-4">
<p:outputLabel for="region" value="Région" />
<p:inputText id="region" value="#{model.region}" maxlength="100" />
</div>
<div class="field col-12 md:col-4">
<p:outputLabel for="pays" value="Pays" />
<p:inputText id="pays" value="#{model.pays}" maxlength="100" />
</div>
<!-- Email secondaire -->
<div class="field col-12 md:col-6">
<p:outputLabel for="email2" value="Email secondaire" styleClass="font-semibold" />
<p:inputText id="email2"
value="#{model.emailSecondaire}"
maxlength="200"
type="email"
placeholder="admin@exemple.com" />
<p:message for="email2" />
</div>
<!-- Numéro d'enregistrement -->
<div class="field col-12 md:col-6">
<p:outputLabel for="numEnreg" value="Numéro d'enregistrement" />
<p:inputText id="numEnreg" value="#{model.numeroRegistre}" maxlength="100" />
</div>
<!-- Téléphone principal -->
<div class="field col-12 md:col-6">
<p:outputLabel for="telephone" value="Téléphone principal" styleClass="font-semibold" />
<p:inputText id="telephone"
value="#{model.telephone}"
maxlength="20"
placeholder="+225 XX XX XX XX XX" />
</div>
<!-- Code postal -->
<div class="field col-12 md:col-6">
<p:outputLabel for="codePostal" value="Code postal" />
<p:inputText id="codePostal" value="#{model.codePostal}" maxlength="10" />
</div>
<!-- Téléphone secondaire -->
<div class="field col-12 md:col-6">
<p:outputLabel for="telephone2" value="Téléphone secondaire" styleClass="font-semibold" />
<p:inputText id="telephone2"
value="#{model.telephoneSecondaire}"
maxlength="20"
placeholder="+225 XX XX XX XX XX" />
</div>
<!-- Site web -->
<div class="field col-12 md:col-6">
<p:outputLabel for="siteWeb" value="Site web" />
<p:inputText id="siteWeb" value="#{model.siteWeb}" maxlength="500" />
<!-- Site web -->
<div class="field col-12 md:col-6">
<p:outputLabel for="siteWeb" value="Site web" styleClass="font-semibold" />
<p:inputText id="siteWeb"
value="#{model.siteWeb}"
maxlength="500"
placeholder="https://www.exemple.com" />
</div>
<!-- Logo URL -->
<div class="field col-12 md:col-6">
<p:outputLabel for="logo" value="Logo (URL)" styleClass="font-semibold" />
<p:inputText id="logo"
value="#{model.logo}"
maxlength="500"
placeholder="https://www.exemple.com/logo.png" />
</div>
<!-- Réseaux sociaux -->
<div class="field col-12">
<p:outputLabel for="reseauxSociaux" value="Réseaux sociaux" styleClass="font-semibold" />
<p:inputTextarea id="reseauxSociaux"
value="#{model.reseauxSociaux}"
rows="3"
maxlength="1000"
placeholder='Ex: {"facebook":"@pageOfficielle", "twitter":"@compte", "linkedin":"entreprise/nom"}'
autoResize="false" />
<small class="text-muted">Format JSON recommandé</small>
</div>
</div>
</div>
</p:fieldset>
<!-- ═══════════════════════════════════════════════════════════════ -->
<!-- SECTION 3 : LOCALISATION -->
<!-- ═══════════════════════════════════════════════════════════════ -->
<p:fieldset legend="Localisation" toggleable="true" collapsed="false" styleClass="mb-3">
<div class="formgrid grid">
<!-- Adresse complète -->
<div class="field col-12">
<p:outputLabel for="adresse" value="Adresse complète" styleClass="font-semibold" />
<p:inputTextarea id="adresse"
value="#{model.adresse}"
rows="2"
maxlength="500"
placeholder="N° rue, quartier..."
autoResize="false" />
</div>
<!-- Ville -->
<div class="field col-12 md:col-4">
<p:outputLabel for="ville" value="Ville" styleClass="font-semibold" />
<p:inputText id="ville"
value="#{model.ville}"
maxlength="100"
placeholder="Ex: Abidjan" />
</div>
<!-- Code postal -->
<div class="field col-12 md:col-2">
<p:outputLabel for="codePostal" value="Code postal" styleClass="font-semibold" />
<p:inputText id="codePostal"
value="#{model.codePostal}"
maxlength="10"
placeholder="Ex: 01 BP 123" />
</div>
<!-- Région -->
<div class="field col-12 md:col-3">
<p:outputLabel for="region" value="Région" styleClass="font-semibold" />
<p:inputText id="region"
value="#{model.region}"
maxlength="100"
placeholder="Ex: Lagunes" />
</div>
<!-- Pays -->
<div class="field col-12 md:col-3">
<p:outputLabel for="pays" value="Pays" styleClass="font-semibold" />
<p:inputText id="pays"
value="#{model.pays}"
maxlength="100"
placeholder="Ex: Côte d'Ivoire" />
</div>
<!-- Coordonnées GPS -->
<div class="field col-12">
<p:outputLabel value="Coordonnées GPS" styleClass="font-semibold" />
</div>
<div class="field col-12 md:col-6">
<p:outputLabel for="latitude" value="Latitude" />
<p:inputNumber id="latitude"
value="#{model.latitude}"
decimalPlaces="6"
minValue="-90"
maxValue="90"
placeholder="Ex: 5.316667" />
<small class="text-muted">Valeur entre -90 et 90</small>
</div>
<div class="field col-12 md:col-6">
<p:outputLabel for="longitude" value="Longitude" />
<p:inputNumber id="longitude"
value="#{model.longitude}"
decimalPlaces="6"
minValue="-180"
maxValue="180"
placeholder="Ex: -4.033333" />
<small class="text-muted">Valeur entre -180 et 180</small>
</div>
</div>
</p:fieldset>
<!-- ═══════════════════════════════════════════════════════════════ -->
<!-- SECTION 4 : STRUCTURE & HIÉRARCHIE -->
<!-- ═══════════════════════════════════════════════════════════════ -->
<p:fieldset legend="Structure &amp; Hiérarchie" toggleable="true" collapsed="true" styleClass="mb-3">
<div class="formgrid grid">
<!-- Statut juridique -->
<div class="field col-12">
<p:outputLabel value="Statut juridique" styleClass="font-semibold block mb-3" />
</div>
<div class="field col-12 md:col-4">
<div class="field-checkbox">
<p:selectBooleanCheckbox id="publique" value="#{model.organisationPublique}" />
<p:outputLabel for="publique" value="Organisation publique" styleClass="ml-2" />
</div>
<small class="text-muted block mt-1">Institution étatique ou gouvernementale</small>
</div>
<div class="field col-12 md:col-4">
<div class="field-checkbox">
<p:selectBooleanCheckbox id="accepteMembres" value="#{model.accepteNouveauxMembres}" />
<p:outputLabel for="accepteMembres" value="Recrutement ouvert" styleClass="ml-2" />
</div>
<small class="text-muted block mt-1">Accepte de nouveaux membres</small>
</div>
<div class="field col-12 md:col-4">
<div class="field-checkbox">
<p:selectBooleanCheckbox id="cotisationObl" value="#{model.cotisationObligatoire}" />
<p:outputLabel for="cotisationObl" value="Cotisation obligatoire" styleClass="ml-2" />
</div>
<small class="text-muted block mt-1">Adhésion payante requise</small>
</div>
<!-- Séparateur visuel -->
<div class="field col-12">
<p:divider />
<p:outputLabel value="Rattachement hiérarchique" styleClass="font-semibold block mb-3" />
</div>
<!-- Organisation parente -->
<div class="field col-12 md:col-9">
<p:outputLabel for="orgParente" value="Organisation parente" styleClass="font-semibold" />
<p:inputText id="orgParente"
value="#{model.organisationParenteId}"
maxlength="36"
placeholder="Sélectionner ou saisir l'identifiant de l'organisation mère" />
<small class="text-muted">Laisser vide si l'organisation est indépendante ou au sommet de la hiérarchie</small>
</div>
<!-- Niveau hiérarchique -->
<div class="field col-12 md:col-3">
<p:outputLabel for="niveau" value="Niveau" styleClass="font-semibold" />
<p:inputNumber id="niveau"
value="#{model.niveauHierarchique}"
decimalPlaces="0"
minValue="0"
maxValue="10"
placeholder="0" />
<small class="text-muted">0 = Niveau national/racine<br/>1 = Niveau régional<br/>2+ = Niveaux locaux</small>
</div>
</div>
</p:fieldset>
<!-- ═══════════════════════════════════════════════════════════════ -->
<!-- SECTION 5 : MEMBRES & GOUVERNANCE -->
<!-- ═══════════════════════════════════════════════════════════════ -->
<p:fieldset legend="Membres &amp; Gouvernance" toggleable="true" collapsed="true" styleClass="mb-3">
<div class="formgrid grid">
<!-- Nombre de membres -->
<div class="field col-12 md:col-6">
<p:outputLabel for="nbMembres" value="Nombre de membres" styleClass="font-semibold" />
<p:inputNumber id="nbMembres"
value="#{model.nombreMembres}"
decimalPlaces="0"
minValue="0"
placeholder="0" />
</div>
<!-- Nombre d'administrateurs -->
<div class="field col-12 md:col-6">
<p:outputLabel for="nbAdmins" value="Nombre d'administrateurs" styleClass="font-semibold" />
<p:inputNumber id="nbAdmins"
value="#{model.nombreAdministrateurs}"
decimalPlaces="0"
minValue="0"
placeholder="0" />
</div>
</div>
</p:fieldset>
<!-- ═══════════════════════════════════════════════════════════════ -->
<!-- SECTION 6 : BUDGET & FINANCES -->
<!-- ═══════════════════════════════════════════════════════════════ -->
<p:fieldset legend="Budget &amp; Finances" toggleable="true" collapsed="true" styleClass="mb-3">
<div class="formgrid grid">
<!-- Budget annuel -->
<div class="field col-12 md:col-5">
<p:outputLabel for="budget" value="Budget annuel" styleClass="font-semibold" />
<p:inputNumber id="budget"
value="#{model.budgetAnnuel}"
decimalPlaces="2"
minValue="0"
placeholder="0.00" />
</div>
<!-- Devise -->
<div class="field col-12 md:col-2">
<p:outputLabel for="devise" value="Devise" styleClass="font-semibold" />
<p:inputText id="devise"
value="#{model.devise}"
maxlength="3"
placeholder="XOF"
style="text-transform: uppercase;" />
<small class="text-muted">Code ISO (ex: XOF, EUR)</small>
</div>
<!-- Montant cotisation -->
<div class="field col-12 md:col-5">
<p:outputLabel for="montantCotisation" value="Cotisation annuelle" styleClass="font-semibold" />
<p:inputNumber id="montantCotisation"
value="#{model.montantCotisationAnnuelle}"
decimalPlaces="2"
minValue="0"
placeholder="0.00" />
</div>
</div>
</p:fieldset>
<!-- ═══════════════════════════════════════════════════════════════ -->
<!-- SECTION 7 : MISSION & ACTIVITÉS -->
<!-- ═══════════════════════════════════════════════════════════════ -->
<p:fieldset legend="Mission &amp; Activités" toggleable="true" collapsed="true" styleClass="mb-3">
<div class="formgrid grid">
<!-- Objectifs -->
<div class="field col-12">
<p:outputLabel for="objectifs" value="Objectifs stratégiques" styleClass="font-semibold" />
<p:inputTextarea id="objectifs"
value="#{model.objectifs}"
rows="4"
maxlength="2000"
placeholder="Décrivez les objectifs principaux de l'organisation..."
autoResize="false" />
<small class="text-muted">#{2000 - (empty model.objectifs ? 0 : model.objectifs.length())} caractères restants</small>
</div>
<!-- Activités principales -->
<div class="field col-12">
<p:outputLabel for="activites" value="Activités principales" styleClass="font-semibold" />
<p:inputTextarea id="activites"
value="#{model.activitesPrincipales}"
rows="4"
maxlength="2000"
placeholder="Décrivez les activités et programmes mis en œuvre..."
autoResize="false" />
<small class="text-muted">#{2000 - (empty model.activitesPrincipales ? 0 : model.activitesPrincipales.length())} caractères restants</small>
</div>
</div>
</p:fieldset>
<!-- ═══════════════════════════════════════════════════════════════ -->
<!-- SECTION 8 : PARTENARIATS & CERTIFICATIONS -->
<!-- ═══════════════════════════════════════════════════════════════ -->
<p:fieldset legend="Partenariats &amp; Certifications" toggleable="true" collapsed="true" styleClass="mb-3">
<div class="formgrid grid">
<!-- Certifications / Labels -->
<div class="field col-12 md:col-6">
<p:outputLabel for="certifications" value="Certifications / Labels" styleClass="font-semibold" />
<p:inputTextarea id="certifications"
value="#{model.certifications}"
rows="3"
maxlength="500"
placeholder="Ex: ISO 9001, Label RSE..."
autoResize="false" />
</div>
<!-- Partenaires principaux -->
<div class="field col-12 md:col-6">
<p:outputLabel for="partenaires" value="Partenaires principaux" styleClass="font-semibold" />
<p:inputTextarea id="partenaires"
value="#{model.partenaires}"
rows="3"
maxlength="1000"
placeholder="Liste des partenaires stratégiques..."
autoResize="false" />
</div>
</div>
</p:fieldset>
<!-- ═══════════════════════════════════════════════════════════════ -->
<!-- SECTION 9 : NOTES ADMINISTRATIVES -->
<!-- ═══════════════════════════════════════════════════════════════ -->
<p:fieldset legend="Notes administratives" toggleable="true" collapsed="true" styleClass="mb-3">
<div class="formgrid grid">
<div class="field col-12">
<p:outputLabel for="notes" value="Notes internes" styleClass="font-semibold" />
<p:inputTextarea id="notes"
value="#{model.notes}"
rows="4"
maxlength="1000"
placeholder="Notes réservées à l'usage administratif interne..."
autoResize="false" />
<small class="text-muted">Ces notes ne sont visibles que par les administrateurs</small>
</div>
</div>
</p:fieldset>
</div>
</ui:fragment>
</ui:fragment>