feat: add tableau de bord page

benoitdemaegdt / voieslyonnaises

🚲 Aménagements cyclables à Lyon

https://cyclopolis.fr

Other

24 stars 19 forks source link

feat: add tableau de bord page #349

Closed Delapouite closed 2 months ago

Delapouite commented 6 months ago

Bonjour.

Cette nouvelle page réutilise la très grande majorité de ce qui a été construit durant les dernières semaines pour batir le tableau de bord initialement proposé dans https://github.com/benoitdemaegdt/voieslyonnaises/issues/225 et revu par Thibaut dans https://github.com/benoitdemaegdt/voieslyonnaises/pull/329#issuecomment-2067605591

Voici ce qu'une capture intégrale de la page rend pour ce premier jet:

ThibautChd commented 6 months ago

Waouh trop bien Bruno ! Depuis le temps que j'en rêve !

Quelques suggestions d'améliorations :

Pas fan du fond coloré à la couleur de la VL. Tu pourrais me montrer ce que ça donne avec une barre verticale colorée sur le côté gauche de l'écran ? (cf. maquette ci-dessous)
Pour séparer chaque VL, bien penser à mettre un espace entre chaque pour pas que tout soit collé comme sur ton exemple
Pour le titre "Voie Lyonnaise X", tu pourrais remettre le format que tu avais mis dans une précédente PR, comme dans la maquette ci-dessous ?
En option, ça pourrait être cool qu'un bouton "Afficher la carte" soit ajouté quelque part (en haut à droite ?) pour afficher à la demande la miniature de la carte de chaque VL comme sur les pages des VL ?

Delapouite commented 6 months ago

Voici le nouveau rendu. (les cartes sont ici toutes dépliées mais elles sont fermées au lancement de la page).

ThibautChd commented 6 months ago

Ca me paraît très bien comme ça ! :-) Je trouve que la barre colorée semble faire le boulot. Pour peaufiner le rendu, peut-être serait-il mieux d'arrondir les extrémités de chaque barre ?

Voir aussi quelle tronche ça donne sur un mobile pour être sûrs qu'on a un fonctionnement responsive.

ThibautChd commented 5 months ago

Je me permet un petit "up" sur cette PR qui commence à dater et pour laquelle il ne semble pas manquer grand chose pour être en ligne ! ;-)

Delapouite commented 5 months ago

Je n'aurai hélas pas le temps de m'y replonger dans les prochains jours. Benoit, n’hésite pas à reprendre la main dessus si tu as plus de dispo.

Delapouite commented 4 months ago

Bonsoir

J'ai rebasé (et push-forcé) cette PR car elle contenait deux conflits suite à l'agnotiscation de la plateforme.

L'ajout de l'arrondi sur le trait de gauche était plus sioux qu'il n'y parait car il faut passer d'une simple bordure colorée à un div en flex-box.

Voir plus bas ce que ça rend suivant les tailles d'écran.

Si ça vous convient, je pense que l'on peut merger car cette page est pour le moment non accessible "publiquement", dans la mesure où il reste une PR pour ajouter le lien y menant.

Desktop:

Mobile: (La marge de gauche peut paraitre un peu déséquilibrée, mais ce n'est pas évident à ajuster sans introduire une machinerie plus complexe.)

ThibautChd commented 4 months ago

Merci Bruno pour avoir finalisé le boulot !

Je laisserai @benoitdemaegdt merger à son retour de congés. Il restera à ajouter un nouveau sous-menu "Tableau de bord" dans le menu Lignes.

benoitdemaegdt commented 2 months ago

j'ai bien simplifié/minimisé la feature pour sortir une V1 aujourd'hui. À voir si on remet les cartes plus tard.

Je merge (enfin !)