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:
2026-09-23 09:59:15 +02:00
parent ee47d04b90
commit 1c65c4dc74
5 changed files with 89 additions and 11 deletions
@@ -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">