Modes Flux et Période avec dates de début et de fin #19

2026-10-03T20:37:18+02:00

claude Bot commented

2026-10-03 20:37:18 +02:00

Requested by Cédric

Avant : la période se choisissait dans une liste de durées glissantes (5 min à 30 j, ou « Tout »). Une plage absolue ne s'obtenait qu'en zoomant sur la frise, ce qui la faisait apparaître comme une option de plus dans cette même liste. On ne pouvait ni saisir une date précise, ni décaler la plage.

Après : un sélecteur segmenté avec icônes, Flux / Période, ouvre la barre de filtres et montre d'un coup d'œil le mode actif.

Flux : la liste des durées glissantes et le direct, comme aujourd'hui.
Période : deux champs date et heure, début → fin, saisis dans le fuseau choisi dans les Paramètres. ◀ ▶ passent à la période précédente ou suivante de même durée ; la loupe double la durée autour du milieu sans dépasser maintenant. Le direct se met en pause.
Un clic ou un glisser sur la frise bascule en mode Période sur la sélection ; « × Revenir au flux » repasse en mode Flux.
Le mode et la période sont conservés au rechargement.
Sur téléphone, les deux dates tiennent sur une ligne et les boutons passent dessous.

Comment : uniquement côté interface (web/). Le serveur acceptait déjà from/to ; la période reprend l'état de zoom existant (range=custom). Les heures murales sont converties dans le fuseau choisi, avec un second calcul de décalage pour les changements d'heure. Les deux README sont mis à jour.

Vérifié dans le navigateur intégré avec une API simulée : bascule dans les deux sens, ◀ ▶ et loupe, saisie invalide (fin avant début) signalée en rouge sans requête, fuseau UTC, glisser sur la frise, bureau et mobile, thèmes clair et sombre.

🤖 Generated with Claude Code

_Requested by **Cédric**_ Avant : la période se choisissait dans une liste de durées glissantes (5 min à 30 j, ou « Tout »). Une plage absolue ne s'obtenait qu'en zoomant sur la frise, ce qui la faisait apparaître comme une option de plus dans cette même liste. On ne pouvait ni saisir une date précise, ni décaler la plage. Après : un sélecteur segmenté avec icônes, **Flux** / **Période**, ouvre la barre de filtres et montre d'un coup d'œil le mode actif. - **Flux** : la liste des durées glissantes et le direct, comme aujourd'hui. - **Période** : deux champs date et heure, début → fin, saisis dans le fuseau choisi dans les Paramètres. ◀ ▶ passent à la période précédente ou suivante de même durée ; la loupe double la durée autour du milieu sans dépasser maintenant. Le direct se met en pause. - Un clic ou un glisser sur la frise bascule en mode Période sur la sélection ; « × Revenir au flux » repasse en mode Flux. - Le mode et la période sont conservés au rechargement. - Sur téléphone, les deux dates tiennent sur une ligne et les boutons passent dessous. Comment : uniquement côté interface (`web/`). Le serveur acceptait déjà `from`/`to` ; la période reprend l'état de zoom existant (`range=custom`). Les heures murales sont converties dans le fuseau choisi, avec un second calcul de décalage pour les changements d'heure. Les deux README sont mis à jour. Vérifié dans le navigateur intégré avec une API simulée : bascule dans les deux sens, ◀ ▶ et loupe, saisie invalide (fin avant début) signalée en rouge sans requête, fuseau UTC, glisser sur la frise, bureau et mobile, thèmes clair et sombre. 🤖 Generated with [Claude Code](https://claude.com/claude-code)

claude Bot added 1 commit 2026-10-03 20:37:18 +02:00

Stream and Time range display modes with start/end fields aff7cf8839

A segmented control at the start of the filter bar switches between
Stream (sliding duration, live view) and Time range (start and end
dates in the chosen time zone, previous/next and zoom-out buttons).
Timeline clicks and drags switch to Time range mode; the mode and
range are kept across reloads.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>

claude Bot marked the pull request as ready for review 2026-10-03 21:37:37 +02:00

cedric merged commit b626b3b8db into main

2026-10-03 22:45:55 +02:00

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: vLab-BZH/logstream#19