diff --git a/frontend/src/app/features/navigation-temporelle/selecteur-temporel.component.html b/frontend/src/app/features/navigation-temporelle/selecteur-temporel.component.html index 2c1946b..771b639 100644 --- a/frontend/src/app/features/navigation-temporelle/selecteur-temporel.component.html +++ b/frontend/src/app/features/navigation-temporelle/selecteur-temporel.component.html @@ -7,6 +7,9 @@ (click)="basculerOuverture()"> 📅 Choisir un mois + @if (libelleMoisAnnee) { + {{ libelleMoisAnnee }} + }
diff --git a/frontend/src/app/features/navigation-temporelle/selecteur-temporel.component.scss b/frontend/src/app/features/navigation-temporelle/selecteur-temporel.component.scss index 7533ad0..a5b455e 100644 --- a/frontend/src/app/features/navigation-temporelle/selecteur-temporel.component.scss +++ b/frontend/src/app/features/navigation-temporelle/selecteur-temporel.component.scss @@ -29,6 +29,15 @@ font-size: 0.85rem; color: #64748b; } + + // « Mois Année » sélectionné, affiché à droite du libellé. + &__selection { + margin-left: 0.35rem; + padding-left: 0.6rem; + border-left: 1px solid #e2e8f0; + color: #2563eb; + font-weight: 700; + } } // Contenu déplié : les trois groupes de pastilles. diff --git a/frontend/src/app/features/navigation-temporelle/selecteur-temporel.component.ts b/frontend/src/app/features/navigation-temporelle/selecteur-temporel.component.ts index bf85ffe..48c937a 100644 --- a/frontend/src/app/features/navigation-temporelle/selecteur-temporel.component.ts +++ b/frontend/src/app/features/navigation-temporelle/selecteur-temporel.component.ts @@ -81,6 +81,19 @@ export class SelecteurTemporelComponent implements OnInit, OnChanges { /** État d'ouverture du conteneur repliable (fermé par défaut). */ readonly ouvert = signal(false); + /** + * Libellé « Mois Année » de la sélection courante (ex. « Septembre 2026 »), + * affiché à droite du bouton d'en-tête. Vide tant qu'aucun mois n'est choisi. + */ + get libelleMoisAnnee(): string { + const annee = this.anneeSelectionnee(); + const mois = this.moisSelectionneSignal(); + if (annee == null || mois == null) { + return ''; + } + return `${this.nomsMois[mois - 1]} ${annee}`; + } + /** Bascule l'ouverture / fermeture du sélecteur repliable. */ basculerOuverture(): void { this.ouvert.update((v) => !v);