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
@@ -96,6 +96,7 @@ export class TrajetListComponent {
@Input() set trajets(valeur: Trajet[] | null) {
this._trajets = valeur ?? [];
this.trajetsSource.set([...this._trajets]);
this.reinitialiserRepliageSiMoisChange();
}
get trajets(): Trajet[] {
return this._trajets;
@@ -132,6 +133,16 @@ export class TrajetListComponent {
/** Source brute des trajets du mois (mise à jour à chaque changement d'entrée). */
private readonly trajetsSource = signal<Trajet[]>([]);
/**
* Dates (`yyyy-MM-dd`) des journées dépliées. 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.
*/
private readonly joursOuverts = signal<Set<string>>(new Set<string>());
/** Préfixe `yyyy-MM` du mois actuellement affiché, pour détecter un changement de mois. */
private moisAffiche: string | null = null;
/**
* Trajets regroupés par journée, source d'affichage. Les groupes sont triés par
* date croissante ; à l'intérieur d'un groupe, les trajets sont triés par position
@@ -171,6 +182,54 @@ export class TrajetListComponent {
/** True pendant l'appel de suppression / réordonnancement (désactive les actions). */
readonly operationEnCours = signal(false);
// --- Repliage par journée ---
/**
* Recalcule l'état de repliage quand le mois affiché change (nouvel ensemble de
* trajets appartenant à un autre mois). Toutes les journées sont repliées, sauf la
* dernière journée comportant des trajets qui est dépliée. Les mises à jour au sein
* du même mois (ajout / suppression / réordonnancement) conservent l'état courant.
*/
private reinitialiserRepliageSiMoisChange(): void {
const dates = this.trajetsSource()
.map((t) => (t.date ?? '').slice(0, 10))
.filter((d) => d.length === 10)
.sort();
const moisCourant = dates.length > 0 ? dates[0].slice(0, 7) : null;
if (moisCourant === this.moisAffiche) {
// Même mois : purge les dates disparues, conserve le reste de l'état.
const presentes = new Set(dates);
const conserves = new Set(
[...this.joursOuverts()].filter((d) => presentes.has(d))
);
this.joursOuverts.set(conserves);
return;
}
this.moisAffiche = moisCourant;
const dernierJour = dates.length > 0 ? dates[dates.length - 1] : null;
this.joursOuverts.set(dernierJour ? new Set<string>([dernierJour]) : new Set<string>());
}
/** Vrai si la journée est dépliée (ses trajets sont visibles). */
estOuvert(groupe: GroupeJour): boolean {
return this.joursOuverts().has(groupe.date);
}
/** Bascule le repliage d'une journée (déplie / replie). */
basculerJour(groupe: GroupeJour): void {
this.joursOuverts.update((ouverts) => {
const suivant = new Set(ouverts);
if (suivant.has(groupe.date)) {
suivant.delete(groupe.date);
} else {
suivant.add(groupe.date);
}
return suivant;
});
}
// --- Helpers d'affichage ---
/** Vrai si le trajet est le dernier DE SA JOURNÉE (pas d'« insérer avant le suivant »). */