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