Configure Maven repository for unionflow-server-api dependency
This commit is contained in:
dahoud
174
target/classes/META-INF/resources/ui/includes/membre-form.xhtml
Normal file
174
target/classes/META-INF/resources/ui/includes/membre-form.xhtml
Normal file
@@ -0,0 +1,174 @@
|
||||
<ui:fragment 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">
|
||||
|
||||
<!--
|
||||
Fragment de formulaire réutilisable pour les membres (DRY/WOU)
|
||||
Utilisé pour création et modification
|
||||
|
||||
Paramètres:
|
||||
- model : MembreDTO à éditer
|
||||
- organisationsItems : Liste des organisations pour le dropdown
|
||||
-->
|
||||
|
||||
<div class="ui-fluid">
|
||||
<div class="formgrid grid">
|
||||
|
||||
<!-- Bloc Identité -->
|
||||
<div class="col-12">
|
||||
<div class="card p-fluid mb-3">
|
||||
<h5 class="mb-3">Identité</h5>
|
||||
<div class="grid formgrid">
|
||||
<div class="field col-12 md:col-6">
|
||||
<p:outputLabel for="nom" value="Nom *" />
|
||||
<p:inputText id="nom" value="#{model.nom}" required="true" requiredMessage="Nom: une donnée est requise." maxlength="50" />
|
||||
<p:message for="nom" />
|
||||
</div>
|
||||
<div class="field col-12 md:col-6">
|
||||
<p:outputLabel for="prenom" value="Prénom *" />
|
||||
<p:inputText id="prenom" value="#{model.prenom}" required="true" requiredMessage="Prénom: une donnée est requise." maxlength="50" />
|
||||
<p:message for="prenom" />
|
||||
</div>
|
||||
<div class="field col-12 md:col-6">
|
||||
<p:outputLabel for="dateNaissance" value="Date de naissance" />
|
||||
<p:datePicker id="dateNaissance" value="#{model.dateNaissance}" pattern="yyyy-MM-dd" showIcon="true" />
|
||||
</div>
|
||||
<div class="field col-12 md:col-6">
|
||||
<p:outputLabel for="nationalite" value="Nationalité" />
|
||||
<p:inputText id="nationalite" value="#{model.nationalite}" maxlength="50" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Bloc Contact -->
|
||||
<div class="col-12">
|
||||
<div class="card p-fluid mb-3">
|
||||
<h5 class="mb-3">Contact</h5>
|
||||
<div class="grid formgrid">
|
||||
<div class="field col-12 md:col-6">
|
||||
<p:outputLabel for="email" value="Email *" />
|
||||
<p:inputText id="email" value="#{model.email}" required="true" requiredMessage="Email: une donnée est requise." maxlength="100" />
|
||||
<p:message for="email" />
|
||||
</div>
|
||||
<div class="field col-12 md:col-6">
|
||||
<p:outputLabel for="telephone" value="Téléphone" />
|
||||
<p:inputText id="telephone" value="#{model.telephone}" maxlength="20" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Bloc Localisation -->
|
||||
<div class="col-12">
|
||||
<div class="card p-fluid mb-3">
|
||||
<h5 class="mb-3">Localisation</h5>
|
||||
<div class="grid formgrid">
|
||||
<div class="field col-12">
|
||||
<p:outputLabel for="adresse" value="Adresse" />
|
||||
<p:inputTextarea id="adresse" value="#{model.adresse}" rows="2" maxlength="200" />
|
||||
</div>
|
||||
<div class="field col-12 md:col-4">
|
||||
<p:outputLabel for="ville" value="Ville" />
|
||||
<p:inputText id="ville" value="#{model.ville}" maxlength="50" />
|
||||
</div>
|
||||
<div class="field col-12 md:col-4">
|
||||
<p:outputLabel for="region" value="Région" />
|
||||
<p:inputText id="region" value="#{model.region}" maxlength="50" />
|
||||
</div>
|
||||
<div class="field col-12 md:col-4">
|
||||
<p:outputLabel for="quartier" value="Quartier" />
|
||||
<p:inputText id="quartier" value="#{model.quartier}" maxlength="50" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Bloc Professionnel -->
|
||||
<div class="col-12">
|
||||
<div class="card p-fluid mb-3">
|
||||
<h5 class="mb-3">Informations professionnelles</h5>
|
||||
<div class="grid formgrid">
|
||||
<div class="field col-12 md:col-6">
|
||||
<p:outputLabel for="profession" value="Profession" />
|
||||
<p:inputText id="profession" value="#{model.profession}" maxlength="100" />
|
||||
</div>
|
||||
<div class="field col-12 md:col-6">
|
||||
<p:outputLabel for="statutMatrimonial" value="Statut matrimonial" />
|
||||
<p:inputText id="statutMatrimonial" value="#{model.statutMatrimonial}" maxlength="20" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Bloc Identité administrative -->
|
||||
<div class="col-12">
|
||||
<div class="card p-fluid mb-3">
|
||||
<h5 class="mb-3">Pièce d'identité</h5>
|
||||
<div class="grid formgrid">
|
||||
<div class="field col-12 md:col-6">
|
||||
<p:outputLabel for="typeIdentite" value="Type de pièce" />
|
||||
<p:selectOneMenu id="typeIdentite" value="#{model.typeIdentite}">
|
||||
<f:selectItem itemLabel="Sélectionner..." itemValue="" />
|
||||
<f:selectItem itemLabel="Carte Nationale d'Identité" itemValue="CNI" />
|
||||
<f:selectItem itemLabel="Passeport" itemValue="PASSEPORT" />
|
||||
<f:selectItem itemLabel="Permis de conduire" itemValue="PERMIS" />
|
||||
<f:selectItem itemLabel="Autre" itemValue="AUTRE" />
|
||||
</p:selectOneMenu>
|
||||
</div>
|
||||
<div class="field col-12 md:col-6">
|
||||
<p:outputLabel for="numeroIdentite" value="Numéro de pièce" />
|
||||
<p:inputText id="numeroIdentite" value="#{model.numeroIdentite}" maxlength="50" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Bloc Organisation -->
|
||||
<div class="col-12">
|
||||
<div class="card p-fluid mb-3">
|
||||
<h5 class="mb-3">Organisation & Rôle</h5>
|
||||
<div class="grid formgrid">
|
||||
<div class="field col-12 md:col-6">
|
||||
<p:outputLabel for="association" value="Organisation *" />
|
||||
<p:selectOneMenu id="association" value="#{model.associationId}" required="true" requiredMessage="Organisation: une donnée est requise.">
|
||||
<f:selectItems value="#{organisationsItems}" />
|
||||
</p:selectOneMenu>
|
||||
<p:message for="association" />
|
||||
</div>
|
||||
<div class="field col-12 md:col-6">
|
||||
<p:outputLabel for="role" value="Rôle" />
|
||||
<p:inputText id="role" value="#{model.role}" maxlength="50" />
|
||||
</div>
|
||||
<div class="field col-12 md:col-4">
|
||||
<p:selectBooleanCheckbox id="membreBureau" value="#{model.membreBureau}" />
|
||||
<p:outputLabel for="membreBureau" value="Membre du bureau" style="margin-left: 0.5rem;" />
|
||||
</div>
|
||||
<div class="field col-12 md:col-4">
|
||||
<p:selectBooleanCheckbox id="responsable" value="#{model.responsable}" />
|
||||
<p:outputLabel for="responsable" value="Responsable" style="margin-left: 0.5rem;" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Bloc Photo -->
|
||||
<div class="col-12">
|
||||
<div class="card p-fluid mb-3">
|
||||
<h5 class="mb-3">Photo de profil</h5>
|
||||
<div class="grid formgrid">
|
||||
<div class="field col-12">
|
||||
<p:outputLabel for="photoUrl" value="URL de la photo" />
|
||||
<p:inputText id="photoUrl" value="#{model.photoUrl}" maxlength="255" placeholder="https://..." />
|
||||
<small class="text-600">Entrez l'URL d'une photo ou laissez vide pour utiliser l'avatar par défaut</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</ui:fragment>
|
||||
|
||||
Reference in New Issue
Block a user