feat(counters): add new map tooltips with months navigation #294
Conversation
|
Trop cool @Delapouite , merci pour cette PR 🙏
Parfait. Bien pratique de pouvoir utiliser un composant vue, plutôt que du HTML en template string pour faire quelque chose de réactif :)
ok je regarderais ces différents points. Si ça te va je ferais éventuellement quelques commits direct sur cette PR |
J'ai enfin trouvé un petit moment pour regarder ça. J'ai aussi déplacé les fonctions de calcul direct dans le composant, ça me semble plus approprié que dans le (trop) gros fichier useMap :) je reboucle avec l'asso pour le sujet design, à voir si on laisse cet espace blanc. |
| @@ -138,35 +139,47 @@ onMounted(() => { | |||
| // must do this to avoid multiple popups | |||
| map.on('click', e => { | |||
| // console.log('e.lngLat >>', e.lngLat) | |||
| const features = map | |||
There was a problem hiding this comment.
c'était assez trompeur ce nom, et ça apportait de la confusion
| new maplibregl.Popup({ closeButton: false, closeOnClick: true }) | ||
| .setLngLat(e.lngLat) | ||
| .setHTML(getTooltipPerspective(feature.properties)) | ||
| .addTo(map); | ||
| } else if (isCompteurLayerClicked) { | ||
| const feature = features.find(({ layer }) => layer.id === 'compteurs'); | ||
| const layer = layers.find(({ layer }) => layer.id === 'compteurs'); | ||
| const feature = props.features.find(f => f.properties.name === layer.properties.name); |
There was a problem hiding this comment.
voila c'est ici qu'on récupère la donnée source, plutot que ce que veut bien nous redonner mapbox, qui est parfois hasardeux
|
je propose de merger déjà sans les histoires de records. |
Bonjour l'équipe.
Voici une PR ajustant les tooltips de compteurs pour se conformer à la description faite dans #275
Quelques screenshots du rendu pour commencer.
Avant cette PR:
Avec cette PR:
Mois "normal":
Mois avec record mensuel:
Mois avec record absolu:
Benoit, je suis reparti des changement récents que tu avais fait pour les tooltips des voies-lyonnaises afind d'intégrer le nouveau component
CounterTooltip.J'ai taché de faire mon mieux avec mes maigres connaissances du framework, mais j'ai du louper un truc autour des bonnes pratiques du data-flow qui m'a conduit à devoir introduire ce
JSON.parsedégueux.Au niveau design, j'ai pas trouvé exactement les même triangles pour les flèches next/previous coté NuxtIcon.
Pour l'icone du vélo, je me suis permis de reprendre un que j'avais fait comme ça y'a meme pas à réflechir niveau copyright.
Aussi, je me suis permis de laisser une zone blanche dans le footer de la tooltip pour les mois "normaux", sinon ça fait un effet dèsagréable de tooltip sautant quand on navigue de mois en mois et que ça alterne entre présence de gélule de record ou non.
Au niveau fonctionnalités décrites par Thibaut, il manque encore le fait de basculer en mode "année", mais j'envisage de le faire dans une future PR.
En conclusion: la PR telle quelle fonctionne sans introduire de bouleversements majeurs en terme de gazillions de lignes de code changées. Benoit, n’hésite pas à mettre le dernier coup de peinture propre qui te convient par dessus et ajuster les idiomes non-nuxtiens de façon à ce que tu puisses la merger quand bon te semble suivant tes dispos.
Merci