Liste : journées repliables + libellé « Choisir un mois »

- Sélecteur temporel : libellé « 📅 Choisir une date » → « 📅 Choisir un mois ».

- Liste mensuelle : chaque journée est désormais repliable (en-tête cliquable
  avec chevron, date et nombre de trajets). Par défaut toutes les journées sont
  repliées ; au changement de mois, seule la dernière journée comportant des
  trajets est dépliée. Les mises à jour au sein du même mois (ajout, suppression,
  réordonnancement) conservent l'état d'ouverture courant.

- La date, désormais portée par l'en-tête du groupe, est retirée de chaque ligne
  de trajet (suppression du doublon) ; le commentaire occupe seul sa ligne.

Builds dev et prod OK.
This commit is contained in:
2026-09-15 21:01:06 +02:00
parent 48d75b8e06
commit 3342fd8ec2
4 changed files with 106 additions and 14 deletions
@@ -5,8 +5,19 @@
Les listes NE sont PAS connectées entre elles → drag limité à chaque jour. -->
@for (groupe of groupes(); track groupe.date) {
<section class="jour" aria-label="Trajets d'une journée">
<h3 class="jour__entete">{{ groupe.date | date: 'dd/MM/yyyy' }}</h3>
<!-- 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>
@if (estOuvert(groupe)) {
<ul
class="trajets"
cdkDropList
@@ -44,12 +55,11 @@
</div>
<div class="trajet__infos">
<div class="trajet__ligne">
<span class="trajet__date">{{ trajet.date | date: 'dd/MM/yyyy' }}</span>
@if (trajet.commentaire) {
@if (trajet.commentaire) {
<div class="trajet__ligne">
<span class="trajet__commentaire">{{ trajet.commentaire }}</span>
}
</div>
</div>
}
<div class="trajet__adresses">
<span class="trajet__depart">{{ trajet.adresseDepart }}</span>
<span class="trajet__fleche" aria-hidden="true">→</span>
@@ -110,6 +120,7 @@
</li>
}
</ul>
}
</section>
}
}