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:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user