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

Refactoring

Browse Source
This commit is contained in:
dahoud
2026-03-01 22:00:28 +00:00
parent c0e2c4da45
commit 6b28cf751e
469 changed files with 26866 additions and 14768 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
target/classes/META-INF/resources/pages/secure/adhesion/paiement.xhtml
View File

@@ -209,13 +209,16 @@
</div>
<div class="field">
<p:outputLabel for="montantPaye" value="Montant à payer (FCFA)" />
<p:inputNumber id="montantPaye"
value="#{adhesionsBean.adhesionSelectionnee.montantPaye}"
<p:outputLabel for="montantPaiementPartiel" value="Montant à payer (FCFA)" />
<p:inputNumber id="montantPaiementPartiel"
value="#{adhesionsBean.montantPaiementPartiel}"
symbol=""
minValue="0"
maxValue="#{adhesionsBean.adhesionSelectionnee.fraisAdhesion}"
styleClass="w-full" />
maxValue="#{adhesionsBean.adhesionSelectionnee.montantRestant}"
styleClass="w-full"
required="true"
requiredMessage="Veuillez saisir le montant du paiement partiel" />
<p:message for="montantPaiementPartiel" />
</div>
<ui:include src="/templates/components/forms/form-field-select.xhtml">
@@ -248,7 +251,7 @@
<ui:include src="/templates/components/buttons/button-success.xhtml">
<ui:param name="value" value="Enregistrer" />
<ui:param name="icon" value="pi pi-check" />
<ui:param name="action" value="#{adhesionsBean.enregistrerPaiement(adhesionsBean.adhesionSelectionnee.montantPaye, adhesionsBean.adhesionSelectionnee.methodePaiement, adhesionsBean.adhesionSelectionnee.referencePaiement)}" />
<ui:param name="action" value="#{adhesionsBean.enregistrerPaiementPartiel}" />
<ui:param name="update" value="@form :formPaiements" />
<ui:param name="oncomplete" value="PF('dlgPaiementPartiel').hide();" />
</ui:include>

2
target/classes/META-INF/resources/pages/secure/admin/sauvegarde.xhtml
View File

@@ -80,7 +80,7 @@
<p:column headerText="Date" sortBy="#{sauvegarde.date}">
<h:outputText value="#{sauvegarde.date}">
<f:convertDateTime pattern="dd/MM/yyyy HH:mm"/>
<f:convertDateTime pattern="dd/MM/yyyy HH:mm" type="localDateTime"/>
</h:outputText>
</p:column>

2
target/classes/META-INF/resources/pages/secure/aide/approved.xhtml
View File

@@ -56,7 +56,7 @@
<p:column headerText="Date approbation" sortBy="#{demande.dateDemande}">
<h:outputText value="#{demande.dateDemande}">
<f:convertDateTime pattern="dd/MM/yyyy"/>
<f:convertDateTime pattern="dd/MM/yyyy" type="localDate"/>
</h:outputText>
</p:column>

2
target/classes/META-INF/resources/pages/secure/aide/history.xhtml
View File

@@ -115,7 +115,7 @@
<p:column headerText="Date" sortBy="#{demande.dateDemande}">
<h:outputText value="#{demande.dateDemande}">
<f:convertDateTime pattern="dd/MM/yyyy"/>
<f:convertDateTime pattern="dd/MM/yyyy" type="localDate"/>
</h:outputText>
</p:column>

2
target/classes/META-INF/resources/pages/secure/aide/requests.xhtml
View File

@@ -62,7 +62,7 @@
<p:column headerText="Date" sortBy="#{demande.dateDemande}">
<h:outputText value="#{demande.dateDemande}">
<f:convertDateTime pattern="dd/MM/yyyy"/>
<f:convertDateTime pattern="dd/MM/yyyy" type="localDate"/>
</h:outputText>
</p:column>

56
target/classes/META-INF/resources/pages/secure/aide/suggestions.xhtml
View File

@@ -6,7 +6,7 @@
xmlns:p="http://primefaces.org/ui"
template="/templates/main-template.xhtml">
<ui:param name="page" value="#{demandesAideBean}"/>
<ui:param name="page" value="#{suggestionBean}"/>
<ui:define name="title">Suggestions et Feedback - UnionFlow</ui:define>
<ui:define name="content">
@@ -30,7 +30,8 @@
<p:commandButton value="Nouvelle Suggestion"
styleClass="p-button-primary"
icon="pi pi-plus"
onclick="PF('nouvelleSuggestionDialog').show()" />
action="#{suggestionBean.ouvrirDialogNouvelleSuggestion}"
update="@form" />
<p:commandButton value="Mes Suggestions"
styleClass="p-button-outlined"
icon="pi pi-user" />
@@ -41,28 +42,28 @@
<div class="grid">
<div class="col-12 lg:col-3">
<div class="surface-100 border-round p-4 text-center" style="min-height: 9rem">
<div class="text-2xl font-bold text-blue-500 mb-2">247</div>
<div class="text-2xl font-bold text-blue-500 mb-2">#{suggestionBean.totalSuggestions}</div>
<div class="text-900 font-semibold mb-1">Suggestions</div>
<div class="text-600 text-sm">Soumises</div>
</div>
</div>
<div class="col-12 lg:col-3">
<div class="surface-100 border-round p-4 text-center" style="min-height: 9rem">
<div class="text-2xl font-bold text-green-500 mb-2">43</div>
<div class="text-2xl font-bold text-green-500 mb-2">#{suggestionBean.suggestionsImplementees}</div>
<div class="text-900 font-semibold mb-1">Implémentées</div>
<div class="text-600 text-sm">Dans la v2.0</div>
</div>
</div>
<div class="col-12 lg:col-3">
<div class="surface-100 border-round p-4 text-center" style="min-height: 9rem">
<div class="text-2xl font-bold text-purple-500 mb-2">1,523</div>
<div class="text-2xl font-bold text-purple-500 mb-2">#{suggestionBean.totalVotes}</div>
<div class="text-900 font-semibold mb-1">Votes</div>
<div class="text-600 text-sm">Ce mois-ci</div>
</div>
</div>
<div class="col-12 lg:col-3">
<div class="surface-100 border-round p-4 text-center" style="min-height: 9rem">
<div class="text-2xl font-bold text-orange-500 mb-2">156</div>
<div class="text-2xl font-bold text-orange-500 mb-2">#{suggestionBean.contributeursActifs}</div>
<div class="text-900 font-semibold mb-1">Contributeurs</div>
<div class="text-600 text-sm">Actifs</div>
</div>
@@ -388,41 +389,48 @@
header="Soumettre une Nouvelle Suggestion"
modal="true"
width="800"
styleClass="surface-0">
styleClass="surface-0"
visible="#{suggestionBean.afficherDialogNouvelleSuggestion}">
<h:form id="nouvelleSuggestionForm">
<div class="ui-fluid">
<div class="formgrid grid">
<div class="field col-12 lg:col-6">
<label for="categorieSugg" class="block text-900 font-semibold mb-2">Catégorie *</label>
<p:selectOneMenu id="categorieSugg" styleClass="w-full">
<p:selectOneMenu id="categorieSugg"
value="#{suggestionBean.nouvelleSuggestion.categorie}"
styleClass="w-full">
<f:selectItem itemLabel="Sélectionnez une catégorie" itemValue="" />
<f:selectItem itemLabel="Interface Utilisateur" itemValue="ui" />
<f:selectItem itemLabel="Nouvelle Fonctionnalité" itemValue="feature" />
<f:selectItem itemLabel="Amélioration Performance" itemValue="performance" />
<f:selectItem itemLabel="Sécurité" itemValue="securite" />
<f:selectItem itemLabel="Intégration Externe" itemValue="integration" />
<f:selectItem itemLabel="Application Mobile" itemValue="mobile" />
<f:selectItem itemLabel="Rapports et Analytics" itemValue="reporting" />
<f:selectItem itemLabel="Interface Utilisateur" itemValue="UI" />
<f:selectItem itemLabel="Nouvelle Fonctionnalité" itemValue="FEATURE" />
<f:selectItem itemLabel="Amélioration Performance" itemValue="PERFORMANCE" />
<f:selectItem itemLabel="Sécurité" itemValue="SECURITE" />
<f:selectItem itemLabel="Intégration Externe" itemValue="INTEGRATION" />
<f:selectItem itemLabel="Application Mobile" itemValue="MOBILE" />
<f:selectItem itemLabel="Rapports et Analytics" itemValue="REPORTING" />
</p:selectOneMenu>
</div>
<div class="field col-12 lg:col-6">
<label for="prioriteSugg" class="block text-900 font-semibold mb-2">Priorité estimée</label>
<p:selectOneMenu id="prioriteSugg" styleClass="w-full">
<f:selectItem itemLabel="Basse" itemValue="basse" />
<f:selectItem itemLabel="Moyenne" itemValue="moyenne" />
<f:selectItem itemLabel="Haute" itemValue="haute" />
<f:selectItem itemLabel="Critique" itemValue="critique" />
<p:selectOneMenu id="prioriteSugg"
value="#{suggestionBean.nouvelleSuggestion.prioriteEstimee}"
styleClass="w-full">
<f:selectItem itemLabel="Basse" itemValue="BASSE" />
<f:selectItem itemLabel="Moyenne" itemValue="MOYENNE" />
<f:selectItem itemLabel="Haute" itemValue="HAUTE" />
<f:selectItem itemLabel="Critique" itemValue="CRITIQUE" />
</p:selectOneMenu>
</div>
<div class="field col-12">
<label for="titreSugg" class="block text-900 font-semibold mb-2">Titre de votre suggestion *</label>
<p:inputText id="titreSugg"
value="#{suggestionBean.nouvelleSuggestion.titre}"
placeholder="Résumez votre idée en une phrase claire"
styleClass="w-full" />
</div>
<div class="field col-12">
<label for="descriptionSugg" class="block text-900 font-semibold mb-2">Description détaillée *</label>
<p:inputTextarea id="descriptionSugg"
value="#{suggestionBean.nouvelleSuggestion.description}"
rows="6"
placeholder="Décrivez votre suggestion : problème rencontré, solution proposée, bénéfices attendus..."
styleClass="w-full" />
@@ -430,6 +438,7 @@
<div class="field col-12">
<label for="justificationSugg" class="block text-900 font-semibold mb-2">Justification métier</label>
<p:inputTextarea id="justificationSugg"
value="#{suggestionBean.nouvelleSuggestion.justification}"
rows="3"
placeholder="Expliquez pourquoi cette fonctionnalité serait utile et pour quels utilisateurs..."
styleClass="w-full" />
@@ -447,11 +456,14 @@
<div class="flex justify-content-end gap-2 mt-4">
<p:commandButton value="Annuler"
styleClass="p-button-outlined"
onclick="PF('nouvelleSuggestionDialog').hide()"
action="#{suggestionBean.fermerDialogNouvelleSuggestion}"
update="@form"
type="button" />
<p:commandButton value="Soumettre la Suggestion"
styleClass="p-button-primary"
icon="pi pi-send" />
icon="pi pi-send"
action="#{suggestionBean.creerSuggestion}"
update="@form" />
</div>
</div>
</h:form>

244
target/classes/META-INF/resources/pages/secure/aide/tickets.xhtml
View File

@@ -6,7 +6,7 @@
xmlns:p="http://primefaces.org/ui"
template="/templates/main-template.xhtml">
<ui:param name="page" value="#{demandesAideBean}"/>
<ui:param name="page" value="#{ticketBean}"/>
<ui:define name="title">Mes Tickets Support - UnionFlow</ui:define>
<ui:define name="content">
@@ -30,7 +30,8 @@
<p:commandButton value="Nouveau Ticket"
styleClass="p-button-primary"
icon="pi pi-plus"
onclick="PF('nouveauTicketDialog').show()" />
action="#{ticketBean.ouvrirDialogNouveauTicket}"
update="@form" />
<p:commandButton value="FAQ"
styleClass="p-button-outlined"
icon="pi pi-question-circle" />
@@ -41,28 +42,28 @@
<div class="grid">
<div class="col-12 lg:col-3">
<div class="surface-100 border-round p-4 text-center" style="min-height: 9rem">
<div class="text-2xl font-bold text-blue-500 mb-2">12</div>
<div class="text-2xl font-bold text-blue-500 mb-2">#{ticketBean.totalTickets}</div>
<div class="text-900 font-semibold mb-1">Tickets Créés</div>
<div class="text-600 text-sm">Au total</div>
</div>
</div>
<div class="col-12 lg:col-3">
<div class="surface-100 border-round p-4 text-center" style="min-height: 9rem">
<div class="text-2xl font-bold text-orange-500 mb-2">3</div>
<div class="text-2xl font-bold text-orange-500 mb-2">#{ticketBean.ticketsEnAttente}</div>
<div class="text-900 font-semibold mb-1">En Attente</div>
<div class="text-600 text-sm">Réponse support</div>
</div>
</div>
<div class="col-12 lg:col-3">
<div class="surface-100 border-round p-4 text-center" style="min-height: 9rem">
<div class="text-2xl font-bold text-green-500 mb-2">8</div>
<div class="text-2xl font-bold text-green-500 mb-2">#{ticketBean.ticketsResolus}</div>
<div class="text-900 font-semibold mb-1">Résolus</div>
<div class="text-600 text-sm">Avec succès</div>
</div>
</div>
<div class="col-12 lg:col-3">
<div class="surface-100 border-round p-4 text-center" style="min-height: 9rem">
<div class="text-2xl font-bold text-red-500 mb-2">1</div>
<div class="text-2xl font-bold text-red-500 mb-2">#{ticketBean.ticketsFermes}</div>
<div class="text-900 font-semibold mb-1">Fermé</div>
<div class="text-600 text-sm">Sans résolution</div>
</div>
@@ -130,191 +131,84 @@
Historique de vos Tickets
</h4>
<!-- Ticket 1 - En cours -->
<div class="surface-100 hover:surface-200 border-round p-4 mb-3 cursor-pointer transition-duration-200">
<ui:repeat value="#{ticketBean.tickets}" var="ticket">
<!-- Ticket dynamique -->
<div class="surface-100 hover:surface-200 border-round p-4 mb-3 cursor-pointer transition-duration-200 #{ticket.statut == 'FERME' ? 'opacity-70' : ''}">
<div class="flex align-items-center justify-content-between mb-3">
<div class="flex align-items-center gap-3">
<div class="w-3rem h-3rem border-circle bg-orange-100 flex align-items-center justify-content-center">
<i class="pi pi-clock text-orange-600 text-xl"></i>
<div class="w-3rem h-3rem border-circle #{ticket.statut == 'RESOLU' ? 'bg-green-100' : (ticket.statut == 'EN_ATTENTE' ? 'bg-blue-100' : (ticket.statut == 'FERME' ? 'bg-red-100' : 'bg-orange-100'))} flex align-items-center justify-content-center">
<i class="pi #{ticket.statut == 'RESOLU' ? 'pi-check' : (ticket.statut == 'EN_ATTENTE' ? 'pi-pause' : (ticket.statut == 'FERME' ? 'pi-times' : 'pi-clock'))} #{ticket.statut == 'RESOLU' ? 'text-green-600' : (ticket.statut == 'EN_ATTENTE' ? 'text-blue-600' : (ticket.statut == 'FERME' ? 'text-red-600' : 'text-orange-600'))} text-xl"></i>
</div>
<div>
<h6 class="text-900 font-semibold mb-1">#TK-2024-0157 - Problème d'export Excel</h6>
<h6 class="text-900 font-semibold mb-1">#{ticket.numeroTicket} - #{ticket.sujet}</h6>
<div class="flex align-items-center gap-2 mb-1">
<p:tag value="EN COURS" severity="warning" styleClass="text-xs" />
<p:tag value="HAUTE" severity="danger" styleClass="text-xs" />
<p:tag value="TECHNIQUE" severity="info" styleClass="text-xs" />
<p:tag value="#{ticket.statut}"
severity="#{ticket.statut == 'RESOLU' ? 'success' : (ticket.statut == 'FERME' ? 'danger' : (ticket.statut == 'EN_ATTENTE' ? 'info' : 'warning'))}"
styleClass="text-xs" />
<p:tag value="#{ticket.priorite}"
severity="#{ticket.priorite == 'URGENTE' or ticket.priorite == 'HAUTE' ? 'danger' : (ticket.priorite == 'NORMALE' ? 'success' : 'secondary')}"
styleClass="text-xs" />
<p:tag value="#{ticket.categorie}"
severity="info"
styleClass="text-xs" />
</div>
<p class="text-600 text-sm mb-0">Créé le 15 janvier 2024 • Dernière réponse il y a 2h</p>
<p class="text-600 text-sm mb-0">
Créé le #{ticket.dateCreation != null ? ticket.dateCreation : 'N/A'}
#{ticket.dateDerniereReponse != null ? ' • Dernière réponse ' + ticket.dateDerniereReponse : ''}
</p>
</div>
</div>
<div class="text-right">
<div class="text-600 text-sm mb-2">Agent: Marie Dubois</div>
#{ticket.agentNom != null ? '<div class="text-600 text-sm mb-2">Agent: ' + ticket.agentNom + '</div>' : ''}
<p:commandButton value="Voir Détails"
styleClass="p-button-outlined p-button-sm"
icon="pi pi-eye" />
icon="pi pi-eye"
action="#{ticketBean.voirDetails}"
update="@form">
<f:setPropertyActionListener target="#{ticketBean.ticketSelectionne}" value="#{ticket}" />
</p:commandButton>
</div>
</div>
<p class="text-700 line-height-3 mb-3">
Impossible d'exporter la liste des membres en format Excel. Le fichier généré est corrompu
et ne s'ouvre pas dans Excel. Cela concerne tous les exports depuis la version 2.1.
#{ticket.description != null ? ticket.description : 'Aucune description'}
</p>
#{ticket.resolution != null ? '<div class="surface-green-50 border-left-3 border-green-500 p-3 mb-3"><p class="text-green-700 text-sm mb-0"><i class="pi pi-check-circle mr-2"></i><strong>Résolution:</strong> ' + ticket.resolution + '</p></div>' : ''}
<div class="flex align-items-center justify-content-between">
<div class="flex align-items-center gap-2">
<i class="pi pi-comments text-blue-500"></i>
<span class="text-600 text-sm">5 messages</span>
<i class="pi pi-paperclip text-600 ml-3"></i>
<span class="text-600 text-sm">2 fichiers</span>
</div>
<div class="flex align-items-center gap-2">
<i class="pi pi-clock text-600"></i>
<span class="text-600 text-sm">SLA: 4h restantes</span>
</div>
</div>
</div>
<!-- Ticket 2 - En attente -->
<div class="surface-100 hover:surface-200 border-round p-4 mb-3 cursor-pointer transition-duration-200">
<div class="flex align-items-center justify-content-between mb-3">
<div class="flex align-items-center gap-3">
<div class="w-3rem h-3rem border-circle bg-blue-100 flex align-items-center justify-content-center">
<i class="pi pi-pause text-blue-600 text-xl"></i>
</div>
<div>
<h6 class="text-900 font-semibold mb-1">#TK-2024-0143 - Demande de formation personnalisée</h6>
<div class="flex align-items-center gap-2 mb-1">
<p:tag value="EN ATTENTE" severity="info" styleClass="text-xs" />
<p:tag value="NORMALE" severity="success" styleClass="text-xs" />
<p:tag value="FONCTIONNALITÉ" severity="help" styleClass="text-xs" />
</div>
<p class="text-600 text-sm mb-0">Créé le 12 janvier 2024 • En attente de votre réponse</p>
</div>
</div>
<div class="text-right">
<div class="text-600 text-sm mb-2">Agent: Thomas Martin</div>
<p:commandButton value="Répondre"
styleClass="p-button-primary p-button-sm"
icon="pi pi-reply" />
</div>
</div>
<p class="text-700 line-height-3 mb-3">
Souhaitons organiser une formation sur mesure pour notre équipe administrative.
Besoin de devis pour 15 personnes sur 2 jours.
</p>
<div class="surface-blue-50 border-left-3 border-blue-500 p-3 mb-3">
<p class="text-blue-700 text-sm mb-0">
<i class="pi pi-info-circle mr-2"></i>
<strong>Action requise:</strong> Merci de préciser vos disponibilités pour les dates proposées.
</p>
</div>
<div class="flex align-items-center justify-content-between">
<div class="flex align-items-center gap-2">
<i class="pi pi-comments text-blue-500"></i>
<span class="text-600 text-sm">3 messages</span>
</div>
<div class="flex align-items-center gap-2">
<i class="pi pi-exclamation-triangle text-orange-500"></i>
<span class="text-orange-600 text-sm">Réponse attendue depuis 3 jours</span>
</div>
</div>
</div>
<!-- Ticket 3 - Résolu -->
<div class="surface-100 hover:surface-200 border-round p-4 mb-3 cursor-pointer transition-duration-200">
<div class="flex align-items-center justify-content-between mb-3">
<div class="flex align-items-center gap-3">
<div class="w-3rem h-3rem border-circle bg-green-100 flex align-items-center justify-content-center">
<i class="pi pi-check text-green-600 text-xl"></i>
</div>
<div>
<h6 class="text-900 font-semibold mb-1">#TK-2024-0128 - Problème de connexion mobile</h6>
<div class="flex align-items-center gap-2 mb-1">
<p:tag value="RÉSOLU" severity="success" styleClass="text-xs" />
<p:tag value="BASSE" severity="secondary" styleClass="text-xs" />
<p:tag value="TECHNIQUE" severity="info" styleClass="text-xs" />
</div>
<p class="text-600 text-sm mb-0">Créé le 8 janvier 2024 • Résolu le 10 janvier 2024</p>
</div>
</div>
<div class="text-right">
<div class="text-600 text-sm mb-2">Agent: Sophie Leroy</div>
<div class="flex gap-2">
<p:commandButton value="Noter"
styleClass="p-button-outlined p-button-sm"
icon="pi pi-star" />
<p:commandButton value="Détails"
styleClass="p-button-outlined p-button-sm"
icon="pi pi-eye" />
</div>
</div>
</div>
<p class="text-700 line-height-3 mb-3">
Application ne se charge pas sur smartphone Android. Écran blanc après connexion.
</p>
<div class="surface-green-50 border-left-3 border-green-500 p-3 mb-3">
<p class="text-green-700 text-sm mb-0">
<i class="pi pi-check-circle mr-2"></i>
<strong>Résolution:</strong> Problème résolu en vidant le cache de l'application mobile.
</p>
</div>
<div class="flex align-items-center justify-content-between">
<div class="flex align-items-center gap-2">
<i class="pi pi-comments text-blue-500"></i>
<span class="text-600 text-sm">6 messages</span>
<i class="pi pi-clock text-600 ml-3"></i>
<span class="text-600 text-sm">Résolu en 2 jours</span>
</div>
<div class="flex align-items-center gap-1">
<i class="pi pi-star-fill text-yellow-400"></i>
<span class="text-600 text-sm">Note: 5/5</span>
</div>
</div>
</div>
<!-- Ticket 4 - Fermé -->
<div class="surface-100 hover:surface-200 border-round p-4 cursor-pointer transition-duration-200 opacity-70">
<div class="flex align-items-center justify-content-between mb-3">
<div class="flex align-items-center gap-3">
<div class="w-3rem h-3rem border-circle bg-red-100 flex align-items-center justify-content-center">
<i class="pi pi-times text-red-600 text-xl"></i>
</div>
<div>
<h6 class="text-900 font-semibold mb-1">#TK-2024-0095 - Demande modification base</h6>
<div class="flex align-items-center gap-2 mb-1">
<p:tag value="FERMÉ" severity="danger" styleClass="text-xs" />
<p:tag value="HAUTE" severity="danger" styleClass="text-xs" />
<p:tag value="FONCTIONNALITÉ" severity="help" styleClass="text-xs" />
</div>
<p class="text-600 text-sm mb-0">Créé le 28 décembre 2023 • Fermé le 5 janvier 2024</p>
</div>
</div>
<div class="text-right">
<div class="text-600 text-sm mb-2">Agent: Marc Durand</div>
<p:commandButton value="Rouvrir"
styleClass="p-button-outlined p-button-sm"
icon="pi pi-replay" />
</div>
</div>
<p class="text-700 line-height-3 mb-3">
Demande de modification des champs de la base de données membres pour ajouter
des informations métier spécifiques.
</p>
<div class="surface-red-50 border-left-3 border-red-500 p-3 mb-3">
<p class="text-red-700 text-sm mb-0">
<i class="pi pi-times-circle mr-2"></i>
<strong>Fermé:</strong> Demande non compatible avec l'architecture actuelle.
</p>
</div>
<div class="flex align-items-center justify-content-between">
<div class="flex align-items-center gap-2">
<i class="pi pi-comments text-blue-500"></i>
<span class="text-600 text-sm">8 messages</span>
</div>
<div class="flex align-items-center gap-2">
<i class="pi pi-ban text-red-500"></i>
<span class="text-red-600 text-sm">Non résolu</span>
<span class="text-600 text-sm">#{ticket.nbMessages != null ? ticket.nbMessages : 0} message#{ticket.nbMessages != null and ticket.nbMessages > 1 ? 's' : ''}</span>
#{ticket.nbFichiers != null and ticket.nbFichiers > 0 ? '<i class="pi pi-paperclip text-600 ml-3"></i><span class="text-600 text-sm">' + ticket.nbFichiers + ' fichier' + (ticket.nbFichiers > 1 ? 's' : '') + '</span>' : ''}
</div>
#{ticket.noteSatisfaction != null ? '<div class="flex align-items-center gap-1"><i class="pi pi-star-fill text-yellow-400"></i><span class="text-600 text-sm">Note: ' + ticket.noteSatisfaction + '/5</span></div>' : ''}
</div>
</div>
</ui:repeat>
<p:dataTable value="#{ticketBean.tickets}"
var="ticket"
emptyMessage="Aucun ticket trouvé"
rendered="#{empty ticketBean.tickets}">
<p:column headerText="Numéro">#{ticket.numeroTicket}</p:column>
<p:column headerText="Sujet">#{ticket.sujet}</p:column>
<p:column headerText="Statut">
<p:tag value="#{ticket.statut}"
severity="#{ticket.statut == 'RESOLU' ? 'success' : (ticket.statut == 'FERME' ? 'danger' : (ticket.statut == 'EN_ATTENTE' ? 'info' : 'warning'))}" />
</p:column>
<p:column headerText="Priorité">
<p:tag value="#{ticket.priorite}"
severity="#{ticket.priorite == 'URGENTE' or ticket.priorite == 'HAUTE' ? 'danger' : (ticket.priorite == 'NORMALE' ? 'success' : 'secondary')}" />
</p:column>
<p:column headerText="Date Création">#{ticket.dateCreation}</p:column>
<p:column headerText="Actions">
<p:commandButton icon="pi pi-eye"
styleClass="p-button-text p-button-sm"
title="Voir détails"
action="#{ticketBean.voirDetails}"
update="@form">
<f:setPropertyActionListener target="#{ticketBean.ticketSelectionne}" value="#{ticket}" />
</p:commandButton>
</p:column>
</p:dataTable>
</div>
</div>
</div>
@@ -371,7 +265,8 @@
header="Créer un Nouveau Ticket"
modal="true"
width="800"
styleClass="surface-0">
styleClass="surface-0"
visible="#{ticketBean.afficherDialogNouveauTicket}">
<h:form id="nouveauTicketForm">
<div class="ui-fluid">
<div class="formgrid grid">
@@ -421,11 +316,14 @@
<div class="flex justify-content-end gap-2 mt-4">
<p:commandButton value="Annuler"
styleClass="p-button-outlined"
onclick="PF('nouveauTicketDialog').hide()"
action="#{ticketBean.fermerDialogNouveauTicket}"
update="@form"
type="button" />
<p:commandButton value="Créer le Ticket"
styleClass="p-button-primary"
icon="pi pi-send" />
icon="pi pi-send"
action="#{ticketBean.creerTicket}"
update="@form" />
</div>
</div>
</h:form>

2
target/classes/META-INF/resources/pages/secure/aide/traitement.xhtml
View File

@@ -132,7 +132,7 @@
<p:column headerText="Date" sortBy="#{demande.dateDemande}">
<h:outputText value="#{demande.dateDemande}">
<f:convertDateTime pattern="dd/MM/yyyy"/>
<f:convertDateTime pattern="dd/MM/yyyy" type="localDate"/>
</h:outputText>
</p:column>

2
target/classes/META-INF/resources/pages/secure/cotisation/historique.xhtml
View File

@@ -118,7 +118,7 @@
<p:column headerText="Date" sortBy="#{cotisation.dateCreation}" style="width:120px">
<h:outputText value="#{cotisation.dateCreation}" rendered="#{cotisation.dateCreation != null}">
<f:convertDateTime pattern="dd/MM/yyyy" />
<f:convertDateTime pattern="dd/MM/yyyy" type="localDateTime" />
</h:outputText>
</p:column>

2
target/classes/META-INF/resources/pages/secure/cotisation/rapports.xhtml
View File

@@ -6,7 +6,7 @@
xmlns:p="http://primefaces.org/ui"
template="/templates/main-template.xhtml">
<ui:param name="page" value="#{cotisationsGestionBean}"/>
<ui:param name="page" value="#{cotisationsBean}"/>
<ui:define name="title">Rapports Financiers - UnionFlow</ui:define>
<ui:define name="content">

2
target/classes/META-INF/resources/pages/secure/cotisation/relances.xhtml
View File

@@ -6,7 +6,7 @@
xmlns:p="http://primefaces.org/ui"
template="/templates/main-template.xhtml">
<ui:param name="page" value="#{cotisationsGestionBean}"/>
<ui:param name="page" value="#{cotisationsBean}"/>
<ui:define name="title">Relances de Cotisations - UnionFlow</ui:define>
<ui:define name="content">

896
target/classes/META-INF/resources/pages/secure/membre/liste.xhtml
View File

@@ -1,657 +1,275 @@
<!DOCTYPE html>
<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"
xmlns:uf="http://xmlns.jcp.org/jsf/composite/components"
template="/templates/main-template.xhtml">
<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" xmlns:uf="http://xmlns.jcp.org/jsf/composite/components"
template="/templates/main-template.xhtml">
<ui:param name="page" value="#{membreListeBean}"/>
<ui:define name="title">Liste des Membres - UnionFlow</ui:define>
<ui:define name="title">Gestion des Membres</ui:define>
<ui:define name="content">
<!-- En-tête -->
<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" />
<ui:define name="actions">
<h:form id="formActionsMembres">
<div class="flex gap-2">
<ui:include src="/templates/components/buttons/button-success.xhtml">
<ui:param name="value" value="Nouveau membre" />
<ui:param name="icon" value="pi pi-user-plus" />
<ui:param name="outcome" value="/pages/secure/membre/inscription" />
</ui:include>
<ui:include src="/templates/components/buttons/button-secondary.xhtml">
<ui:param name="value" value="Import/Export" />
<ui:param name="icon" value="pi pi-upload" />
<ui:param name="onclick" value="PF('dlgImportExport').show();" />
<ui:param name="outlined" value="true" />
</ui:include>
</div>
</h:form>
</ui:define>
</ui:include>
<h:form id="formMembres">
<p:messages id="messages" showDetail="true" closable="true" />
<!-- ================================================================
EN-TÊTE (DRY/WOU: card-header)
================================================================ -->
<ui:decorate template="/templates/components/cards/card-header.xhtml">
<ui:param name="title" value="Gestion des Membres" />
<ui:param name="subtitle" value="Liste, recherche et gestion des membres de l'organisation." />
<ui:param name="styleClass" value="mb-3" />
<ui:define name="actions">
<p:button value="Nouveau Membre" icon="pi pi-user-plus" outcome="membreInscriptionPage"
styleClass="ui-button-success mr-2" />
<p:commandButton value="Import / Export" icon="pi pi-file-excel"
onclick="PF('dlgImportExport').show();" type="button" styleClass="ui-button-info" />
</ui:define>
</ui:decorate>
<!-- Liste des membres -->
<div class="card">
<h:form id="formMembres">
<h5>Tous les Membres</h5>
<!-- Filtres et recherche (DRY/WOU: filter-bar avec composants réutilisables) -->
<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">
<!-- Recherche globale (DRY/WOU: form-field-search-text avec icône) -->
<div class="col-12 md:col-3">
<div class="field">
<p:outputLabel for="searchFilter" value="Rechercher" />
<span class="p-input-icon-left w-full">
<i class="pi pi-search"></i>
<p:inputText id="searchFilter"
placeholder="Nom, prénom, email..."
value="#{membreListeBean.searchFilter}"
styleClass="w-full">
<p:ajax event="keyup" update="dtMembres" delay="500"/>
</p:inputText>
</span>
</div>
</div>
<!-- Statut (DRY/WOU: form-field-select avec AJAX) -->
<div class="col-12 md:col-2">
<ui:include src="/templates/components/forms/form-field-select.xhtml">
<ui:param name="id" value="statutFilter" />
<ui:param name="label" value="Statut" />
<ui:param name="value" value="#{membreListeBean.statutFilter}" />
<ui:define name="items">
<f:selectItem itemLabel="Tous les statuts" itemValue="" />
<f:selectItem itemLabel="Actif" itemValue="ACTIF" />
<f:selectItem itemLabel="Inactif" itemValue="INACTIF" />
<f:selectItem itemLabel="Suspendu" itemValue="SUSPENDU" />
<f:selectItem itemLabel="Radié" itemValue="RADIE" />
</ui:define>
<ui:define name="ajax">
<p:ajax event="change" update="dtMembres" />
</ui:define>
</ui:include>
</div>
<!-- Type (DRY/WOU: form-field-select avec AJAX) -->
<div class="col-12 md:col-2">
<ui:include src="/templates/components/forms/form-field-select.xhtml">
<ui:param name="id" value="typeFilter" />
<ui:param name="label" value="Type" />
<ui:param name="value" value="#{membreListeBean.typeFilter}" />
<ui:define name="items">
<f:selectItem itemLabel="Tous les types" itemValue="" />
<f:selectItem itemLabel="Actif" itemValue="ACTIF" />
<f:selectItem itemLabel="Associé" itemValue="ASSOCIE" />
<f:selectItem itemLabel="Bienfaiteur" itemValue="BIENFAITEUR" />
<f:selectItem itemLabel="Honoraire" itemValue="HONORAIRE" />
</ui:define>
<ui:define name="ajax">
<p:ajax event="change" update="dtMembres" />
</ui:define>
</ui:include>
</div>
<!-- Cotisation (DRY/WOU: form-field-select avec AJAX) -->
<div class="col-12 md:col-2">
<ui:include src="/templates/components/forms/form-field-select.xhtml">
<ui:param name="id" value="cotisationFilter" />
<ui:param name="label" value="Cotisation" />
<ui:param name="value" value="#{membreListeBean.cotisationFilter}" />
<ui:define name="items">
<f:selectItem itemLabel="Toutes cotisations" itemValue="" />
<f:selectItem itemLabel="À jour" itemValue="A_JOUR" />
<f:selectItem itemLabel="En retard" itemValue="EN_RETARD" />
<f:selectItem itemLabel="Jamais payé" itemValue="JAMAIS_PAYE" />
</ui:define>
<ui:define name="ajax">
<p:ajax event="change" update="dtMembres" />
</ui:define>
</ui:include>
</div>
<!-- Entité/Organisation (DRY/WOU: form-field-select avec AJAX) -->
<div class="col-12 md:col-2">
<ui:include src="/templates/components/forms/form-field-select.xhtml">
<ui:param name="id" value="entiteFilter" />
<ui:param name="label" value="Entité" />
<ui:param name="value" value="#{membreListeBean.entiteFilter}" />
<ui:define name="items">
<f:selectItem itemLabel="Toutes entités" itemValue="" />
<f:selectItems value="#{membreListeBean.entitesDisponibles}"
var="entite"
itemLabel="#{entite.nom}"
itemValue="#{entite.id}" />
</ui:define>
<ui:define name="ajax">
<p:ajax event="change" update="dtMembres" />
</ui:define>
</ui:include>
</div>
</ui:define>
<ui:define name="actions">
<!-- Filtres avancés (DRY/WOU: button-secondary) -->
<div class="col-12 md:col-auto">
<div class="field">
<label class="invisible">Filtres avancés</label>
<ui:include src="/templates/components/buttons/button-secondary.xhtml">
<ui:param name="value" value="Filtres avancés" />
<ui:param name="icon" value="pi pi-filter" />
<ui:param name="onclick" value="PF('dlgFiltresAvances').show();" />
<ui:param name="styleClass" value="w-full" />
</ui:include>
</div>
</div>
<!-- Actualiser (DRY/WOU: button-secondary avec icône seule) -->
<div class="col-12 md:col-auto">
<div class="field">
<label class="invisible">Actualiser</label>
<ui:include src="/templates/components/buttons/button-secondary.xhtml">
<ui:param name="value" value="" />
<ui:param name="icon" value="pi pi-refresh" />
<ui:param name="action" value="#{membreListeBean.actualiser}" />
<ui:param name="update" value=":formMembres:dtMembres" />
<ui:param name="title" value="Actualiser" />
<ui:param name="outlined" value="true" />
<ui:param name="styleClass" value="w-full" />
</ui:include>
</div>
</div>
<!-- Réinitialiser (DRY/WOU: button-secondary) -->
<div class="col-12 md:col-auto">
<div class="field">
<label class="invisible">Réinitialiser</label>
<ui:include src="/templates/components/buttons/button-secondary.xhtml">
<ui:param name="value" value="Réinitialiser" />
<ui:param name="icon" value="pi pi-filter-slash" />
<ui:param name="action" value="#{membreListeBean.reinitialiserFiltres}" />
<ui:param name="update" value="dtMembres searchFilter statutFilter typeFilter cotisationFilter entiteFilter" />
<ui:param name="styleClass" value="w-full" />
</ui:include>
</div>
</div>
</ui:define>
</ui:decorate>
<!-- ================================================================
STATISTIQUES (DRY/WOU: stat-card)
================================================================ -->
<h:panelGroup id="panelStatistiques" layout="block" styleClass="grid mb-3">
<div class="col-12 md:col-3">
<ui:decorate template="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{membreListeBean.totalMembres}" />
<ui:param name="label" value="Total Membres" />
<ui:param name="icon" value="pi pi-users" />
<ui:param name="bgColor" value="bg-blue-100" />
</ui:decorate>
</div>
<div class="col-12 md:col-3">
<ui:decorate template="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{membreListeBean.membresActifs}" />
<ui:param name="label" value="Actifs" />
<ui:param name="icon" value="pi pi-check-circle" />
<ui:param name="bgColor" value="bg-green-100" />
</ui:decorate>
</div>
<div class="col-12 md:col-3">
<ui:decorate template="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{membreListeBean.membresInactifs}" />
<ui:param name="label" value="Inactifs / Suspendus" />
<ui:param name="icon" value="pi pi-ban" />
<ui:param name="bgColor" value="bg-orange-100" />
</ui:decorate>
</div>
<div class="col-12 md:col-3">
<ui:decorate template="/templates/components/cards/stat-card.xhtml">
<ui:param name="value" value="#{membreListeBean.nouveauxMembres}" />
<ui:param name="label" value="Nouveaux (30j)" />
<ui:param name="icon" value="pi pi-user-plus" />
<ui:param name="bgColor" value="bg-purple-100" />
</ui:decorate>
</div>
</h:panelGroup>
<!-- DataTable -->
<p:dataTable id="dtMembres"
var="membre"
value="#{membreListeBean.membres}"
paginator="true"
rows="15"
paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
rowsPerPageTemplate="10,15,25,50"
currentPageReportTemplate="Affichage {startRecord}-{endRecord} sur {totalRecords}"
selection="#{membreListeBean.selectedMembres}"
rowKey="#{membre.id}"
selectionMode="multiple"
styleClass="mt-3">
<p:column selectionMode="multiple" style="width:50px" />
<p:column headerText="N° Membre" sortBy="#{membre.numeroMembre}" style="width:120px">
<h:outputText value="#{membre.numeroMembre}" styleClass="font-mono font-bold" />
</p:column>
<p:column headerText="Membre" sortBy="#{membre.nom}">
<div class="flex align-items-center">
<div class="border-circle overflow-hidden mr-3"
style="width: 40px; height: 40px;">
<h:graphicImage value="#{membre.photoUrl}"
style="width: 100%; height: 100%; object-fit: cover;"
rendered="#{membre.photoUrl != null}" />
<div class="bg-primary text-white flex align-items-center justify-content-center w-full h-full"
rendered="#{membre.photoUrl == null}">
<span style="font-size: 0.9rem;">#{membre.initiales}</span>
</div>
</div>
<div>
<div class="font-medium text-900">#{membre.nomComplet}</div>
<div class="text-600 text-sm">
<span>#{membre.telephone}</span>
<span class="mx-2">•</span>
<span>#{membre.email}</span>
</div>
</div>
</div>
</p:column>
<p:column headerText="Type" sortBy="#{membre.typeMembre}" style="width:120px">
<p:tag value="#{membre.typeMembre}"
severity="#{membre.typeSeverity != null ? membre.typeSeverity : 'info'}"
icon="pi #{membre.typeIcon != null ? membre.typeIcon : 'pi-user'}" />
</p:column>
<p:column headerText="Statut" sortBy="#{membre.statut}" style="width:100px">
<p:tag value="#{membre.statut}"
severity="#{membre.statutSeverity}"
icon="pi #{membre.statutIcon}" />
</p:column>
<p:column headerText="Organisation" sortBy="#{membre.associationNom}" style="width:150px">
<h:outputText value="#{membre.associationNom != null ? membre.associationNom : 'Non renseigné'}" />
</p:column>
<p:column headerText="Adhésion" sortBy="#{membre.dateAdhesion}" style="width:120px">
<div>
<div class="font-medium">#{membre.dateAdhesion != null ? membre.dateAdhesion : 'Non renseigné'}</div>
<small class="text-600">#{membre.anciennete}</small>
</div>
</p:column>
<p:column headerText="Cotisations" style="width:120px">
<div class="text-center">
<div class="font-bold #{membre.cotisationColor}">#{membre.cotisationStatut}</div>
<small class="text-600">#{membre.dernierPaiement}</small>
</div>
</p:column>
<p:column headerText="Participation" style="width:100px">
<div class="text-center">
<div class="font-bold text-blue-500">#{membre.tauxParticipation}%</div>
<small class="text-600">#{membre.evenementsAnnee} événements</small>
</div>
</p:column>
<p:column headerText="Actions" style="width:200px">
<div class="flex gap-1">
<!-- DRY/WOU: Composite Component action-button-view -->
<uf:action-button-view itemId="#{membre.id}"
detailPage="/pages/secure/membre/profil.xhtml"
iconOnly="true"/>
<!-- DRY/WOU: Composite Component action-button-edit-nav -->
<uf:action-button-edit-nav itemId="#{membre.id}"
editPage="/pages/secure/membre/modifier.xhtml"
iconOnly="true"/>
<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/buttons/button-icon.xhtml">
<ui:param name="icon" value="pi pi-envelope" />
<ui:param name="action" value="#{membreListeBean.contacterMembre(membre)}" />
<ui:param name="update" value=":formMembres :formContact" />
<ui:param name="oncomplete" value="PF('dlgContact').show();" />
<ui:param name="title" value="Contacter" />
<ui:param name="severity" value="" />
</ui:include>
<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 ?');" />
<ui:param name="title" value="Suspendre" />
<ui:param name="severity" value="danger" />
<ui:param name="rendered" value="#{membre.statut == 'ACTIF'}" />
</ui:include>
<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" />
<ui:param name="severity" value="success" />
<ui:param name="rendered" value="#{membre.statut == 'SUSPENDU'}" />
</ui:include>
</div>
</p:column>
</p:dataTable>
<!-- Actions groupées -->
<div class="mt-3 flex justify-content-between align-items-center">
<div>
<span class="text-600">#{membreListeBean.selectedMembres.size()} membre(s) sélectionné(s)</span>
<span class="text-400 ml-2" rendered="#{empty membreListeBean.selectedMembres}">
- Cochez des cases pour activer les actions
<!-- ================================================================
BARRE DE FILTRES (DRY/WOU: filter-bar)
================================================================ -->
<ui:decorate template="/templates/components/cards/filter-bar.xhtml">
<ui:param name="title" value="" />
<ui:define name="filters">
<!-- Recherche textuelle -->
<div class="col-12 md:col-4">
<span class="p-input-icon-left w-full">
<i class="pi pi-search" />
<p:inputText id="searchFilter" value="#{membreListeBean.searchFilter}"
placeholder="Rechercher un membre..." styleClass="w-full">
<p:ajax event="keyup" listener="#{membreListeBean.rechercher}" update="dtMembres"
delay="500" />
</p:inputText>
</span>
</div>
<div class="flex gap-2">
<ui:include src="/templates/components/buttons/button-info.xhtml">
<ui:param name="value" value="Envoyer message" />
<ui:param name="icon" value="pi pi-envelope" />
<ui:param name="onclick" value="PF('dlgMessageGroupe').show();" />
<ui:param name="outlined" value="true" />
<ui:param name="disabled" value="#{empty membreListeBean.selectedMembres}" />
</ui:include>
<ui:include src="/templates/components/buttons/button-warning.xhtml">
<ui:param name="value" value="Rappel cotisations" />
<ui:param name="icon" value="pi pi-bell" />
<ui:param name="action" value="#{membreListeBean.rappelCotisationsGroupe}" />
<ui:param name="update" value=":formMembres" />
<ui:param name="outlined" value="true" />
<ui:param name="disabled" value="#{empty membreListeBean.selectedMembres}" />
</ui:include>
<ui:include src="/templates/components/buttons/button-success.xhtml">
<ui:param name="value" value="Exporter sélection" />
<ui:param name="icon" value="pi pi-file-excel" />
<ui:param name="action" value="#{membreListeBean.exporterSelection}" />
<ui:param name="outlined" value="true" />
<ui:param name="disabled" value="#{empty membreListeBean.selectedMembres}" />
</ui:include>
<ui:include src="/templates/components/buttons/button-secondary.xhtml">
<ui:param name="value" value="Modifier en lot" />
<ui:param name="icon" value="pi pi-pencil" />
<ui:param name="onclick" value="PF('dlgModificationLot').show();" />
<ui:param name="outlined" value="true" />
<ui:param name="disabled" value="#{empty membreListeBean.selectedMembres}" />
</ui:include>
</div>
</div>
</h:form>
</div>
<!-- Dialog Filtres Avancés -->
<p:dialog header="Filtres Avancés" widgetVar="dlgFiltresAvances" modal="true" width="600">
<h:form id="formFiltresAvances">
<div class="ui-fluid">
<div class="grid">
<div class="col-12 md:col-6">
<div class="field">
<p:outputLabel for="ageMin" value="Âge minimum" />
<p:inputNumber id="ageMin" value="#{membreListeBean.ageMin}" symbol="" styleClass="w-full" />
</div>
<div class="field">
<p:outputLabel for="ageMax" value="Âge maximum" />
<p:inputNumber id="ageMax" value="#{membreListeBean.ageMax}" symbol="" styleClass="w-full" />
</div>
<div class="field">
<p:outputLabel for="genre" value="Genre" />
<p:selectOneMenu id="genre" value="#{membreListeBean.genreFilter}" styleClass="w-full">
<f:selectItem itemLabel="Tous" itemValue="" />
<f:selectItem itemLabel="Homme" itemValue="M" />
<f:selectItem itemLabel="Femme" itemValue="F" />
</p:selectOneMenu>
</div>
<div class="field">
<p:outputLabel for="ville" value="Ville" />
<p:autoComplete id="ville"
value="#{membreListeBean.villeFilter}"
completeMethod="#{membreListeBean.completerVilles}"
placeholder="Saisir une ville..."
styleClass="w-full" />
</div>
</div>
<div class="col-12 md:col-6">
<ui:include src="/templates/components/forms/form-field-calendar.xhtml">
<ui:param name="id" value="dateAdhesionDebut" />
<ui:param name="label" value="Adhésion après le" />
<ui:param name="value" value="#{membreListeBean.dateAdhesionDebut}" />
</ui:include>
<ui:include src="/templates/components/forms/form-field-calendar.xhtml">
<ui:param name="id" value="dateAdhesionFin" />
<ui:param name="label" value="Adhésion avant le" />
<ui:param name="value" value="#{membreListeBean.dateAdhesionFin}" />
</ui:include>
<div class="field">
<p:outputLabel for="profession" value="Profession" />
<p:autoComplete id="profession"
value="#{membreListeBean.professionFilter}"
completeMethod="#{membreListeBean.completerProfessions}"
placeholder="Saisir une profession..."
styleClass="w-full" />
</div>
<div class="field">
<p:selectBooleanCheckbox id="desEnfants" value="#{membreListeBean.desEnfants}" />
<p:outputLabel for="desEnfants" value=" A des enfants déclarés" />
</div>
</div>
<!-- Filtre par statut -->
<div class="col-12 md:col-2">
<p:selectOneMenu id="statutFilter" value="#{membreListeBean.statutFilter}" styleClass="w-full">
<f:selectItem itemLabel="Tous les statuts" itemValue="" />
<f:selectItem itemLabel="Actif" itemValue="ACTIF" />
<f:selectItem itemLabel="Inactif" itemValue="INACTIF" />
<f:selectItem itemLabel="Suspendu" itemValue="SUSPENDU" />
<f:selectItem itemLabel="En attente" itemValue="EN_ATTENTE" />
<p:ajax event="valueChange" listener="#{membreListeBean.rechercher}" update="dtMembres" />
</p:selectOneMenu>
</div>
</div>
<div class="flex gap-2 mt-3">
<ui:include src="/templates/components/buttons/button-info.xhtml">
<ui:param name="value" value="Appliquer" />
<ui:param name="icon" value="pi pi-check" />
<ui:param name="action" value="#{membreListeBean.appliquerFiltresAvances}" />
<ui:param name="update" value=":formMembres:dtMembres" />
<ui:param name="onclick" value="PF('dlgFiltresAvances').hide();" />
</ui:include>
<ui:include src="/templates/components/buttons/button-secondary.xhtml">
<ui:param name="value" value="Réinitialiser" />
<ui:param name="icon" value="pi pi-refresh" />
<ui:param name="action" value="#{membreListeBean.reinitialiserFiltres}" />
<ui:param name="update" value=":formFiltresAvances :formMembres:dtMembres" />
<ui:param name="outlined" value="true" />
</ui:include>
<ui:include src="/templates/components/buttons/button-secondary.xhtml">
<ui:param name="value" value="Annuler" />
<ui:param name="icon" value="pi pi-times" />
<ui:param name="onclick" value="PF('dlgFiltresAvances').hide();" />
<ui:param name="outlined" value="true" />
<ui:param name="styleClass" value="ui-button-danger" />
</ui:include>
</div>
</h:form>
</p:dialog>
<!-- Dialog Message Groupé -->
<p:dialog header="Envoyer un Message Groupé" widgetVar="dlgMessageGroupe" modal="true" width="600">
<h:form id="formMessageGroupe">
<div class="ui-fluid">
<ui:include src="/templates/components/forms/form-field-text.xhtml">
<ui:param name="id" value="sujetMessage" />
<ui:param name="label" value="Sujet" />
<ui:param name="value" value="#{membreListeBean.sujetMessage}" />
<ui:param name="required" value="true" />
<ui:param name="placeholder" value="Objet du message" />
</ui:include>
<ui:include src="/templates/components/forms/form-field-textarea.xhtml">
<ui:param name="id" value="contenuMessage" />
<ui:param name="label" value="Message" />
<ui:param name="value" value="#{membreListeBean.contenuMessage}" />
<ui:param name="required" value="true" />
<ui:param name="rows" value="6" />
</ui:include>
<div class="field">
<p:outputLabel for="canauxMessage" value="Canaux de diffusion" />
<p:selectCheckboxMenu id="canauxMessage" value="#{membreListeBean.canauxMessage}"
multiple="true" styleClass="w-full">
<f:selectItem itemLabel="📧 Email" itemValue="EMAIL" />
<f:selectItem itemLabel="📱 SMS" itemValue="SMS" />
<f:selectItem itemLabel="💬 WhatsApp" itemValue="WHATSAPP" />
<f:selectItem itemLabel="🔔 Notification push" itemValue="PUSH" />
</p:selectCheckboxMenu>
<!-- Filtre par rôle (aligné avec le modèle métier) -->
<div class="col-12 md:col-2">
<p:selectOneMenu id="roleFilter" value="#{membreListeBean.roleFilter}" styleClass="w-full">
<f:selectItem itemLabel="Tous les rôles" itemValue="" />
<f:selectItem itemLabel="Responsable" itemValue="RESPONSABLE" />
<f:selectItem itemLabel="Bureau" itemValue="BUREAU" />
<p:ajax event="valueChange" listener="#{membreListeBean.rechercher}" update="dtMembres" />
</p:selectOneMenu>
</div>
<div class="surface-50 p-3 border-round">
<div class="font-medium mb-2">Destinataires :</div>
<div class="text-600">#{membreListeBean.selectedMembres.size()} membre(s) recevront ce message</div>
</div>
</div>
<div class="flex gap-2 mt-3">
<ui:include src="/templates/components/buttons/button-info.xhtml">
<ui:param name="value" value="Envoyer" />
<ui:param name="icon" value="pi pi-send" />
<ui:param name="action" value="#{membreListeBean.envoyerMessageGroupe}" />
<ui:param name="update" value=":formMessageGroupe :formMembres" />
<ui:param name="onclick" value="if(!args.validationFailed) PF('dlgMessageGroupe').hide();" />
</ui:include>
<ui:include src="/templates/components/buttons/button-secondary.xhtml">
<ui:param name="value" value="Annuler" />
<ui:param name="icon" value="pi pi-times" />
<ui:param name="onclick" value="PF('dlgMessageGroupe').hide();" />
<ui:param name="outlined" value="false" />
</ui:include>
</div>
</h:form>
</p:dialog>
<!-- Dialog Import/Export -->
<p:dialog header="Import/Export des Membres" widgetVar="dlgImportExport" modal="true" width="500">
<h:form id="formImportExport">
<p:tabView>
<p:tab title="Import">
<div class="ui-fluid">
<div class="field">
<p:outputLabel for="fichierImport" value="Fichier Excel" />
<p:fileUpload id="fichierImport" mode="simple" skinSimple="true"
accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-excel" />
</div>
<div class="field">
<p:selectBooleanCheckbox id="mettreAJourExistants" value="#{membreListeBean.mettreAJourExistants}" />
<p:outputLabel for="mettreAJourExistants" value=" Mettre à jour les membres existants" />
</div>
<div class="surface-50 p-3 border-round">
<div class="font-medium mb-2">Format attendu :</div>
<small class="text-600">
Colonnes : Nom, Prénom, Email, Téléphone, Date naissance, Adresse, Profession, Type membre
</small>
</div>
</div>
<div class="flex gap-2 mt-3">
<ui:include src="/templates/components/buttons/button-success.xhtml">
<ui:param name="value" value="Importer" />
<ui:param name="icon" value="pi pi-upload" />
<ui:param name="action" value="#{membreListeBean.importerMembres}" />
<ui:param name="update" value=":formImportExport :formMembres" />
</ui:include>
<ui:include src="/templates/components/buttons/button-info.xhtml">
<ui:param name="value" value="Télécharger modèle" />
<ui:param name="icon" value="pi pi-download" />
<ui:param name="action" value="#{membreListeBean.telechargerModele}" />
<ui:param name="outlined" value="true" />
</ui:include>
</div>
</p:tab>
<p:tab title="Export">
<div class="ui-fluid">
<div class="field">
<p:outputLabel for="formatExport" value="Format" />
<p:selectOneMenu id="formatExport" value="#{membreListeBean.formatExport}">
<f:selectItem itemLabel="Excel (.xlsx)" itemValue="EXCEL" />
<f:selectItem itemLabel="CSV (.csv)" itemValue="CSV" />
<f:selectItem itemLabel="PDF (.pdf)" itemValue="PDF" />
</p:selectOneMenu>
</div>
<div class="field">
<p:outputLabel for="colonnesExport" value="Colonnes à exporter" />
<p:selectCheckboxMenu id="colonnesExport" value="#{membreListeBean.colonnesExport}"
multiple="true">
<f:selectItem itemLabel="Informations personnelles" itemValue="PERSO" />
<f:selectItem itemLabel="Coordonnées" itemValue="CONTACT" />
<f:selectItem itemLabel="Informations adhésion" itemValue="ADHESION" />
<f:selectItem itemLabel="Cotisations" itemValue="COTISATIONS" />
<f:selectItem itemLabel="Participation événements" itemValue="EVENEMENTS" />
</p:selectCheckboxMenu>
</div>
<div class="field">
<p:selectBooleanCheckbox id="exporterSelection" value="#{membreListeBean.exporterSelection}" />
<p:outputLabel for="exporterSelection" value=" Exporter seulement la sélection" />
</div>
</div>
<div class="flex gap-2 mt-3">
<ui:include src="/templates/components/buttons/button-success.xhtml">
<ui:param name="value" value="Exporter" />
<ui:param name="icon" value="pi pi-download" />
<ui:param name="action" value="#{membreListeBean.exporterMembres}" />
</ui:include>
</div>
</p:tab>
</p:tabView>
<div class="flex justify-content-end mt-3">
<ui:include src="/templates/components/buttons/button-secondary.xhtml">
<ui:param name="value" value="Fermer" />
<ui:param name="icon" value="pi pi-times" />
<ui:param name="onclick" value="PF('dlgImportExport').hide();" />
<ui:param name="outlined" value="false" />
</ui:include>
</div>
</h:form>
</p:dialog>
<!-- Dialog Contact Membre -->
<h:form id="formContact">
<p:dialog id="dlgContact"
header="Contacter #{membreListeBean.membreAContacter != null ? membreListeBean.membreAContacter.nomComplet : 'Membre'}"
widgetVar="dlgContact"
modal="true"
resizable="false"
style="width: 90vw; max-width: 600px;"
visible="#{membreListeBean.dialogContactVisible}">
<div class="ui-fluid" rendered="#{membreListeBean.membreAContacter != null}">
<div class="field mb-4">
<div class="surface-100 border-round p-3">
<div class="flex align-items-center">
<div class="w-3rem h-3rem border-circle bg-primary-100 flex align-items-center justify-content-center mr-3">
<i class="pi pi-user text-primary text-xl"></i>
</div>
<div>
<div class="font-semibold text-900">#{membreListeBean.membreAContacter.nomComplet}</div>
<div class="text-600 text-sm">#{membreListeBean.membreAContacter.email != null ? membreListeBean.membreAContacter.email : 'Email non renseigné'}</div>
<div class="text-600 text-sm">#{membreListeBean.membreAContacter.telephone != null ? membreListeBean.membreAContacter.telephone : 'Téléphone non renseigné'}</div>
</div>
</div>
</div>
<!-- Filtre par organisation -->
<div class="col-12 md:col-2">
<p:selectOneMenu id="entiteFilter" value="#{membreListeBean.entiteFilter}" styleClass="w-full"
filter="true" filterMatchMode="contains">
<f:selectItem itemLabel="Toutes les organisations" itemValue="" />
<f:selectItems value="#{membreListeBean.organisationsDisponibles}" var="org"
itemLabel="#{org.nom}" itemValue="#{org.id}" />
<p:ajax event="valueChange" listener="#{membreListeBean.rechercher}" update="dtMembres" />
</p:selectOneMenu>
</div>
<div class="field">
<ui:include src="/templates/components/forms/form-field-text.xhtml">
<ui:param name="id" value="sujetContact" />
<ui:param name="label" value="Sujet" />
<ui:param name="value" value="#{membreListeBean.sujetContact}" />
<ui:param name="placeholder" value="Sujet du message (optionnel)" />
</ui:include>
</div>
<div class="field">
<ui:include src="/templates/components/forms/form-field-textarea.xhtml">
<ui:param name="id" value="messageContact" />
<ui:param name="label" value="Message *" />
<ui:param name="value" value="#{membreListeBean.messageContact}" />
<ui:param name="required" value="true" />
<ui:param name="rows" value="6" />
<ui:param name="placeholder" value="Saisissez votre message..." />
</ui:include>
</div>
</div>
<f:facet name="footer">
<div class="flex justify-content-end gap-2">
<ui:include src="/templates/components/buttons/button-secondary.xhtml">
<ui:param name="value" value="Annuler" />
<ui:param name="icon" value="pi pi-times" />
<ui:param name="action" value="#{membreListeBean.annulerContact}" />
<ui:param name="update" value=":formContact" />
<ui:param name="oncomplete" value="PF('dlgContact').hide();" />
</ui:include>
<ui:include src="/templates/components/buttons/button-success.xhtml">
<ui:param name="value" value="Envoyer" />
<ui:param name="icon" value="pi pi-send" />
<ui:param name="action" value="#{membreListeBean.envoyerMessageContact}" />
<ui:param name="update" value=":formContact :formMembres" />
<ui:param name="oncomplete" value="if(!args.validationFailed) { PF('dlgContact').hide(); }" />
</ui:include>
</div>
</f:facet>
</p:dialog>
</ui:define>
<ui:define name="actions">
<p:commandButton icon="pi pi-filter" title="Filtres avancés"
onclick="PF('dlgFiltresAvances').show();" type="button" styleClass="ui-button-outlined mr-1" />
<p:commandButton icon="pi pi-refresh" title="Actualiser" action="#{membreListeBean.actualiser}"
update="dtMembres panelStatistiques messages" styleClass="ui-button-outlined" />
</ui:define>
</ui:decorate>
<!-- ================================================================
ACTIONS GROUPÉES (visible si sélection)
================================================================ -->
<h:panelGroup id="panelActionsGroupeesWrapper">
<h:panelGroup id="panelActionsGroupees" layout="block" styleClass="flex gap-2 mb-3"
rendered="#{not empty membreListeBean.selectedMembres}">
<p:commandButton value="Rappel Cotisations" icon="pi pi-bell"
action="#{membreListeBean.rappelCotisationsGroupe}" update="messages"
styleClass="ui-button-warning ui-button-sm" />
<p:commandButton value="Message Groupé" icon="pi pi-envelope"
onclick="PF('dlgMessageGroupe').show();" type="button"
styleClass="ui-button-info ui-button-sm" />
<p:commandButton value="Exporter Sélection" icon="pi pi-download" ajax="false"
action="#{membreListeBean.exporterSelection}" styleClass="ui-button-secondary ui-button-sm" />
<h:outputText value="#{membreListeBean.selectedMembres.size()} membre(s) sélectionné(s)"
styleClass="ml-2 text-500 align-self-center" />
</h:panelGroup>
</h:panelGroup>
<!-- ================================================================
DataTable LAZY (pagination/tri/filtrage côté serveur)
================================================================ -->
<p:dataTable id="dtMembres" var="membre" value="#{membreListeBean.lazyModel}" lazy="true" paginator="true"
rows="20" rowsPerPageTemplate="10,20,50"
paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
currentPageReportTemplate="{startRecord}-{endRecord} sur {totalRecords}"
selection="#{membreListeBean.selectedMembres}" rowKey="#{membre.id}" emptyMessage="Aucun membre trouvé."
stripedRows="true" showGridlines="false" size="small" styleClass="mb-4" tableStyle="min-width: 60rem">
<!-- AJAX sélection pour mise à jour des actions groupées -->
<p:ajax event="rowSelect" update=":formMembres:panelActionsGroupeesWrapper" />
<p:ajax event="rowUnselect" update=":formMembres:panelActionsGroupeesWrapper" />
<p:ajax event="toggleSelect" update=":formMembres:panelActionsGroupeesWrapper" />
<!-- Colonne sélection checkbox -->
<p:column selectionMode="multiple" headerText="" style="width: 3rem; text-align: center;" />
<!-- Colonne: Membre (Nom + Email) -->
<ui:decorate template="/templates/components/columns/column-name-with-subtitle.xhtml">
<ui:param name="headerText" value="Membre" />
<ui:param name="name" value="#{membre.nomComplet}" />
<ui:param name="subtitle" value="#{membre.email}" />
<ui:param name="sortBy" value="#{membre.nom}" />
<ui:param name="filterBy" value="#{membre.nom}" />
</ui:decorate>
<!-- Colonne: Rôle -->
<ui:decorate template="/templates/components/columns/column-tag.xhtml">
<ui:param name="headerText" value="Rôle" />
<ui:param name="value" value="#{membre.typeMembre}" />
<ui:param name="severity" value="#{membre.typeSeverity}" />
<ui:param name="icon" value="#{membre.typeIcon}" />
<ui:param name="width" value="8rem" />
</ui:decorate>
<!-- Colonne: Organisation -->
<ui:decorate template="/templates/components/columns/column-text-with-icon.xhtml">
<ui:param name="headerText" value="Organisation" />
<ui:param name="icon" value="pi pi-building" />
<ui:param name="text" value="#{not empty membre.associationNom ? membre.associationNom : '—'}" />
<ui:param name="sortBy" value="#{membre.associationNom}" />
<ui:param name="filterBy" value="#{membre.associationNom}" />
<ui:param name="styleClass" value="#{empty membre.associationNom ? 'text-500' : ''}" />
</ui:decorate>
<!-- Colonne: Téléphone -->
<ui:decorate template="/templates/components/columns/column-text-with-icon.xhtml">
<ui:param name="headerText" value="Téléphone" />
<ui:param name="icon" value="pi pi-phone" />
<ui:param name="text" value="#{not empty membre.telephone ? membre.telephone : '—'}" />
<ui:param name="styleClass" value="#{empty membre.telephone ? 'text-500' : ''}" />
</ui:decorate>
<!-- Colonne: Statut -->
<ui:decorate template="/templates/components/columns/column-tag.xhtml">
<ui:param name="headerText" value="Statut" />
<ui:param name="value" value="#{membre.statutLibelle}" />
<ui:param name="severity" value="#{membre.statutSeverity}" />
<ui:param name="icon" value="#{membre.statutIcon}" />
<ui:param name="sortBy" value="#{membre.statut}" />
<ui:param name="width" value="8rem" />
</ui:decorate>
<!-- Colonne: Date Adhésion -->
<p:column headerText="Adhésion" sortBy="#{membre.dateAdhesion}"
style="width: 8rem; text-align: center;">
<i class="pi pi-calendar mr-1 text-primary"></i>
<h:outputText value="#{membre.dateAdhesion}">
<f:convertDateTime pattern="dd/MM/yyyy" type="localDate" />
</h:outputText>
</p:column>
<!-- Colonne: Actions (DRY/WOU: column-actions) -->
<ui:decorate template="/templates/components/columns/column-actions.xhtml">
<ui:param name="width" value="14rem" />
<ui:define name="actions">
<!-- Voir le profil -->
<p:button icon="pi pi-user" outcome="membreProfilPage" title="Profil"
styleClass="ui-button-info ui-button-sm ui-button-rounded mr-1">
<f:param name="id" value="#{membre.id}" />
</p:button>
<!-- Éditer -->
<p:button icon="pi pi-pencil" outcome="membreModifierPage" title="Modifier"
styleClass="ui-button-warning ui-button-sm ui-button-rounded mr-1">
<f:param name="id" value="#{membre.id}" />
</p:button>
<!-- Contacter -->
<p:commandButton icon="pi pi-envelope" title="Contacter"
action="#{membreListeBean.contacterMembre(membre)}" process="@this"
oncomplete="PF('dlgContact').show();" update=":dlgContact"
styleClass="ui-button-help ui-button-sm ui-button-rounded mr-1" />
<!-- Suspendre (visible si actif) -->
<p:commandButton icon="pi pi-ban" title="Suspendre"
action="#{membreListeBean.suspendreMembre(membre)}"
update="dtMembres messages panelStatistiques" rendered="#{membre.statut == 'ACTIF'}"
styleClass="ui-button-danger ui-button-sm ui-button-rounded mr-1">
<p:confirm header="Confirmation" message="Suspendre #{membre.nomComplet} ?"
icon="pi pi-exclamation-triangle" />
</p:commandButton>
<!-- Réactiver (visible si suspendu) -->
<p:commandButton icon="pi pi-replay" title="Réactiver"
action="#{membreListeBean.reactiverMembre(membre)}"
update="dtMembres messages panelStatistiques" rendered="#{membre.statut == 'SUSPENDU'}"
styleClass="ui-button-success ui-button-sm ui-button-rounded" />
</ui:define>
</ui:decorate>
</p:dataTable>
<!-- Confirmation dialog global -->
<p:confirmDialog global="true" showEffect="fade" hideEffect="fade" responsive="true" width="450">
<p:commandButton value="Oui" type="button" styleClass="ui-button-danger ui-confirmdialog-yes"
icon="pi pi-check" />
<p:commandButton value="Non" type="button" styleClass="ui-button-secondary ui-confirmdialog-no"
icon="pi pi-times" />
</p:confirmDialog>
</h:form>
</ui:define>
<!-- ================================================================
DIALOGS EXTRAITS (DRY/WOU: fichiers include séparés)
================================================================ -->
<ui:include src="/ui/includes/membre-dialog-filtres-avances.xhtml" />
<ui:include src="/ui/includes/membre-dialog-message-groupe.xhtml" />
<ui:include src="/ui/includes/membre-dialog-import-export.xhtml" />
<ui:include src="/ui/includes/membre-dialog-contact.xhtml" />
</ui:define>
</ui:composition>

1023
target/classes/META-INF/resources/pages/secure/organisation/detail.xhtml
View File

File diff suppressed because it is too large Load Diff

454
target/classes/META-INF/resources/pages/secure/organisation/liste.xhtml
View File

@@ -1,122 +1,164 @@
<!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"
xmlns:uf="http://xmlns.jcp.org/jsf/composite/components">
<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"
template="/templates/main-template.xhtml">
<ui:define name="title">Organisations - UnionFlow</ui:define>
<ui:composition template="/templates/main-template.xhtml">
<ui:param name="page" value="#{organisationsBean}"/>
<ui:define name="title">Gestion des Organisations</ui:define>
<ui:define name="content">
<h:form id="formOrganisations">
<p:messages id="messages" showDetail="true" closable="true"/>
<!-- 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>
<div class="ui-fluid">
<!-- 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/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/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" />
<ui:param name="bgColor" value="orange" />
</ui:include>
</div>
<!-- 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="Nom, ville, description..."
styleClass="w-full">
<p:ajax event="keyup" update="dtOrganisations" listener="#{organisationsBean.appliquerFiltres}" delay="500"/>
</p:inputText>
</div>
<!-- ═══════════════════════════════════════════════════════════════ -->
<!-- EN-TÊTE -->
<!-- ═══════════════════════════════════════════════════════════════ -->
<div class="card mb-3">
<div class="formgrid grid align-items-center">
<div class="field col-12 lg:col-8 mb-0">
<h2 class="text-primary font-bold mb-1 mt-0">
<i class="pi pi-building text-blue-500 mr-2"></i>
Organisations
</h2>
<p class="text-600 m-0">
Administration des organisations ·
<span class="font-semibold text-900">#{organisationsBean.totalOrganisations}</span> au total ·
<span class="font-semibold text-green-600">#{organisationsBean.organisationsActives} active(s)</span>
</p>
</div>
<div class="col-12 md:col-2">
<div class="field">
<p:outputLabel for="filtreStatut" value="Statut" />
<p:selectOneMenu id="filtreStatut"
value="#{organisationsBean.filtreStatut}"
styleClass="w-full">
<f:selectItems value="#{organisationsBean.statutsSelectItems}" />
<p:ajax event="change" update="dtOrganisations" listener="#{organisationsBean.appliquerFiltres}"/>
</p:selectOneMenu>
</div>
</div>
<div class="col-12 md:col-2">
<div class="field">
<p:outputLabel for="filtreType" value="Type" />
<p:selectOneMenu id="filtreType"
value="#{organisationsBean.filtreType}"
styleClass="w-full">
<f:selectItems value="#{organisationsBean.typesSelectItems}" />
<p:ajax event="change" update="dtOrganisations" listener="#{organisationsBean.appliquerFiltres}"/>
</p:selectOneMenu>
</div>
</div>
</ui:define>
<ui:define name="actions">
<div class="col-12 md:col-2">
<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">
<div class="field">
<label class="invisible">Actions</label>
<div class="field col-12 lg:col-4 mb-0 flex justify-content-end gap-2">
<h:form id="formEntete">
<p:commandButton value="Rafraîchir"
icon="pi pi-refresh"
action="#{organisationsBean.recharger}"
update="@form"
styleClass="ui-button-secondary w-full" />
styleClass="ui-button-secondary ui-button-outlined"
actionListener="#{organisationsBean.recharger}"
update=":panelKPIs :formOrganisations" />
</h:form>
<p:button value="Nouvelle organisation"
icon="pi pi-plus"
styleClass="ui-button-success"
outcome="/pages/secure/organisation/nouvelle" />
</div>
</div>
</div>
<!-- ═══════════════════════════════════════════════════════════════ -->
<!-- KPIs -->
<!-- ═══════════════════════════════════════════════════════════════ -->
<h:panelGroup id="panelKPIs" layout="block">
<div class="formgrid grid">
<ui:include src="/templates/components/cards/kpi-card.xhtml">
<ui:param name="title" value="Total Organisations" />
<ui:param name="value" value="#{organisationsBean.totalOrganisations}" />
<ui:param name="icon" value="pi-building" />
<ui:param name="iconColor" value="blue-600" />
<ui:param name="showGrowth" value="false" />
<ui:param name="showProgress" value="false" />
</ui:include>
<ui:include src="/templates/components/cards/kpi-card.xhtml">
<ui:param name="title" value="Actives" />
<ui:param name="value" value="#{organisationsBean.organisationsActives}" />
<ui:param name="icon" value="pi-check-circle" />
<ui:param name="iconColor" value="green-600" />
<ui:param name="progressValue" value="#{organisationsBean.tauxActivite}" />
<ui:param name="noDataLabel" value="Aucune organisation active" />
<ui:param name="showGrowth" value="false" />
</ui:include>
<ui:include src="/templates/components/cards/kpi-card.xhtml">
<ui:param name="title" value="Inactives / Suspendues" />
<ui:param name="value" value="#{organisationsBean.organisationsInactives}" />
<ui:param name="icon" value="pi-pause-circle" />
<ui:param name="iconColor" value="orange-600" />
<ui:param name="showGrowth" value="false" />
<ui:param name="showProgress" value="false" />
</ui:include>
<ui:include src="/templates/components/cards/kpi-card.xhtml">
<ui:param name="title" value="Taux d'activité" />
<ui:param name="value" value="#{organisationsBean.tauxActivite} %" />
<ui:param name="icon" value="pi-chart-pie" />
<ui:param name="iconColor" value="purple-600" />
<ui:param name="progressValue" value="#{organisationsBean.tauxActivite}" />
<ui:param name="showGrowth" value="false" />
</ui:include>
</div>
</h:panelGroup>
<!-- ═══════════════════════════════════════════════════════════════ -->
<!-- FILTRES -->
<!-- ═══════════════════════════════════════════════════════════════ -->
<div class="card mb-3">
<h5 class="mb-3 mt-0">
<i class="pi pi-filter text-blue-500 mr-2"></i>
Filtres et Recherche
</h5>
<h:form id="formFiltres">
<div class="formgrid grid align-items-end">
<div class="field col-12 md:col-6 lg:col-4">
<label for="searchNom" class="block text-900 font-medium mb-2">Nom / Description</label>
<span class="p-input-icon-left w-full">
<i class="pi pi-search"></i>
<p:inputText id="searchNom"
value="#{organisationsBean.rechercheGlobale}"
placeholder="Nom, ville, description..."
styleClass="w-full">
<p:ajax event="keyup" delay="400"
listener="#{organisationsBean.appliquerFiltres}"
update=":formOrganisations:dtOrganisations" />
</p:inputText>
</span>
</div>
<div class="field col-12 md:col-6 lg:col-3">
<label for="filterStatut" class="block text-900 font-medium mb-2">Statut</label>
<p:selectOneMenu id="filterStatut"
value="#{organisationsBean.filtreStatut}"
styleClass="w-full">
<f:selectItems value="#{organisationsBean.statutsSelectItems}" />
<p:ajax listener="#{organisationsBean.appliquerFiltres}"
update=":formOrganisations:dtOrganisations" />
</p:selectOneMenu>
</div>
<div class="field col-12 md:col-6 lg:col-3">
<label for="filterType" class="block text-900 font-medium mb-2">Type</label>
<p:selectOneMenu id="filterType"
value="#{organisationsBean.filtreType}"
styleClass="w-full">
<f:selectItems value="#{organisationsBean.typesSelectItems}" />
<p:ajax listener="#{organisationsBean.appliquerFiltres}"
update=":formOrganisations:dtOrganisations" />
</p:selectOneMenu>
</div>
<div class="field col-12 md:col-6 lg:col-2">
<p:commandButton value="Réinitialiser"
icon="pi pi-filter-slash"
styleClass="ui-button-secondary ui-button-outlined w-full"
actionListener="#{organisationsBean.reinitialiserFiltres}"
update="@form :formOrganisations:dtOrganisations" />
</div>
</div>
</ui:define>
</ui:decorate>
</h:form>
</div>
<!-- ═══════════════════════════════════════════════════════════════ -->
<!-- TABLE -->
<!-- ═══════════════════════════════════════════════════════════════ -->
<div class="card">
<h:form id="formOrganisations">
<p:messages id="messages" showDetail="true" closable="true" styleClass="mb-3" />
<div class="flex align-items-center justify-content-between mb-3">
<h5 class="m-0">
<i class="pi pi-list text-primary mr-2"></i>
Liste des Organisations
</h5>
</div>
<!-- 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"
@@ -124,97 +166,130 @@
rows="20"
rowsPerPageTemplate="10,20,50,100"
paginatorPosition="bottom"
emptyMessage="Aucune organisation trouvée"
styleClass="table-responsive"
size="small">
<!-- 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>
paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
currentPageReportTemplate="Affichage {startRecord}-{endRecord} sur {totalRecords} organisations"
styleClass="p-datatable-sm p-datatable-gridlines p-datatable-striped"
emptyMessage="Aucune organisation trouvée">
<!-- Organisation : nom + type -->
<p:column headerText="Organisation" sortBy="#{org.nom}">
<div class="flex align-items-center">
<div class="flex align-items-center justify-content-center bg-primary-100 border-circle mr-3"
style="width: 2.5rem; height: 2.5rem; min-width: 2.5rem;">
<i class="pi pi-building text-primary-600"></i>
</div>
<div>
<div class="text-900 font-semibold">#{org.nom}</div>
<div class="text-500 text-xs">
#{empty org.nomCourt ? '' : org.nomCourt}
</div>
</div>
</div>
</p:column>
<!-- 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 headerText="Type" sortBy="#{org.typeAssociation}" style="width: 11rem;">
<p:tag value="#{org.typeLibelle}"
severity="info"
styleClass="text-xs" />
</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 headerText="Localisation" style="width: 13rem;">
<div class="flex align-items-center text-700 text-sm">
<i class="pi pi-map-marker text-400 mr-1"></i>
<span>
#{empty org.ville ? '' : org.ville}#{(not empty org.ville and not empty org.region) ? ', ' : ''}#{empty org.region ? '' : org.region}
</span>
</div>
<div class="text-400 text-xs mt-1" rendered="#{not empty org.pays}">
#{org.pays}
</div>
</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 headerText="Membres" style="width: 7rem; text-align: center;">
<div class="text-center">
<span class="text-900 font-bold text-lg">
#{empty org.nombreMembres ? 0 : org.nombreMembres}
</span>
<div class="text-500 text-xs">membres</div>
</div>
</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 headerText="Statut" sortBy="#{org.statut}" style="width: 9rem; text-align: center;">
<p:tag value="#{org.statut}"
severity="#{org.statut == organisationsBean.statutActive ? 'success' :
(org.statut == organisationsBean.statutSuspendue ? 'danger' :
(org.statut == organisationsBean.statutDissoute ? 'danger' : 'warning'))}"
icon="pi #{org.statut == organisationsBean.statutActive ? 'pi-check' :
(org.statut == organisationsBean.statutSuspendue ? 'pi-ban' : 'pi-pause')}"
styleClass="text-xs w-full" />
</p:column>
<!-- Actions (DRY/WOU: Composite Components) -->
<p:column headerText="Actions" style="width:200px">
<!-- Actions -->
<p:column headerText="Actions" style="width: 10rem;" exportable="false">
<div class="flex gap-1">
<!-- DRY/WOU: Composite Component action-button-view -->
<uf:action-button-view itemId="#{org.id.toString()}"
detailPage="/pages/secure/organisation/detail.xhtml"
iconOnly="true"/>
<!-- DRY/WOU: button-icon pour Modifier -->
<p:button icon="pi pi-eye"
title="Voir le détail"
styleClass="ui-button-rounded ui-button-text ui-button-info ui-button-sm"
href="/pages/secure/organisation/detail.xhtml?id=#{org.id}" />
<p:commandButton icon="pi pi-pencil"
actionListener="#{organisationsBean.setOrganisationSelectionnee(org)}"
oncomplete="PF('dlgModifier').show();"
styleClass="ui-button-rounded ui-button-text ui-button-warning ui-button-sm"
title="Modifier"
update=":formModifier"
styleClass="ui-button-rounded ui-button-warning"
title="Modifier"/>
<!-- DRY/WOU: button-icon pour Activer/Désactiver -->
<p:commandButton icon="#{org.statut == organisationsBean.statutActive ? 'pi pi-ban' : 'pi pi-check'}"
actionListener="#{organisationsBean.basculerStatutOrganisation(org)}"
update=":formOrganisations:dtOrganisations :formOrganisations:messages"
styleClass="ui-button-rounded #{org.statut == organisationsBean.statutActive ? 'ui-button-secondary' : 'ui-button-success'}"
title="#{org.statut == organisationsBean.statutActive ? 'Désactiver' : 'Activer'}">
<p:confirm header="Confirmation"
message="Êtes-vous sûr de vouloir changer le statut de cette organisation ?"
icon="pi pi-exclamation-triangle"/>
oncomplete="PF('dlgModifier').show();">
<f:setPropertyActionListener target="#{organisationsBean.organisationSelectionnee}" value="#{org}" />
</p:commandButton>
<!-- DRY/WOU: button-icon pour Supprimer -->
<p:commandButton icon="pi pi-trash"
actionListener="#{organisationsBean.supprimerOrganisation(org)}"
update=":formOrganisations:dtOrganisations :formOrganisations:messages"
styleClass="ui-button-rounded ui-button-danger"
title="Supprimer">
<p:commandButton icon="#{org.statut == organisationsBean.statutActive ? 'pi pi-ban' : 'pi pi-check'}"
styleClass="ui-button-rounded ui-button-text ui-button-sm #{org.statut == organisationsBean.statutActive ? 'ui-button-secondary' : 'ui-button-success'}"
title="#{org.statut == organisationsBean.statutActive ? 'Désactiver' : 'Activer'}"
actionListener="#{organisationsBean.basculerStatutOrganisation(org)}"
update=":panelKPIs :formOrganisations:dtOrganisations :formOrganisations:messages">
<p:confirm header="Confirmation"
message="Êtes-vous sûr de vouloir supprimer cette organisation ? Cette action est irréversible."
icon="pi pi-exclamation-triangle"/>
message="Changer le statut de cette organisation ?"
icon="pi pi-exclamation-triangle" />
</p:commandButton>
<p:commandButton icon="pi pi-trash"
styleClass="ui-button-rounded ui-button-text ui-button-danger ui-button-sm"
title="Supprimer"
actionListener="#{organisationsBean.supprimerOrganisation(org)}"
update=":panelKPIs :formOrganisations:dtOrganisations :formOrganisations:messages">
<p:confirm header="Confirmation"
message="Supprimer définitivement cette organisation ? Cette action est irréversible."
icon="pi pi-exclamation-triangle" />
</p:commandButton>
</div>
</p:column>
</p:dataTable>
</ui:define>
</ui:decorate>
<!-- Dialogue de confirmation global (DRY/WOU: confirm-dialog) -->
<ui:include src="/templates/components/dialogs/confirm-dialog.xhtml" />
</h:form>
<!-- Dialogue Modifier Organisation (DRY/WOU: form-dialog) -->
<p:confirmDialog global="true" showEffect="fade" hideEffect="fade" responsive="true" width="380">
<p:commandButton value="Non"
type="button"
styleClass="ui-button-secondary ui-button-outlined"
icon="pi pi-times"
onclick="PF('confirmDialog').hide()" />
<p:commandButton value="Oui"
type="button"
styleClass="ui-button-danger"
icon="pi pi-check" />
</p:confirmDialog>
</h:form>
</div>
</div><!-- /ui-fluid -->
<!-- ═══════════════════════════════════════════════════════════════ -->
<!-- DIALOGUE MODIFICATION -->
<!-- ═══════════════════════════════════════════════════════════════ -->
<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="header" value="Modifier l'organisation" />
<ui:param name="widgetVar" value="dlgModifier" />
<ui:param name="formId" value="formModifier" />
<ui:param name="width" value="900" />
@@ -225,27 +300,24 @@
<ui:include src="/ui/includes/organisation-form.xhtml">
<ui:param name="model" value="#{organisationsBean.organisationSelectionnee}" />
<ui:param name="typesItems" value="#{organisationsBean.typesSelectItemsForForm}" />
<ui:param name="completionBean" value="#{organisationsBean}" />
</ui:include>
</ui:fragment>
</ui:define>
<ui:define name="footer">
<!-- Bouton Annuler : type="button" pour éviter la soumission -->
<p:commandButton value="Annuler"
icon="pi pi-times"
type="button"
onclick="PF('dlgModifier').hide();"
styleClass="ui-button-secondary" />
<!-- DRY/WOU: button-form-submit pour action backend -->
<ui:decorate template="/templates/components/buttons/button-form-submit.xhtml">
<ui:param name="value" value="Enregistrer" />
<ui:param name="icon" value="pi pi-check" />
<ui:param name="action" value="#{organisationsBean.modifierOrganisation}" />
<ui:param name="update" value=":formOrganisations:dtOrganisations :formOrganisations:messages" />
<ui:param name="oncomplete" value="if(!args.validationFailed) PF('dlgModifier').hide();" />
<ui:param name="severity" value="success" />
</ui:decorate>
styleClass="ui-button-secondary ui-button-outlined" />
<p:commandButton value="Enregistrer"
icon="pi pi-check"
actionListener="#{organisationsBean.modifierOrganisation}"
update=":panelKPIs :formOrganisations:dtOrganisations :formOrganisations:messages"
oncomplete="if(!args.validationFailed) PF('dlgModifier').hide();"
styleClass="ui-button-success" />
</ui:define>
</ui:decorate>
</ui:define>
</ui:composition>
</html>

147
target/classes/META-INF/resources/pages/secure/organisation/nouvelle.xhtml
View File

@@ -1,64 +1,113 @@
<!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 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"
template="/templates/main-template.xhtml">
<ui:composition template="/templates/main-template.xhtml">
<ui:param name="page" value="#{organisationsBean}"/>
<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>
<!-- En-tête avec titre et actions (DRY/WOU: card-header) -->
<ui:decorate template="/templates/components/cards/card-header.xhtml">
<ui:param name="title" value="Nouvelle Organisation" />
<ui:param name="subtitle" value="Créez une nouvelle organisation en renseignant les informations essentielles." />
<ui:param name="icon" value="pi pi-building" />
<ui:param name="styleClass" value="mb-3" />
<ui:define name="actions">
<!-- Bouton Enregistrer (MethodExpression direct) -->
<p:commandButton value="Enregistrer"
icon="pi pi-save"
action="#{organisationsBean.creerOrganisation}"
update="formNouvelleOrganisation messages"
styleClass="p-button-success p-button-lg"
validateClient="true">
<p:confirm header="Confirmation"
message="Voulez-vous créer cette organisation ?"
icon="pi pi-question-circle"/>
</p:commandButton>
<!-- DRY/WOU: button-secondary pour Annuler -->
<ui:include src="/templates/components/buttons/button-secondary.xhtml">
<ui:param name="value" value="Annuler"/>
<ui:param name="icon" value="pi pi-times"/>
<ui:param name="outcome" value="/pages/secure/organisation/liste"/>
</ui:include>
</ui:define>
<ui:define name="info">
<p class="text-500 text-sm m-0">
<i class="pi pi-asterisk text-red-500 mr-1" style="font-size: 0.5rem;"/>
Les champs marqués d'un astérisque sont obligatoires
</p>
</ui:define>
</ui:decorate>
<!-- Messages globaux -->
<p:messages id="messages" showDetail="true" closable="true" styleClass="mb-3"/>
<!-- Formulaire (DRY/WOU: card-simple) -->
<ui:decorate template="/templates/components/cards/card-simple.xhtml">
<ui:param name="styleClass" value="shadow-2" />
<ui:define name="content">
<!-- DRY/WOU: organisation-form.xhtml include réutilisable -->
<ui:include src="/ui/includes/organisation-form.xhtml">
<ui:param name="model" value="#{organisationsBean.nouvelleOrganisation}" />
<ui:param name="typesItems" value="#{organisationsBean.typesSelectItemsForForm}" />
<ui:param name="completionBean" value="#{organisationsBean}" />
</ui:include>
<!-- Actions du formulaire (bas de page) -->
<p:divider styleClass="mt-5"/>
<div class="flex justify-content-between align-items-center flex-column md:flex-row gap-3 mt-4">
<div class="text-600">
<i class="pi pi-shield mr-2"/>
Toutes les données sont sécurisées et conformes
</div>
<div class="flex gap-2">
<!-- Bouton Réinitialiser avec confirmation -->
<p:commandButton value="Réinitialiser"
icon="pi pi-refresh"
action="#{organisationsBean.preparerNouvelleOrganisation}"
update="formNouvelleOrganisation"
styleClass="p-button-outlined p-button-warning"
immediate="true">
<p:confirm header="Confirmation"
message="Réinitialiser le formulaire ? Toutes les données seront perdues."
icon="pi pi-exclamation-triangle"/>
</p:commandButton>
<!-- DRY/WOU: button-secondary pour Annuler -->
<ui:include src="/templates/components/buttons/button-secondary.xhtml">
<ui:param name="value" value="Annuler"/>
<ui:param name="icon" value="pi pi-times"/>
<ui:param name="outcome" value="/pages/secure/organisation/liste"/>
</ui:include>
<!-- Bouton Créer l'organisation (MethodExpression direct) -->
<p:commandButton value="Créer l'organisation"
icon="pi pi-check"
action="#{organisationsBean.creerOrganisation}"
update="formNouvelleOrganisation messages"
styleClass="p-button-success p-button-lg"
validateClient="true">
<p:confirm header="Confirmation de création"
message="Créer cette organisation avec les informations saisies ?"
icon="pi pi-question-circle"/>
</p:commandButton>
</div>
</div>
<div class="flex gap-2">
<ui:include src="/templates/components/buttons/button-secondary.xhtml">
<ui:param name="value" value="Annuler"/>
<ui:param name="icon" value="pi pi-times"/>
<ui:param name="outcome" value="/pages/secure/organisation/liste"/>
</ui:include>
</div>
</div>
</div>
</ui:define>
</ui:decorate>
<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>
<!-- Dialog de confirmation global (DRY/WOU: confirm-dialog) -->
<ui:include src="/templates/components/dialogs/confirm-dialog.xhtml" />
<div class="mt-3 flex justify-content-end gap-2">
<!-- DRY/WOU: button-secondary pour navigation -->
<ui:include src="/templates/components/buttons/button-secondary.xhtml">
<ui:param name="value" value="Annuler"/>
<ui:param name="icon" value="pi pi-times"/>
<ui:param name="outcome" value="/pages/secure/organisation/liste"/>
</ui:include>
<!-- Bouton Créer : p:commandButton direct car action avec méthode backend -->
<p:commandButton value="Créer"
icon="pi pi-check"
action="#{organisationsBean.creerOrganisation}"
update=":formNouvelleOrganisation:messages"
styleClass="ui-button-success" />
</div>
</h:form>
</ui:define>
</ui:composition>
</html>