From c27ceab3bd40f27d6592f19dd9a74d0272c09622 Mon Sep 17 00:00:00 2001
From: dahoud <dahoud@dgbf.ci>
Date: Sat, 29 Nov 2025 21:58:01 +0000
Subject: [PATCH] =?UTF-8?q?feat(client):=20Transformation=20des=20boutons?=
 =?UTF-8?q?=20d'action=20en=20Rounded=20Text=20(ic=C3=B4ne=20+=20texte)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Ajout de l'attribut value (texte) à tous les boutons d'action
- Ajout de la classe ui-button-text pour le style Rounded Text de PrimeFaces
- Boutons mis à jour :
  * action-button-view : 'Consulter' + icône search
  * action-button-edit : 'Modifier' + icône pencil
  * action-button-toggle : 'Activer/Désactiver' + icône check/ban
  * action-button-delete : 'Supprimer' + icône trash

- Application dans liste.xhtml des organisations avec les composants DRY/WOU
- Largeur de la colonne Actions augmentée : 220px → 280px

Style Rounded Text = Boutons arrondis avec icône ET texte pour meilleure UX
---
 .../pages/secure/organisation/liste.xhtml     | 69 ++++++++++---------
 .../buttons/action-button-delete.xhtml        |  6 +-
 .../buttons/action-button-edit.xhtml          |  6 +-
 .../buttons/action-button-toggle.xhtml        |  6 +-
 .../buttons/action-button-view.xhtml          |  6 +-
 5 files changed, 49 insertions(+), 44 deletions(-)

diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/organisation/liste.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/organisation/liste.xhtml
index 4ea9b94..3d4aa9f 100644
--- a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/organisation/liste.xhtml
+++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/organisation/liste.xhtml
@@ -164,39 +164,44 @@
                                    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>
+                        <!-- Actions (DRY/WOU: action-button-* avec ui:button-text pour Rounded Text) -->
+                        <p:column headerText="Actions" style="width: 280px;">
+                            <!-- Bouton Consulter -->
+                            <ui:include src="/templates/components/buttons/action-button-view.xhtml">
+                                <ui:param name="id" value="#{org.id}"/>
+                                <ui:param name="detailPage" value="/pages/secure/organisation/detail.xhtml"/>
+                                <ui:param name="styleClass" value="mr-2"/>
+                            </ui:include>
                             
-                            <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>
+                            <!-- Bouton Modifier -->
+                            <ui:decorate template="/templates/components/buttons/action-button-edit.xhtml">
+                                <ui:param name="update" value=":formModifier"/>
+                                <ui:param name="dialogWidget" value="dlgModifier"/>
+                                <ui:param name="styleClass" value="mr-2"/>
+                                <ui:define name="action">
+                                    #{organisationsBean.setOrganisationSelectionnee(org)}
+                                </ui:define>
+                            </ui:decorate>
+                            
+                            <!-- Bouton Toggle Statut -->
+                            <ui:decorate template="/templates/components/buttons/action-button-toggle.xhtml">
+                                <ui:param name="update" value=":formOrganisations:dtOrganisations :formOrganisations:messages"/>
+                                <ui:param name="isActive" value="#{org.statut == organisationsBean.statutActive}"/>
+                                <ui:param name="confirmMessage" value="Êtes-vous sûr de vouloir changer le statut de cette organisation ?"/>
+                                <ui:param name="styleClass" value="mr-2"/>
+                                <ui:define name="action">
+                                    #{organisationsBean.basculerStatutOrganisation(org)}
+                                </ui:define>
+                            </ui:decorate>
+                            
+                            <!-- Bouton Supprimer -->
+                            <ui:decorate template="/templates/components/buttons/action-button-delete.xhtml">
+                                <ui:param name="update" value=":formOrganisations:dtOrganisations :formOrganisations:messages"/>
+                                <ui:param name="confirmMessage" value="Êtes-vous sûr de vouloir supprimer cette organisation ? Cette action est irréversible."/>
+                                <ui:define name="action">
+                                    #{organisationsBean.supprimerOrganisation(org)}
+                                </ui:define>
+                            </ui:decorate>
                         </p:column>
                     </p:dataTable>
                 </ui:define>
diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/templates/components/buttons/action-button-delete.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/templates/components/buttons/action-button-delete.xhtml
index a9c758e..c016137 100644
--- a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/templates/components/buttons/action-button-delete.xhtml
+++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/templates/components/buttons/action-button-delete.xhtml
@@ -17,11 +17,11 @@
         </ui:decorate>
     -->
 
-    <p:commandButton icon="pi pi-trash"
-                   title="Supprimer"
+    <p:commandButton value="Supprimer"
+                   icon="pi pi-trash"
                    actionListener="#{action}"
                    update="#{update}"
-                   styleClass="ui-button-rounded ui-button-danger #{not empty styleClass ? styleClass : ''}">
+                   styleClass="ui-button-rounded ui-button-text ui-button-danger #{not empty styleClass ? styleClass : ''}">
         <p:confirm header="Confirmation"
                  message="#{empty confirmMessage ? 'Êtes-vous sûr de vouloir supprimer cet élément ?' : confirmMessage}"
                  icon="pi pi-exclamation-triangle"/>
diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/templates/components/buttons/action-button-edit.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/templates/components/buttons/action-button-edit.xhtml
index d1351e7..7a661f6 100644
--- a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/templates/components/buttons/action-button-edit.xhtml
+++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/templates/components/buttons/action-button-edit.xhtml
@@ -17,11 +17,11 @@
         </ui:decorate>
     -->
 
-    <p:commandButton icon="pi pi-pencil"
-                   title="Modifier"
+    <p:commandButton value="Modifier"
+                   icon="pi pi-pencil"
                    actionListener="#{action}"
                    oncomplete="PF('#{dialogWidget}').show();"
                    update="#{update}"
-                   styleClass="ui-button-rounded ui-button-warning #{not empty styleClass ? styleClass : ''}"/>
+                   styleClass="ui-button-rounded ui-button-text ui-button-warning #{not empty styleClass ? styleClass : ''}"/>
 </ui:composition>
 
diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/templates/components/buttons/action-button-toggle.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/templates/components/buttons/action-button-toggle.xhtml
index 06f14d1..366ea1a 100644
--- a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/templates/components/buttons/action-button-toggle.xhtml
+++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/templates/components/buttons/action-button-toggle.xhtml
@@ -18,11 +18,11 @@
         </ui:decorate>
     -->
 
-    <p:commandButton icon="#{isActive ? 'pi pi-ban' : 'pi pi-check'}"
-                   title="#{isActive ? 'Désactiver' : 'Activer'}"
+    <p:commandButton value="#{isActive ? 'Désactiver' : 'Activer'}"
+                   icon="#{isActive ? 'pi pi-ban' : 'pi pi-check'}"
                    actionListener="#{action}"
                    update="#{update}"
-                   styleClass="ui-button-rounded #{isActive ? 'ui-button-secondary' : 'ui-button-success'} #{not empty styleClass ? styleClass : ''}">
+                   styleClass="ui-button-rounded ui-button-text #{isActive ? 'ui-button-secondary' : 'ui-button-success'} #{not empty styleClass ? styleClass : ''}">
         <p:confirm header="Confirmation"
                  message="#{empty confirmMessage ? 'Êtes-vous sûr de vouloir changer le statut ?' : confirmMessage}"
                  icon="pi pi-exclamation-triangle"/>
diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/templates/components/buttons/action-button-view.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/templates/components/buttons/action-button-view.xhtml
index e984894..6a96f32 100644
--- a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/templates/components/buttons/action-button-view.xhtml
+++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/templates/components/buttons/action-button-view.xhtml
@@ -14,9 +14,9 @@
         </ui:include>
     -->
 
-    <p:commandButton icon="pi pi-search"
-                   title="Consulter"
-                   styleClass="ui-button-rounded ui-button-info #{not empty styleClass ? styleClass : ''}"
+    <p:commandButton value="Consulter"
+                   icon="pi pi-search"
+                   styleClass="ui-button-rounded ui-button-text ui-button-info #{not empty styleClass ? styleClass : ''}"
                    onclick="window.location='#{request.contextPath}#{detailPage}?id=#{id}';return false;"/>
 </ui:composition>