53 lines
2.0 KiB
HTML
53 lines
2.0 KiB
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:c="http://xmlns.jcp.org/jsp/jstl/core">
|
|
|
|
<!--
|
|
Composant en-tête de page réutilisable (WOU/DRY Pattern)
|
|
|
|
Auteur: Lions User Manager
|
|
Version: 1.0.0
|
|
Description: En-tête de page avec icône, titre, description et actions
|
|
|
|
Paramètres:
|
|
- icon: String (optionnel) - Classe d'icône PrimeIcons (ex: "pi pi-users text-blue-500")
|
|
- title: String (requis) - Titre de la page
|
|
- description: String (optionnel) - Description de la page
|
|
|
|
Usage:
|
|
<ui:include src="/templates/components/layout/page-header.xhtml">
|
|
<ui:param name="icon" value="pi pi-users text-blue-500" />
|
|
<ui:param name="title" value="Gestion des Utilisateurs" />
|
|
<ui:param name="description" value="Gestion centralisée des utilisateurs Keycloak" />
|
|
<ui:define name="actions">
|
|
Boutons d'action ici
|
|
</ui:define>
|
|
</ui:include>
|
|
-->
|
|
|
|
<div class="grid mb-4">
|
|
<div class="col-12">
|
|
<div class="card">
|
|
<div class="flex align-items-center justify-content-between">
|
|
<div>
|
|
<h3 class="mb-2">
|
|
<c:if test="#{not empty icon}">
|
|
<i class="#{icon} mr-2"></i>
|
|
</c:if>
|
|
#{title}
|
|
</h3>
|
|
<p class="text-600 m-0" rendered="#{not empty description}">#{description}</p>
|
|
</div>
|
|
<div>
|
|
<ui:insert name="actions" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ui:composition>
|
|
|