Liste : jour de semaine dans l'en-tête + bouton dédié d'ajout par journée

Retour d'usage : avec plusieurs journées ouvertes, viser le bouton principal
d'ajout en traversant la liste faisait dériver la date ciblée (le survol pilote
la journée affichée sur la carte).

- En-tête de journée réorganisé : jour de la semaine avant la date (ex. « Lundi
  15/09/2026 »), nombre de trajets à la suite, puis un bouton dédié « + » à
  l'extrémité droite (infobulle « Ajouter un trajet sur cette journée »).
- Le bouton « + » ouvre la création avec la date de SA journée, indépendamment
  de la date affichée sur la carte (Output ajouterSurJournee -> conteneur fixe
  lun. 21 sept. 2026 12:54:31 CEST avant ouverture via ouvrirCreationSur). stopPropagation pour ne pas
  déclencher le repliage/dépliage au clic.
- Style : fond bleu IAD / texte blanc par défaut, survol orange (cohérent avec
  les autres boutons d'action).
- Locale française enregistrée (registerLocaleData(localeFr) + LOCALE_ID
  'fr-FR' dans app.config.ts) pour l'affichage du jour de la semaine.

Specs : requirements.md (exigence 12, critères 6 et 24) et design.md
(TrajetListComponent, locale) mis à jour.
This commit is contained in:
2026-09-21 12:54:31 +02:00
parent 91b59d4ce7
commit 058481c192
8 changed files with 110 additions and 19 deletions
@@ -7,17 +7,31 @@
[class.jour--affiche]="estJourAffiche(groupe)"
aria-label="Trajets d'une journée"
>
<!-- En-tête repliable : chevron + date + nombre de trajets. -->
<button
type="button"
class="jour__entete"
[attr.aria-expanded]="estOuvert(groupe)"
(click)="basculerJour(groupe)"
>
<span class="jour__chevron" aria-hidden="true">{{ estOuvert(groupe) ? '▾' : '▸' }}</span>
<span class="jour__date">{{ groupe.date | date: 'dd/MM/yyyy' }}</span>
<span class="jour__compteur">{{ groupe.trajets.length }} trajet{{ groupe.trajets.length > 1 ? 's' : '' }}</span>
</button>
<!-- En-tête repliable : chevron + jour de semaine + date + nombre de trajets,
puis un bouton « + » dédié pour ajouter un trajet SUR CETTE JOURNÉE (indépendant
de la date affichée sur la carte, pilotée par le survol : viser le bouton
principal d'ajout en traversant plusieurs journées ouvertes ferait dériver la
date ciblée). -->
<div class="jour__entete" [attr.aria-expanded]="estOuvert(groupe)">
<button
type="button"
class="jour__entete-bouton"
(click)="basculerJour(groupe)"
>
<span class="jour__chevron" aria-hidden="true">{{ estOuvert(groupe) ? '▾' : '▸' }}</span>
<span class="jour__date">{{ groupe.date | date: 'EEEE dd/MM/yyyy' }}</span>
<span class="jour__compteur">{{ groupe.trajets.length }} trajet{{ groupe.trajets.length > 1 ? 's' : '' }}</span>
</button>
<button
type="button"
class="jour__ajouter"
title="Ajouter un trajet sur cette journée"
aria-label="Ajouter un trajet sur cette journée"
(click)="ajouterSur(groupe, $event)"
>
+
</button>
</div>
@if (estOuvert(groupe)) {
<ul