Carnet d'adresses : ajout/modification via une popup modale
- Formulaire de création/modification affiché dans une fenêtre modale (bouton « Ajouter une adresse » + action « Modifier » d'une ligne) - Fermeture au succès, sur « Annuler » ou clic sur l'arrière-plan - Suggestions BAN rendues dans le flux du panneau pour éviter la troncature - Specs : Exigence 15 (nouveau critère 17) + description CarnetAdressesComponent
This commit is contained in:
@@ -1,8 +1,18 @@
|
||||
<section class="carnet">
|
||||
<h1>Carnet d'adresses</h1>
|
||||
<div class="carnet__entete">
|
||||
<h1>Carnet d'adresses</h1>
|
||||
<button type="button" class="btn--ajouter" (click)="ouvrirCreation()">
|
||||
+ Ajouter une adresse
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- Formulaire de création / modification -->
|
||||
<form class="carnet__form" [formGroup]="form" (ngSubmit)="enregistrer()">
|
||||
<!-- Popup de création / modification -->
|
||||
<div
|
||||
class="modale-overlay"
|
||||
*ngIf="modaleOuverte()"
|
||||
(click)="fermerSurOverlay($event)"
|
||||
>
|
||||
<form class="modale-panneau carnet__form" [formGroup]="form" (ngSubmit)="enregistrer()">
|
||||
<h2>{{ enEdition ? 'Modifier une adresse' : 'Ajouter une adresse' }}</h2>
|
||||
|
||||
<div class="field">
|
||||
@@ -56,11 +66,12 @@
|
||||
<button type="submit" [disabled]="form.invalid || enregistrement()">
|
||||
{{ enEdition ? 'Enregistrer' : 'Ajouter' }}
|
||||
</button>
|
||||
<button type="button" class="btn--secondary" (click)="annuler()" *ngIf="enEdition">
|
||||
<button type="button" class="btn--secondary" (click)="annuler()">
|
||||
Annuler
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<!-- Liste des adresses nommées, triée par dénomination -->
|
||||
<div class="carnet__liste">
|
||||
|
||||
Reference in New Issue
Block a user