avancées sur update member/ page account ok / add Member ok

This commit is contained in:
Sana EL HIRI 2022-03-03 21:59:06 +01:00
parent 11e4d7321e
commit f2f790211c
16 changed files with 383 additions and 72 deletions

View file

@ -1,11 +1,96 @@
<app-header></app-header>
<app-side-bar></app-side-bar>
<div class="container-fluid">
<div class="row">
<div class="col-9 offset-2" id="main">
<h1 class="d-flex justify-content-center">Modifier profil</h1>
<div class="form-updateMember">
<form (ngSubmit)="onSubmit()" [formGroup]="updateMembreForm">
<div class="form-floating input">
<input
type="color"
class="form-control"
id="floatingInputcouleur"
placeholder=""
name="couleur"
formControlName="couleurFc"
value="{{membreInfos.couleur}}"
/>
</div>
<label for="floatingInputcouleur" class="d-flex justify-content-center" >Choisissez une couleur</label>
<div class="form-floating">
<input
type="text"
class="form-control"
id="floatingInputlastName"
placeholder=""
name="lastName"
formControlName="lastNameFc"
value="{{membreInfos.nom}}"
/>
<label for="floatingInputlastName">Nom</label>
</div>
<div class="form-floating">
<input
type="text"
class="form-control"
id="floatingInputfirstName"
placeholder=""
name="firstName"
formControlName="firstNameFc"
value="{{membreInfos.prenom}}"
/>
<label for="floatingInputfirstName">Prénom</label>
</div>
<div class="form-floating ">
<input
type="date"
class="form-control"
id="floatingInputdateNaissance"
placeholder=""
name="dateNaissance"
formControlName="dateNaissanceFc"
value="{{membreInfos.dateNaissance}}"
/>
<label for="floatingInputdateNaissance"
>Date de naissance</label
>
</div>
<div class="form-floating">
<input
type="email"
class="form-control"
id="floatingInputemail"
placeholder=""
name="email"
formControlName="emailFc"
value="{{membreInfos.email}}"
/>
<label for="floatingInputemail">Email</label>
</div>
<div class="form-floating select">
<select
class="form-control"
id="floatingInputRole"
placeholder=""
name="Role"
formControlName="roleFc"
value="{{membreInfos.roleList}}"
>
<option value="ROLE_PARENT">Adulte</option>
<option value="ROLE_ENFANT">Enfant</option>
</select>
<label value="ROLE_PARENT">Sélectionnez un profil</label>
</div>
<div class="row">
<div class="col-md-auto">
<app-side-bar></app-side-bar>
</div>
<div class="col compte text-center">
<h1>Modifier ce membre</h1>
<main class="contenu-compte"></main>
<button
class="w-100 btn btn-lg btn-outline-success"
type="submit"
>Valider
</button>
</form>
</div>
</div>
</div>
</div>