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:
@@ -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 »). */
|
||||
|
||||
Reference in New Issue
Block a user