List Labels Title Description
Done sprint intermédiaire Partages sur réseaux sociaux à optimiser Si besoin, ajouter les balises Facebook, Twitter (titre, description, image) dans les meta des pages détails notamment.
Voir balises og : https://developers.facebook.com/docs/sharing/webmasters/
Twitter semble pouvoir les même balises Open graph : https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/abouts-cards
Done sprint intermédiaire P1 Customisation PWA - Favicon et icône de la PWA (utiliser le logo défini en configuration ?)
- Fond de couleur bleu (à remplacer par la couleur primaire de la configuration ?)
Done sprint intermédiaire Bouton BOOKING à masquer sur les listes de résultat pour le moment, car fonctionnalité non implémentée actuellement Ou sinon ajouter un paramètre pour activer ou non cette fonctionnalité ? Genre "enable_booking" à false par défaut ?
Done sprint intermédiaire Bug,Page détails - Pages contenus touristiques ETQU, sur une page de contenus touristique, la carte s'affiche correctement Pour les contenus touristiques dont la géométrie est de typoe "point", il faut dezoomer quand on arrive sur la page sinon le fond de carte n'apparait pas -> régler le niveau de zoom par défaut de la `TouristicContentMap`?
Done sprint intermédiaire ETQU je vois tous les POI/touristic content d'une page Détails Vu sur https://gtr3.rando-toulouse.fr/trek/4206-3.-590-Chemin-de-saint-Colomban---France

Qui a 159 à proximité et 275 patrimoines. Voir https://viacolumbani.com/pedestre/3-590-chemin-de-saint-colomban-france/

C'est lié au fait que si on interroge une route sans spécifier de limite (pagesize) l'API passe "50" par défaut.
Passer une limite explicite, en utilisant le 250 de "mapResultsPageSize" ?
Done sprint intermédiaire Google site verification en dur à passer en paramètre Voir https://github.com/GeotrekCE/Geotrek-rando-v3/blob/main/frontend/src/components/pages/_app/Root.tsx#L57

Attention, il faudrait l'enlever, idéalement le rendre paramétrable, vide par défaut si non renseigné.
Done sprint intermédiaire SEO - Ajouter Description dans <meta> des pages détail Ajouter les descriptions dans les <meta> des pages des randos, CT et les pages statiques (on a uniquement les titles aujourd'hui).
Voir ce qui a été fait pour les title : https://github.com/GeotrekCE/Geotrek-rando-v3/commit/2327386e700dd21a9765527ce69571a745340c99
Done sprint intermédiaire Pouvoir afficher les pages des randos sans commune Les randos sans commune s'affichent dans la page RECHERCHE.
Mais leur fiche détail ne s'affiche pas et renvoie l'erreur : "Error in details/adapter TypeError: Cannot read property 'name' of undefined"

Exemple avec une rando sans commune sur l'API de démo : https://gtr3.ecrins-parcnational.fr/trek/796-La-boucle-sans-commune

La 796 dans l'API de démo : https://geotrekdemo.ecrins-parcnational.fr/api/v2/trek/796/?language=fr&fields=id%2Cname%xxxxxxxxx

Il serait bien de gérer le cas où une rando n'a pas de commune.
Done sprint intermédiaire Régression : Depuis la page d'accueil, je clique sur la catégorie Hébergement. J'accède à https://geotrek-rando-v3-pi.vercel.app/search?categories=1 mais sans les filtres spécifiques à cette catégorie
Done sprint intermédiaire P2 ETQU, sur la page details, quand je clique sur le bouton pour changer de fond de carte, je ne suis pas recentré
Done sprint intermédiaire ETQGestionnaire de Parc, lorsque j'ajoute des randonnées qui existent et des randonnées qui n'existent pas dans la customisation du composant de reccommandation de randonnées sur la home, je vois les randonnées qui existent
Done sprint intermédiaire P2 Dossier pour medias Ajouter un dossier "medias" dans "customization" (plutôt que "images" car il peut contenir aussi des audios, vidéos ou PDF)

Pour pouvoir y mettre des images, ensuite disponible sur une URL du type url_gtr3/medias/monimage.jpg
Done sprint intermédiaire Partager base de connaissances et doc développement et déploiement
Done sprint intermédiaire Recherche - carte,P2 Hover dynamique sur les résultats Ce qui ne fonctionne pas :
Quand je survole un élément dans la liste dont le point est clusterisé, le cluster ne se voit pas en surbrillance alors qu'il le devrait
Done sprint intermédiaire ETQGestionnaire de parc si je ne renseigne pas d'id de randonnée dans la customization du composant de recommandation de randonnées sur la home, je ne vois pas les randonnées du parc des écrins
Done sprint intermédiaire ETQGestionnaire de parc, je peux choisir facilement l'URL de mes contenus touristiques labellisés @delphinebugner, on voit l'image sur ce CT : https://geotrek-rando-v3-pi.vercel.app/service/418-Un-camping-bizarre

En fait c'est à priori déjà modifiable avec le paramètre "fallbackTouristicContentUri" de https://github.com/GeotrekCE/Geotrek-rando-v3/blob/main/frontend/config/global.json, mais j'avais pas compris qu'il servait à ça.
Done sprint intermédiaire Doc configuration et customisation Complément et révision générale de la doc
Done sprint intermédiaire Bug ETQU d'un geotrek sans zones sensibles, je vois les fiches rando Exemple : https://gtr3.ecrins-parcnational.fr/trek/937571-GR%C2%AE54---Tour-de-l'Oisans-et-des-Ecrins

API : https://geotrek-admin.ecrins-parcnational.fr/api/v2/
Done sprint intermédiaire [1] ETQGestionnaire de Parc, si je n'ajoute pas d'id de google analytics, je ne peux pas trouver l'id par défaut lorsque j'ouvre la console et que j'inspecte le DOM sur la page home
Done sprint intermédiaire Zones Sensibles ETQU, je vois la géométrie des zones sensibles
Done sprint intermédiaire ETQPO, je vois une documentation claire au sujet du déploiement d'une nouvelle version de geotrek rando v3
Done sprint intermédiaire ETQGestionnaire de Parc, je vois de la documentation à jour au sujet de l'installation d'une nouvelle version de geotrek rando v3
Done sprint intermédiaire ETQGestionnaire de Parc, je vois de la documentation technique au sujet des SVG à utiliser pour les icones d'activités
Done sprint intermédiaire Recherche - Filtres ETQU, sur la page de recherche, lorsque je filtre les treks par le text, mon url se met à jour In computeUrl in src/components/pages/search/hooks/useTrekResults.ts
Done sprint intermédiaire Bug,Recherche 🔎 ETQU, je vois les résultats suivants de la recherche se charger
Done sprint intermédiaire Recherche - Filtres ETQU, sur la page de recherche, lorsque je clique sur TOUT EFFACER, vider aussi la recherche libre
Done sprint intermédiaire Recherche - Filtres ETQU, sur la page de recherche, lorsque je clique sur la touche entrée, les treks sont filtrées par texte et je vois un placeholder
Done sprint intermédiaire Recherche - carte,P2 ETQU, je peux switcher de fond de carte à l'aide des boutons correspondants Un seul bouton carré qui permet de basculer du fond "Carte" ou fond "Photo aérienne".
Ajouter un paramètre pour passer ce fond "Photo aérienne".
Si aucune valeur ne lui est passée, alors on n'affiche pas le bouton et on a seulement le fond "Carte".

Pour le fond de carte "Photo aérienne" par défaut ou pour les tests, vous pouvez tester avec un autre fond OpenStreetMap, même si ce n'est pas une photo aérienne, ça permet de tester la bascule d'un fond à l'autre :

https://a.tile.openstreetmap.org/{z}/{x}/{y}.png

Ou sinon, celui d'ESRI qui est une photo aérienne : https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}

Ou celui de l'IGN (pas certain que cette clé publique fonctionne encore) : https://wxs.ign.fr/choisirgeoportail/geoportail/wmts?REQUEST=GetTile&SERVICE=WMTS&VERSION=1.0.0&STYLE={style}&TILEMATRIXSET=PM&FORMAT={format}&LAYER=ORTHOIMAGERY.ORTHOPHOTOS&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}
Done sprint intermédiaire Zones Sensibles ETQU, je vois les practices d'une zone sensible
Done sprint intermédiaire Bug,Page détails ETQU, j'ai accès aux randos de géométrie MultiLine Analyse avec les étapes :

- 501 : toutes les étapes sont des randos publiées
❌ crash"TypeError: Cannot read property 'lat' of null"

- 836 (PIC COOLIDGE (3775 m)): toutes les étapes sont des randos publiées ?
charge bien

- 797 (TOUR DE L'OLAN) : aucune des étapes n'est une rando publiée
❌ crash au chargement : `practice` était undefined au lieu de null -> mis à null
❌ crash au chargement de la géométrie : `Cannot read property 'lat' of null`


--------------

- Rando 2, Type de géométrie ?
: LineString, coordinates : liste de [x,y,z]

- Rando 797 ❌, Type de géométrie : MultiLineString, coordinates : **liste de liste** de [x,y,z]

- Rando 604 ❌, Type de géométrie : MultiLineString
Done sprint intermédiaire Zones Sensibles ETQU, je vois les périodes des zones sensibles
Done sprint intermédiaire Zones Sensibles ETQU, je vois les informations simples associées aux zones sensibles
Done sprint intermédiaire ETQGestionnaire de Parc, je vois une documentation au sujet du fonctionnement des caches (front (sw) / back)
Done sprint intermédiaire ETQGestionnaire de parc, je vois de la documentation technique au sujet du mapping de port entre reverse proxy et container docker
Done sprint intermédiaire P2 ETQU sur la page Search, lorsque je rentre du texte dans le champ de filtre, les sites sont filtrés Filtre "q".
Exemple : https://geotrekdemo.ecrins-parcnational.fr/api/v2/trek/?omit=geometry&q=froide

Maquetté par Victor.
Identifier une stratégie de recherche. Quand lancer la recherche ? Ajouter un bouton pour lancer la recherche ?

Recherche libre à combiner avec les éventuelles autres filtres sélectionnés
Done sprint intermédiaire P2 Description : Puces en rouge Dans le texte de description, remplacer les puces des listes numérotées par un style similaire à celui de la carte (rond rouge, chiffre en blanc)
Done sprint intermédiaire Fix design divers
Done sprint intermédiaire P2 ETQU, lorsque je suis sur la page Search, je vois un champs de filtre de texte (design only) Filtre "q".
Exemple : https://geotrekdemo.ecrins-parcnational.fr/api/v2/trek/?omit=geometry&q=froide

Maquetté par Victor.
Identifier une stratégie de recherche. Quand lancer la recherche ? Ajouter un bouton pour lancer la recherche ?

Recherche libre à combiner avec les éventuelles autres filtres sélectionnés
Done sprint intermédiaire Bug,Page détails - Pages contenus touristiques [TimeBox 3h] ETQU, j'ai accès à toutes les pages de contenu touristique La page `service/257-Auberge-Gaillard` ne charge par à cause d'une erreur dans l'adapteur des données
Done sprint intermédiaire Page détails - Contenu,A discuter,P2 ETQU, sur la page détail d'une randonnée je vois la section "Zones sensibles" avec les noms des zones sensibles (vraies données) Discussion : est-ce que ce sujet est toujours d'actualité ?
Si oui, à découper
Done sprint intermédiaire Sur une fiche fille itinérance, afficher le nom (cliquable) de la fiche mère
Done sprint intermédiaire Déploiement
Done sprint intermédiaire ETQU, dès que je suis redirigé vers une page, je vois un loader en attendant cf retour Camille : " Quand je suis sur une page d'une rando que je fais un retour navigateur pour revenir à la recherche, parfois rien ne se passe.
Vu sur le Vercel quand je suis sur la rando Col de Font Froide et que je reviens en arrière vers la page Recherche."

-> ajouter un loader sur toutes les pages susceptibles de **pointer** vers des pages fetchées côté serveur, avec un listener d'evenements du router Next ?
Done sprint intermédiaire Bug,Recherche 🔎 ETQU, je peux appuyer sur le bouton Search depuis la page Search sans erreur cf mail Camille = Je suis sur la page Recherche , je clique sur le bouton Recherche dans le header, la page tourne en rond sans fin.
Done sprint intermédiaire Recherche - Affichage résultats,P1 ETQU quand je clique sur une carte de résultat de la page recherche, je vois un loader en attendant la redirection Quand je suis la page recherche, je clique sur une rando pour accéder à sa fiche Détails. C'est parfois long, mais rien ne se passe. Accéder plus vite à la page détail et charger tout son contenu en parallèle, en asynchrone ? Ou mettre un spinner indiquant que la page est en cours de chargement ?

Idem depuis la page d'accueil vers la page de recherche

Voir https://nextjs.org/docs/api-reference/next/router
Done sprint intermédiaire Bug,Recherche - carte La filterBar disparait au scroll sur la page search Surement causé par l'ajout du loader qui wrap
Done sprint intermédiaire P2,Need #412 Ajouter des ID aux DIV HOME

- Header :ok_hand:
- Footer :ok_hand:
- Logo :ok_hand:
- CoverImage :ok_hand:
- ActivitiesBar :ok_hand:
- HomeCard :ok_hand:
- HomeSuggestion :ok_hand:

SEARCH :ok_hand:

- ResultCard :ok_hand:
- ResultMap :ok_hand:
- FilterBar :ok_hand:

DETAIL

- DetailsCard :ok_hand:
- Recommandations :ok_hand:
- DetailsMap :ok_hand:

FLATPAGE

- FlatpageCover :ok_hand:
- FlatpageContent :ok_hand:
Done sprint intermédiaire Page d'accueil - Contenu,Page d'accueil 🏡,Retour Camille,P2 Home - Pouvoir afficher plusieurs photos avec un caroussel Actuellement on ne peut passer qu'une seul photo.
Pour en passer plusieurs, et dans ce cas afficher un caroussel avec défilement automatique
Done sprint intermédiaire Doc customization header home (image, video, carousel)
Done sprint intermédiaire Fix design home-header
Done sprint intermédiaire Bug,P1,Need API [Timebox - 3h] On a fait des améliorations de performances dans l'API, mais rien enlevé. Cependant depuis la mise à jour de l'API, les pages détails ne s'affichent plus (https://geotrek-rando-v3-pi.vercel.app/trek/582-Bouble), à voir pourquoi ? Enquête : la requête getDetails renvoie des données au format `json`au lieu du format `geojson` (bien qu'on lui précise le format en entrée). C'est ce qui provoque le bug.
Done sprint intermédiaire Page d'accueil 🏡,Page d'accueil - Contenu,Retour Camille,P2,need delphine ETD - Refacto du composant image en un composant générique Au lieu de passer l'URL d'une image, passer l'URL d'une vidéo, à lire sans son, en boucle avec la balise <video>
Done sprint intermédiaire Page d'accueil 🏡,Page d'accueil - Contenu,Retour Camille,P2,need delphine Home - Pouvoir afficher une vidéo plutôt qu'une photo
Done sprint intermédiaire P1 ETQU, je vois les valeurs des filtres correspondants au portail présent dans la config Une API peut alimenter plusieurs Geotrek-rando avec des contenus différents.
C'est pour cela qu'il est possible de définir un ou plusieurs paramètres de portail au niveau de la configuration globale (en renseignant leur ID).

Cet ID est passé en filtre des routes /trek et /touristic_content pour récupérer uniquement les contenus liés au portail souhaité.

Ce même filtre par portail a été ajouté sur les listes des filtres (trek_accessibility, trek_difficulty, trek_practice, trek_route ainsi que touristiccontent_category).

Quand ces routes sont appelées dans la page recherche et qu'un portail est passé en configuration, alors il faudrait l'appliquer au filtre "portals" de ces routes.
Done sprint intermédiaire Recherche - Affichage résultats,Page détails,P1 ETQDev, je récupère la commune de départ dans la nouvelle propriété dédiée - Récupération commune de départ, changer propriété et virer le champs "Cities"
Done sprint intermédiaire Itinérance - Fiche mère et étapes non publiées J'ai branché notre Geotrek de recette, sur les randos du GTE (portail=2), mais impossible d'afficher les fiches des randos : https://gtr3.ecrins-parcnational.fr/trek/952958-Tour-de-la-B%C3%A9rarde

La console indique : Error in details/connector principal TypeError: NetworkError when attempting to fetch resource.

Ce sont que des itinérances, il semble y avoir un soucis dans la récupération des étapes de l'itinérance. Certainement car elles ne sont actuellement pas publiées...
Done sprint intermédiaire Pouvoir masquer les réseaux sociaux dans footer - Ajouter un ID à sa div pour pouvoir la masquer
Done Sprint #8 Commande pour supprimer docker images A force de faire des builds le serveur grossit.
Une commande pour faire du ménage dans les images à chaque fois qu'on en builde une nouvelle ?
Done Sprint #8 Page d'accueil 🏡 Finalisations blocs page accueil
Done Sprint #8 Intégrer suivi statistique (GA à minima)
Done Sprint #8 Langues ETQU, je vois la page recherche avec les contenus traduits dans la bonne langue
Done Sprint #8 Cover images sur pages statiques ne fonctionnent pas @louiskraemer, j'ai ajouté une image de couverture sur cette page statique mais elle n'apparait pas : https://geotrek-rando-v3-pi.vercel.app/information/3-Biodiv%E2%80%99%C3%89crins

Par contre cette page n'a pas d'image de couverture associée mais elle cherche à en afficher une : https://geotrek-rando-v3-pi.vercel.app/information/6-Sorties-accompagn%C3%A9es

Et cette page sur notre PRE-PROD n'a pas de page statique mais en affiche une d'une chouette qui vient de je ne sais pas où ??? http://gtr3.ecrins-parcnational.fr/information/4-Le-Parc-national-des-Ecrins
Done Sprint #8 Langues ETQU, je peux changer de langue dans le header
Done Sprint #8 Need API Affichage d'image de taille optimisée dans les cartes de résultats
Done Sprint #8 Doc déploiement et conf NGINX (incluant SSR)
Done Sprint #8 Recherche - carte Recherche - Utiliser la géométrie du point de départ sur la carte, à la place de la géométrie du parking
Done Sprint #8 ETQU, si une rando n'a pas de parking, je peux ouvrir la rando
Done Sprint #8 Fusion des fichiers de style Le fichier stylesheet doit pointer désormais sur le fichier `tailwind`
Done Sprint #8 Doc déploiement sans Docker
Done Sprint #8 Ajouter un sitemap dynamique
Done Sprint #8 Page détails - Navigation Valider à terme une forme complète des URL. Potentiellement quelque chose de la forme "mondomaine.fr/trek/id-nom-rando"
Done Sprint #8 Recherche - Filtres Pouvoir filtrer les contenus par portail comportement à globaliser
Done Sprint #8 A proximité non affichés au bon niveau @louiskraemer quand j'arrive sur la partie A PROXIMITE d'une fiche détail rando, ceux-ci ne sont plus affichés sur la carte.
Voir https://geotrek-rando-v3-pi.vercel.app/details-2-Col-de-Font-Froide
Done Sprint #8 Page détails - carte,Bug ETQU ma position sur la carte n'est pas réinitialisée à chaque fois que je change de section > à noter aussi qu'en testant sur "Une rando un peu plus loin", on a la carte dont le centrage change automatiquement et se remet au mauvais endroit.

Mon guess c'est que ça le fait sur toutes les randos car la carte se rerender et se réinitialise donc
-> A voir comment garder le center

Piste : https://github.com/PaulLeCam/react-leaflet/issues/335
https://stackoverflow.com/questions/24844969/leaflet-firing-an-event-when-bounds-change
Done Sprint #8 Page détails - carte ETQU, je ne vois pas la carte se rendre à chaque changement de section
Done Sprint #8 Page d'accueil 🏡 ETQU, je vois la barre d'activités avec les catégories de contenu touristiques Seulement si il y a des catégories
Done Sprint #8 Fix UI/UX EQU je vois une vue Home au design amélioré
Done Sprint #8 Recherche - Filtres ETQNavigateur je n'appelle pas les routes difficulty, practice et theme à chaque chargement de résultats Il faut cacher ces requêtes, checker si c'est faisable directement dans le connecteur ?

No idea mais ça va pas être facile faudra sûrement revoir l'archi de nos résultats :/ en effet useQuery met en cache mais ne renvoie pas de promise !
Done Sprint #8 Recherche - Affichage résultats ETQU je charge une image de taille optimisée pour les cartes de résultat Il faut trouver une taille optimale
Done Sprint #8 Recherche - Affichage résultats ETQU, je vois les contenus touristiques sur la carte de recherche Dépendance : création des filtres contenus touristique
Done Sprint #8 Recherche - carte Ajout contenu touristique sur la carte
Done Sprint #8 Config Selection HOMEPAGE ? A priori en dur dans le template...
https://github.com/GeotrekCE/Geotrek-rando-v3/blob/main/frontend/src/components/pages/home/Home.tsx#L47
Done Sprint #7 Footer ETQU je vois un footer sur les pages recherche et détail. Version identique ou réduite du footer de la page Home (faire des propositions)
Done Sprint #7 Footer ETQ configurateur je peux customiser le contenu du footer
Done Sprint #7 Footer ETQU j'ai accès au site Geotrek via un lien dans le footer
Done Sprint #7 Fix UI/UX ETQU, dans le header, je peux cliquer sur un bouton pour accéder facilement à la page Recherche
Done Sprint #7 Page détails - Contenu,Page détails - Pages contenus touristiques,Fix UI/UX ETQU Mobile, sur la page Détails, je vois le pictogramme de type de rando ou de contenu touristique "En testant sur mobile, je viens de me rendre compte qu'on indiquait pas le type de pratique de la rando sur la fiche détail des randos en version mobile, alors que c'est une info essentielle.
Voir capture.

Idem sur les fiches mobiles des pages contenus touristiques où on n'a pas la catégorie, aussi essentielle.

A minima mettre le picto comme sur la version web.
Sous la photo avant le nom de la commune.
Sinon mettre le picto et le nom de la pratique ou de la catégorie à côté."
Done Sprint #7 Recherche - Affichage résultats ETQU je vois des résultats avec uniquement des vraies données Carte avec les retours de Camille : https://trello.com/c/cPgcrBwq/80-5-etqu-lorsque-jarrive-sur-la-page-de-recherche-je-vois-les-premi%C3%A8res-randonn%C3%A9es-vraies-donn%C3%A9es

Nous n'avons pas encore pu faire ces tâches car les données ne sont pas encore renvoyées par l'API
Done Sprint #7 Langues ETQU, quand j'arrive sur la page Home, je vois les textes dans la bonne langue
Done Sprint #7 Bug Plusieurs fix UI/UX à tester sur `service/94-Les-Bouleaux` pour les scroll bars

Done Sprint #7 Page détails - Pages contenus touristiques ETQU, lorsque je suis sur la page détails contenu touristique, je vois une carte avec les infos Version web et version mobile => faire 2 tickets ?
Done Sprint #7 Page détails - Pages itinérance,Page détails - carte ETQUMobile, sur la carte d'une rando itinérante mère, je peux afficher / masquer les étapes de la randonnée
Done Sprint #7 Page détails - Contenu Enquête - Point du profil altimétrique qui ne suit plus
Done Sprint #7 Page détails - Pages itinérance,Page détails - carte ETQUWeb, lorsque j'arrive sur la section étapes de la rando mère, je vois le trajet globale et les points de départ de chaque rando numéroté version web uniquement dans ce ticket => version mobile dans ticket :
https://trello.com/c/sfMoY7We/372-etqumobile-sur-la-carte-dune-rando-itin%C3%A9rante-m%C3%A8re-je-peux-afficher-masquer-les-%C3%A9tapes-de-la-randonn%C3%A9e
Done Sprint #7 Recherche - Filtres ETQU, si j'ai la barre de filtre sur deux lignes, je vois le nombre de résultats
Done Sprint #7 Fiche mère, ajouter lien ÉTAPES dans le menu ?
Done Sprint #7 Retour à la recherche pas simple. Ajouter dans le MENU ? Bouton retour sur les fiches détails ?
Done Sprint #6 Recherche - Affichage résultats ETQU, je vois des carousels dans la page de résultats Fait aussi (automatiquement, mais vérifié) pour les étapes d'une itinérance
Done Sprint #6 Page détails - carte ETQUMobile, je vois les contenus touristiques et les étapes sur la carte avec les boutons pour les afficher/masquer
Done Sprint #6 Page détails - carte ETQUMobile, je vois les patrimoines sur la carte avec un bouton pour les afficher ou les masquer
Done Sprint #6 Page détails - carte ETQUMobile, je vois un bouton "Voir la carte" sur la page détaisl
Done Sprint #6 Need PO,Recherche - Navigation Mobile,Recherche - Filtres ETQUMobile, je vois une poubelle en haut à droite du menu de filtre
Done Sprint #6 Pages satellites,Bug,Retour de validation ETQU, je vois le titre de la section "En savoir plus" qui reste identique quand je navigue entre les pages satellites
Done Sprint #6 Recherche - Filtres Réinitialisation des filtres
Done Sprint #6 Recherche - Affichage résultats,Retour de validation ETQU, je vois les contenus touristiques (vrais données) Dépendance : création des filtres contenus touristique
Done Sprint #6 Recherche - Filtres Finition design filtres
Done Sprint #6 Recherche - Filtres Enlever la ligne "Pour le Val de mar" et "Classement par ordre de pertinence"
Done Sprint #6 Pages satellites,Bug ETQU mobile, je ne vois pas de vidéo rognée sur les pages satellites cf commentaires sur https://trello.com/c/eLx0rhGO/335-3-etqu-quand-je-clique-sur-une-page-satellite-qui-a-du-contenu-je-suis-redirig%C3%A9-dessus-faux-design
Done Sprint #6 Recherche - Filtres,Retour de validation Présélection des filtres depuis la page home
Done Sprint #6 Page détails - Contenu,Need Archi ETQU sur la page détails d'une randonné, dans la section "Profil altimétrique", je vois le profil altimétrique de la randonnée avec les vraies données
Done Sprint #6 Pages satellites ETQU, quand je clique sur une page satellite qui a du contenu, je suis redirigé dessus (faux design)
Done Sprint #6 Pages satellites ETQU, je vois le contenu des pages satellites au vrai design
Done Sprint #6 Recherche - Filtres Filtres avec une recherche croisée Randonnées et Services
Done Sprint #6 Recherche - Affichage résultats ETQU sur la page de recherche, lorsque je modifie les filtres,les résultats se mettent à jour et correspondent aux filtres de recherche Dépendance : filtres
Done Sprint #6 Page détails - carte ETQU, je peux zoomer avec la roulette de la souris
Done Sprint #6 Page détails - Pages contenus touristiques ETQU, sur la page détail d'un contenu touristique, je vois les éléments spécifiques aux contenus touristiques
Done Sprint #6 Page détails - Contenu,Need Archi ETQU, sur la page détails d'une randonnée, je vois la section "Profil altimétrique"
Done Sprint #6 Recherche - Filtres ETQU sur la page recherche je vois les filtres primaires Attention distinction entre les Randonnées et les Services qui sont dans deux filtres différents
Done Sprint #6 Recherche - Filtres Filtres Randonnées fonctionnels
Done Sprint #6 Pages satellites ETQU, je vois les noms des vraies pages satellites dans le header Tous les champs seront à terme utilisés
Done Sprint #6 Pages satellites ETQU, quand je clique sur une page satellite qui est un lien externe, je suis redirigé dans un nouvel onglet
Done Sprint #6 Recherche - Filtres Filtres Services
Done Sprint #6 Page détails - Pages itinérance,Page détails ETQU, je vois un carousel de randonnée itinérante plus clair à lire Retour de Camille :
- Le bouton Précédent et Suivant serait mieux un peu grossi, si il faisait la même taille que les boutons de chaque étape
- Quand on arrive sur une étape, elle devrait toujours être positionné au milieu dans le carousel. Et ainsi toujours voir la précédente et la suivante.
C'est le cas sur https://geotrek-rando-v3-pi.vercel.app/details-582-Bouble?parentId=501
Le comportement est variable, et encore différent si je clique sur une étape depuis une étape, ou si je clique sur une étape depuis la fiche mère.
Done Sprint #6 Cérémonie
Done Sprint #6 ETQU, sur une page détails contenu touristique, je vois la page avec les bonnes infos (faux design)
Done Sprint #6 ETQU, si je clique sur une carte de contenu touristique, j'arrive sur une nouvelle page blanche
Done Sprint #6 ETQU, losrque je suis sur une page de rando fille, je vois un carousel avec les différentes étapes que je peux sélectionner [ENQUETE 1h] Why : incertitude choix librairie

Done idéal : design identique à la maquette à l'exception du bouton "..." ; flèches de navigation stylées à droite et à gauche
Done Sprint #6 EQTU, je vois toujours une description qui s'affiche correctement (avec ou sans introduction/conclusion/liste)
Done Sprint #6 Recherche - Affichage résultats,Dépendance ETQU sur la page de recherche, lorsque je modifie les filtres, le décompte de résultat correspondant à me recherche se met à jour Dépendance : filtres
Done Sprint #5 Bug,Page détails - Contenu ETQU, je vois la section patrimoines à une hauteur max de 100% Idem sur la liste des contenus touristiques (A proximité)
Et sur le bloc de la liste des étapes pour une itinérance
Done Sprint #5 Page détails - Pages itinérance ETQU, je suis redirigé vers une page quand je clique sur une étape de randonnée itinérante
Done Sprint #5 Page détails,Page détails - Contenu,Retour Camille ETQU, dans la section "Accès routiers et parkings", je vois les informations sur les parkings précédées par "Stationnement :" Non présenté dans les maquettes
Done Sprint #5 Page détails - Contenu Si la description n'est qu'une liste ordonnée, alors elle apparait en texte puis en liste [ENQUETE 1h] Voir https://geotrek-rando-v3-pi.vercel.app/details-596-Boucle-de-malade

Ne pas afficher la liste dans la description

Why : mieux prendre en compte les edge case HTML de l'API

Done idéal : avoir le même rendu mais en utilisant react html parser plutôt qu'une regex + css pour styler la liste
Tester sur la rando 596
Done Sprint #5 Ateliers [1H] Atelier technique
Done Sprint #5 Retour Camille,Page détails,Page détails - Contenu ETQU, je vois l'image de couverture mieux positionnée et avec une légende toujours apparente
Done Sprint #5 Recherche 🔎,Recherche - carte ETQU Mobile, sur la page recherche je vois des points sur la carte
Done Sprint #5 Page détails - Contenu ETQU, je vois la légende et l'auteur sur la photo de couverture
Done Sprint #5 Recherche - carte ETQstructure, sur la page recherches, je peux choisir le zoom initial de la carte
Done Sprint #5 Page détails - Contenu ETQU, je vois un caroussel sur les photos principales de la rando
Done Sprint #5 Page détails - carte ETQU, lorsque j'arrive sur la section "A proximité" je vois les points correspondants sur la carte Reprendre le même comportement que sur la section patrimoines

Bloqué car : l'API ne renvoie pas toujours la geometry des contenus touristiques (même si elle existe vraisemblablement en base)

Il y a une geometry pour l'auberge Gaillard:
https://geotrekdemo.ecrins-parcnational.fr/api/v2/touristiccontent/257/

A côté de la randonnée 2 on ne trouve que l'auberge Gaillard : https://geotrek-rando-v3-pi.vercel.app/details-2-Col-de-Font-Froide

Quand on cherche les contenus touristiques près de la randonnée 2 on trouve bien l'auberge Gaillard mais sans geometry : https://geotrekdemo.ecrins-parcnational.fr/api/v2/touristiccontent/?language=fr&near_trek=2

### Débloqué vendredi 05/02 midi normalement

branche: feat/details-touristic-content-map
Done Sprint #5 Page détails - Pages itinérance ETQU, je vois les étapes d'une randonnée itinérante sur la page détail (vrai design) testé sur la rando 501
Done Sprint #5 Page détails - Contenu ETQU, sur la page détails, je vois le nombre de contenu touristique à proximité à l'aide d'un badge à droite du titre de section
Done Sprint #5 Page détails - carte [Enquête 2h] ETQU, je vois les fonds de carte custom [Standard](https://www.notion.so/m33/Les-Standards-Theodo-43b05c12f0a2449796558a2d7e26e4d6?p=5efdfa1167d44eccb4f4df2cc7993b37)
## Done idéal
La carte utilise un fond de carte différent de l'actuel venant de la config (cf commentaire en dessous)

## Why de l'enquête
Chaque structure a ses propres cartes avec la précision/design souhaité et elles souhaitent le garder

## Temps max
2h

Par défaut, il faut mettre un fond libre OpenStreetMap :
- Celui de base le plus connu : https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png
Ou sa déclinaison ajoutant un relief, plus sympa, surtout en montagne, mais ne permettant pas d'aller au-delà du zoom 17 de mémoire : https://a.tile.opentopomap.org/{z}/{x}/{y}.png

En effet, la plupart des structures utilisent plutôt un fond IGN plus précis et de référence en France, qui est gratuit mais nécessite une clé par domaine.
Exemple au PNE : https://wxs.ign.fr/MACLEIGN/wmts?LAYER=GEOGRAPHICALGRIDSYSTEMS.MAPS.SCAN-EXPRESS.STANDARD&EXCEPTIONS=text/xml&FORMAT=image/jpeg&SERVICE=WMTS&VERSION=1.0.0&REQUEST=GetTile&STYLE=normal&TILEMATRIXSET=PM&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}','(c) IGN Geoportail
Si tu testes il ne fonctionnera pas car il faut renseigner la clé API dans l'URL.
Il y a une clé de test de développement si tu peux tester que tu arrives bien à interroger un flux IGN (https://geoservices.ign.fr/blog/2018/09/06/acces_geoportail_sans_compte.html) :
PLAN IGN : https://wxs.ign.fr/choisirgeoportail/geoportail/wmts?LAYER=GEOGRAPHICALGRIDSYSTEMS.MAPS.SCAN-EXPRESS.STANDARD&EXCEPTIONS=text/xml&FORMAT=image/jpeg&SERVICE=WMTS&VERSION=1.0.0&REQUEST=GetTile&STYLE=normal&TILEMATRIXSET=PM&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}
PHOTO AERIENNE : https://wxs.ign.fr/choisirgeoportail/geoportail/wmts?LAYER=ORTHOIMAGERY.ORTHOPHOTOS&EXCEPTIONS=text/xml&FORMAT=image/jpeg&SERVICE=WMTS&VERSION=1.0.0&REQUEST=GetTile&STYLE=normal&TILEMATRIXSET=PM&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}

Pour le moment, lors des maquettes, on a retenu une solution similaire à l'actuelle, c'est à dire pouvoir paramétrer 2 fonds de carte, un de type CARTE, l'autre de type PHOTO AERIENNE, avec un bouton simple permettant de switcher de l'un à l'autre.
Voir le fonctionnement sur http://www.grand-tour-ecrins.fr/?categories=T2&categories=T3&categories=T4&categories=T8 par exemple.

Actuellement, la possibilité de paramétrage va plus loin.
On peut renseigner le crédit de chaque carte (très important), mais aussi passer automatiquement d'un fond à l'autre en fonction du niveau de zoom, et puis compléter avec des couches additionnels en superposition.
Configuration possible actuelle : https://github.com/GeotrekCE/Geotrek-rando/blob/master/docs/settings-custom-json-all-options.md#map

Chez nous actuellement, notre configuration des fonds carto ça donne :

"PERMANENT_TILELAYERS":[
{
"LAYER_URL": "https://wxs.ign.fr/t6v6u44oruleyibx9rccuw50/geoportail/wmts?LAYER=GEOGRAPHICALGRIDSYSTEMS.MAPS.SCAN-EXPRESS.STANDARD&EXCEPTIONS=text/xml&FORMAT=image/jpeg&SERVICE=WMTS&VERSION=1.0.0&REQUEST=GetTile&STYLE=normal&TILEMATRIXSET=PM&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}",
"OPTIONS": {
"attribution": "(c) IGN Geoportail",
"minZoom": 4,
"maxZoom": 12
}
},
{
"LAYER_URL": "https://wxs.ign.fr/t6v6u44oruleyibx9rccuw50/geoportail/wmts?LAYER=GEOGRAPHICALGRIDSYSTEMS.MAPS&EXCEPTIONS=text/xml&FORMAT=image/jpeg&SERVICE=WMTS&VERSION=1.0.0&REQUEST=GetTile&STYLE=normal&TILEMATRIXSET=PM&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}",
"OPTIONS": {
"attribution": "(c) IGN Geoportail",
"minZoom": 13,
"maxZoom": 17
}
}
],
"ORTHOPHOTO_TILELAYERS_NAME": "Photo",
"ORTHOPHOTO_TILELAYERS": {
"LAYER_URL": "https://wxs.ign.fr/t6v6u44oruleyibx9rccuw50/geoportail/wmts?LAYER=ORTHOIMAGERY.ORTHOPHOTOS&EXCEPTIONS=text/xml&FORMAT=image/jpeg&SERVICE=WMTS&VERSION=1.0.0&REQUEST=GetTile&STYLE=normal&TILEMATRIXSET=PM&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}",
"OPTIONS": {
"id": "satellite",
"attribution": "(c) IGN Geoportail"
}
},

Pour le moment, on pourrait se limiter aux 2 fonds et le crédit (attribution) de chacun.
Done Sprint #5 Recherche - carte Tooltip des objets sur la carte - Rendre fonctionnel les boutons AFFICHER LE DETAIL
Done Sprint #5 Page détails - Pages itinérance ETQU, je vois les étapes d'une randonnée itinérante sur la page détail (faux design)
Done Sprint #5 Recherche - carte ETQU, je vois l'attribution de la carte (à récupérer depuis les paramètres) J'ai mis "OpenStreetMap" comme crédit pour l'instant
Done Sprint #5 Recherche - carte ETQstructure, sur la page recherches, je peux choisir où je centre la carte
Done Sprint #5 Page détails - carte ETQU, lorsque j'arrive sur la page détails, je vois la carte centrée sur la rando Pas de bbox fournie par l'API
Notre reco: On met un zoom de base, pour centrer on peut prendre le départ de la rando

https://trello.com/c/ZbmK8fdj/177-2-etquweb-lorsque-jarrive-sur-la-page-d%C3%A9tails-je-vois-le-parking-sur-la-carte
Done Sprint #5 AT
Done Sprint #5 Need API,Page détails - Pages contenus touristiques ETQU, je vois une section "Lieux de renseignement" (à la place de infos pratique) InformationDesk
Done Sprint #5 Page détails - Contenu ETQU, je vois une section Recommandations (anciennement Détails de la randonnées)
Done Sprint #5 Page détails - Contenu ETQU, je vois un caroussel dans les cartes de patrimoines et "A proximité" Tous les points sont gris quand la photo courante correspond à un point masqué
Done Sprint #5 Need API,Page détails - Contenu ETQU, sur la page détails, je vois une section source
Done Sprint #5 Page détails - carte ETQU, lorsque j'arrive sur la section description, je vois les points de références affichées sur la carte (points de référence) Note: le col de font froide n'a pas de points de références en base
Done Sprint #5 Page détails - carte ETQU, lorsque j'arrive sur la section patrimoine (2/3 de l'écran), je vois les POIs sur la carte Comment tester :
Aller sur une randonnée
Quand "Aperçu" est highlight dans le header on voit bien le trajet, départ, arrivée et parking de la randonnée
Quand "Patrimoine" est highlight dans le header on voit bien les POIs
Done Sprint #5 Retour de validation,Page détails - carte ETQU Web, je vois le nom de la section où je suis en surbrillance dans le header
Done Sprint #5 Page d'accueil 🏡 ETQStructure, je peux personnaliser les suggestions d'activités sur la page d'accueil
Done Sprint #5 Page d'accueil 🏡 ETQStructure, je peux ajouté des blocs HTMLs personnalisés
Done Sprint #5 Page détails - Contenu ETQU, je vois le nombre de patrimoines dans le titre de la section
Done Sprint #5 [1H] - Enquête : ETQU Web, je vois le nom de la section où je suis en surbrillance dans le header [Standard](https://www.notion.so/m33/Les-Standards-Theodo-43b05c12f0a2449796558a2d7e26e4d6?p=5efdfa1167d44eccb4f4df2cc7993b37)
## Done idéal
Avoir un comment pour savoir où on en est dans la page

## Why de l'enquête
x

## Temps max
1h

## Notes
https://codedaily.io/tutorials/80/Sticky-Header-with-Highlighting-Sections-on-Scroll

https://github.com/codedailyio/StickyHeaderSections/blob/master/src/App.js
Done Sprint #5 Page détails ETQU, sur la page détails, je vois une section accessibilité si présente dans l'API Rando de test : 771
Done Sprint #5 (4,5)Cérémonie
Done Sprint #4 Recherche - Filtres,Recherche 🔎 Mener une réflexion ergonomique, fonctionnelle et graphique concernant les filtres - Hiérarchie
- Fonctionnement différent selon les filtres
Done Sprint #4 Atelier tech Delphine
Done Sprint #4 Bug ETQU je vois bien les pictos des filtres et j'ai bien 3 petits points sur les popups quand le titre est trop long
Done Sprint #4 Page détails ETQU, sur la page détails, je vois la vraie commune et non le parking au dessus du nom de la rando Afficher la première commune de la rando
Done Sprint #4 Recherche 🔎,Recherche - carte ETQU sur la page détails je vois des flèches indiquant le sens de mon trajet **Cette info est importante pour comprendre dans quel sens prendre une boucle. Donc c'est important.**

Actuellement, on ne l'affiche pas sur les tracés des randos sur la page de recherche (voir https://rando.ecrins-parcnational.fr/?categories=T2&categories=T4&categories=T8 en zoomant jusqu'au niveau où les tracés sont affichés), mais on l'affiche sur le tracé des randos dans les fiches détails : https://rando.ecrins-parcnational.fr/a-pied/le-circuit-des-lacs/

Pour cela un plugin Leaflet avait été développé et publié : https://github.com/makinacorpus/Leaflet.TextPath
Sinon il en existe un plus récent peut-être plus adapté : https://github.com/bbecquet/Leaflet.PolylineDecorator ?
Done Sprint #4 Ateliers [1H] Atelier technique
Done Sprint #4 Recherche 🔎 ETQParc National je peux changer le nombre de résultat à charger au premier call API Charger une variable de l'env dans le connector du module results
Done Sprint #4 Page détails ETQUWeb, je suis redirigé vers la bonne section quand je clique sur le header de la page https://codedaily.io/tutorials/80/Sticky-Header-with-Highlighting-Sections-on-Scroll

https://github.com/codedailyio/StickyHeaderSections/blob/master/src/App.js
Done Sprint #4 Page détails ETQU, je peux télécharger la trace de la rando via un bouton dédié Une liste déroulante s'ouvre quand on clique sur le bouton avec les deux options
Done Sprint #4 Recherche 🔎,Recherche - carte ETQU lorsque je sélectionne un filtre je vois un loader sur la map également
Done Sprint #4 Recherche 🔎 ETQU Mobile je vois le picto devant les options du filtre d'activités https://trello.com/c/2mlTSrS5/213-12-1h-enqu%C3%AAte-etqu-dans-le-filtre-activit%C3%A9s-je-vois-les-pictos-devant-les-activit%C3%A9s
Done Sprint #4 Recherche 🔎,Page détails Durée - Interpréter numérique pour l'affichage Pour les durées des randos, une valeur numérique est renvoyée par l'API.
Celle-ci doit être utilisée brute pour filtrer et ordonner les résultats.

Mais elle doit être interprétée pour l'affichage dans la liste des résultats et dans les fiches détails.
Voir https://github.com/GeotrekCE/Geotrek-admin/issues/2483

- La valeur est saisie en heures
- 1.5 = 1h30
- 24 = 1j
- 48 = 2j
Done Sprint #4 Recherche 🔎 ETQU je vois un picto devant les pictos du menu déroulant du filtre d'activités On ne voit malheureusement les icônes que si on hover sur les options car on ne peut pas modifier la couleur des icônes, il faudra que l'on se penche sur cette question car cela remet en cause beaucoup de designs.

On pourra améliorer dans une 2nde itération la visibilite de ces icones


https://trello.com/c/2mlTSrS5/213-12-1h-enqu%C3%AAte-etqu-dans-le-filtre-activit%C3%A9s-je-vois-les-pictos-devant-les-activit%C3%A9s

A priori c'est la même chose que pour les options sélectionnées
Done Sprint #4 Page détails ETQU, je peux télécharger un pdf du détails via les boutons dédiés (vraies données)
Done Sprint #4 Page détails,Page détails - carte ETQUWeb, lorsque j'arrive sur la page détails, je vois le parking sur la carte
Done Sprint #4 Page détails ETQU, je vois une section "A decouvrir autour de moi" avec une carte de suggestion (vraies données)
Done Sprint #4 Page détails,Page détails - carte ETQUWeb, lorsque j'arrive sur la page détails, je vois le trajet et les points de départ et d'arrivée de la rando sur la carte
Done Sprint #4 Page détails ETQUMobile, sur la page détails, je vois le nom de la randonnée en sticky en haut de la page quand je scroll Faire un if(window.scrollY > minScrollPosition) {
setDisplayState()
} else {
setDisplayState
}
Done Sprint #4 Page détails ETQUMobile, sur la page détails, je vois le nom de la randonnée en sticky en haut de la page quand je scroll [ENQUETE 2h] Done idéal : ETQUMobile, je vois un titre qui s'affiche avec une ombre uniquement quand on a dépassé en scroll le header, avec une animation quand il apparait

Why : on ne sait pas encore comment afficher / masquer un élément en fonction de la position de scroll sur la page, en plus avec une animation

Time Box : 2h
Done Sprint #4 Recherche 🔎 [1H] Enquête - ETQU, dans le filtre activités, je vois les pictos devant les activités # Done effectué:
Pour le test @camillemonchicourt :
Les pictos ne s'affichent que pour les options sélectionnées pour l'instant (étant donné que c'était un ticket d'enquête d'1h), des tickets ont été créés pour la version mobile + le menu déroulant
https://trello.com/c/vZvv7qe1/219-etqu-mobile-je-vois-le-picto-devant-les-options-du-filtre-dactivit%C3%A9s
https://trello.com/c/yjf9vUVe/218-etqu-je-vois-un-picto-devant-les-pictos-du-menu-d%C3%A9roulant-du-filtre-dactivit%C3%A9s

[Standard](https://www.notion.so/m33/Les-Standards-Theodo-43b05c12f0a2449796558a2d7e26e4d6?p=5efdfa1167d44eccb4f4df2cc7993b37)
## Done idéal
Les activités de la barre de filtre ont l'icône de l'API associée à côté

## Why de l'enquête
Avoir un site plus joli (et iso à l'ancien ?)

## Temps max
1h

Enquête CR: https://www.notion.so/m33/1H-Enqu-te-ETQU-dans-le-filtre-activit-s-je-vois-les-pictos-devant-les-activit-s-2b9c55cf6d254d778d16b75019f06c1c

https://react-select.com/home#custom-styles
Done Sprint #4 EQTU Web, je vois les boutons "Télécharger" (fausses données)
Done Sprint #4 Page détails ETQU, je vois une section avec les patrimoines de la randonnées (vraies données)
Done Sprint #4 Page détails ETQU, je vois une section "A decouvrir autour de moi" avec une carte de suggestion (fausses données)
Done Sprint #4 Recherche - carte,Recherche 🔎 ETQU je vois des marqueurs avec l'icône d'activité associée On suppose que l'API nous renvoie des icônes de la bonne couleur (on sait pas encore laquelle on verra)

Done Sprint #4 Page détails,Page détails - carte ETQUWeb, sur la page détails, je vois une carte sur la droite, fixe
Done Sprint #4 Recherche 🔎,Recherche - carte ETQU, je vois les points des randos filtrés sur la carte
Done Sprint #4 Recherche 🔎,Recherche - carte ETQU, en fonction du zoom je vois des cluster de points https://github.com/YUzhva/react-leaflet-markercluster#readme

Les clusters sont stylisés "rapidement" n'ayant pas de design sur la maquette, on pourra demander au design si ils peuvent faire quelque chose de plus joli si besoin
Done Sprint #4 Bug,Need Archi ETQU quand j'ouvre une popup je la vois entièrement https://github.com/PaulLeCam/react-leaflet/issues/342

Y avait déjà eu le pb (cf issue) et là ça revient je sais pas trop pourquoi

C'est pas une histoire de taille, en enlevant l'image on a toujours le même problème
Done Sprint #4 Bug,Recherche - carte ETQUMobile, je ne vois pas la carte apparaître au scroll
Done Sprint #4 Page détails ETQU, je vois une section avec un patrimoine au design (fausses données)
Done Sprint #4 Recherche - carte,Recherche 🔎 [1H] - ETQUWeb, lorsque je survole une carte de résultat, je vois le point en surbrillance https://stackoverflow.com/questions/6910049/on-a-css-hover-event-can-i-change-another-divs-styling

Optimalement on le fait en CSS, sinon on fait ça en JS avec un state

45min: Essayer de le faire en CSS
15min: Sinon rédiger le ticket en JS
-> Ne pas hésiter à andon Louis Z

Ticket associé: https://trello.com/c/p3yfHzu6/209-etquweb-lorsque-je-survole-une-carte-de-r%C3%A9sultat-je-vois-le-point-en-surbrillance
Done Sprint #4 Recherche - carte ETQUMobile, je vois un bouton filtre qui ouvre le menu de filtre On est conscients du problème de carte qui "flash" à chaque interaction et on a créé un ticket pour tackler ce problème: https://trello.com/c/ZTBAOGX7/210-etqu-je-ne-vois-pas-la-carte-flasher-sans-raison
Done Sprint #3 Page détails ETQU, je vois une section description (vraies données)
Done Sprint #3 Ticket archi - 22/01
Done Sprint #3 Sprint Goal 3 : ETQU, sur la page recherche, je peux voir la carte avec les différents points et cliquer dessus
Done Sprint #3 Cérémonie
Done Sprint #3 Recherche 🔎,Recherche - carte ETQU je vois des marqueurs indiquant les randonnées au design (indépendant de l'activité) Il n'y a pour l'instant pas de d'icônes dans les marqueurs, cela viendra avec ce ticket : https://trello.com/c/vN97603t/201-2-etqu-je-vois-des-marqueurs-avec-lic%C3%B4ne-dactivit%C3%A9-associ%C3%A9e
Done Sprint #3 Recherche - carte,Recherche 🔎 ETQUMobile, je vois un bouton retour qui ferme la carte au clic
Done Sprint #3 ETQU, sur la page détails, je vois un sous header avec la liste des sections cliquables
Done Sprint #3 Recherche - carte,Recherche 🔎 ETQUWeb, lorsque je clique sur une rando, je vois le trajet correspondant sur la carte Note: le design de la ligne n'est pas exactement comme sur la maquette, est-ce OK comme ça ?
Done Sprint #3 Ateliers [1H] Atelier technique
Done Sprint #3 Ateliers [1H] Atelier technique
Done Sprint #3 Ateliers [1H] Atelier technique
Done Sprint #3 ETQU, je vois une section description au design (fausses données)
Done Sprint #3 ETQU je vois des popups quand je clique sur une randonnée au design (vraies données) https://react-leaflet.js.org/docs/api-components#popup
https://leafletjs.com/reference-1.6.0.html#popup-l-popup
Done Sprint #3 Recherche 🔎,Need Archi ETQUMobile, lorsque je clique sur le bouton flottant "Map", je vois une carte en plein écran sans données
Done Sprint #3 Page détails ETQU, je vois une section description au design (enquête) Enquête sur le composant de gauche (fil d'Ariane) : trouver une lib

Essayer une heure sur https://material-ui.com/components/steppers/#vertical-stepper
Puis estimer un ticket avec strat technique
Done Sprint #3 ETQU je vois des popups quand je clique sur une randonnée au design (fausses données) https://react-leaflet.js.org/docs/api-components#popup
https://leafletjs.com/reference-1.6.0.html#popup-l-popup

On ne voit malheureusement pas encore bien la version mobile car la carte n'est pas en fullscreen pour l'instant
Done Sprint #3 Formatage des champs texte à préciser Parfois les utilisateurs font des copier-coller depuis des documents Word ou autre avec plein de style qui sont alors embarqués dans le HTML.
Il est intéressant de nettoyer le contenu.

Mais en même temps, parfois on souhaite formater le texte.
J'ai fait quelques tests sur https://geotrek-rando-v3-pi.vercel.app/details-501-Petite-rando-sympa
- Les tailles et couleurs sont interprétés, idem pour l'italique
- Mais pas les listes, ni le gras

A affiner.
Done Sprint #3 Page détails ETQU, je vois les icônes et les labels network dans les informations
Done Sprint #3 Page détails ETQU, je vois les tags et les informations
Done Sprint #3 Recherche 🔎,Retour de validation ETQUWeb, sur la page de recherche, je vois une carte à droite de l'écran sans données
Done Sprint #3 ETQU Web, je vois l'ensemble des points sur la carte Pas encore au design nous avons créé des tickets pour, l'idée de ce ticket c'est uniquement de passer la data à la carte
Done Sprint #3 Page détails,Retour de validation ETQU, je vois la description
Done Sprint #3 ETQU je vois l'ensemble des points en données brutes ### Comment tester
- Aller tout en bas des resultats de la page search
- Il devrait y avoir 9 résultats vs 5 avant car on récupère tout maintenant
Done Sprint #3 ETQU je vois une première partie des points en données brutes Comment tester :
Constater 5 premiers résultats de localisation de randonnée en bas de tous les résultats (nous allons bien sûr très vite les enlever)
Done Sprint #3 Recherche 🔎 ETQUMobile, lorsqu'un filtre d'une catégorie est sélectionné, je vois la catégorie en couleur avec en sous texte les filtres choisis
Done Sprint #3 Recherche 🔎 ETQUMobile, lorsque j'ai des filtres sélectionnés et que je suis sur la page, je vois un badge avec le nombres de filtres Note: actuellement une carte s'affiche à droite en mode mobile ce qui écrase les cartes de résultat, ça sera corrigé dans la journée
Done Sprint #3 Recherche 🔎,Need Archi ETQU, si j'ai 6 résultats, j'en vois 5 et dès que j'arrive en bas de la page, je vois un loader puis les 1 suivants https://react-query.tanstack.com/examples/load-more-infinite-scroll
Done Sprint #3 Recherche 🔎 ETQU, si lors du chargement des 10 résultats suivants j'ai une erreur je vois un message d'erreur avec un bouton recharger Comment tester :
- Aller sur la page résultats sans scroller
- Eteindre le wifi
- Scroller et constater le composant d'erreur avec le bouton pour recharger
- Rallumer le wifi
- Appuyer sur le bouton pour recharger et constater l'apparition des résultats
Done Sprint #3 Page détails ETQU, je vois une url avec des tirets plutôt que des espaces
Done Sprint #3 Page détails ETQU, je vois les sections Transports et Accès routiers - Parking
Done Sprint #2 Page détails ETQU, je vois le nom et le lieu de la rando
Done Sprint #2 Ajuster point de bascule entre web et mobile
Done Sprint #2 Page détails ETQU, je vois l'image, le titre et le logo de l'activité (vrai design)
Done Sprint #2 Recherche 🔎 ETQU, lorsque j'ai une erreur API lors du chargement je vois un message d'erreur avec un bouton de rechargement Comment tester :
- Aller sur la page résultats
- Eteindre son wifi
- Changer un filtre
- Un message d'erreur s'affiche
- Appuyer sur Recharger et voir qu'il y a un petit chargement (on affiche l'erreur dès l'échec on ne réessaie pas pour l'instant)
Done Sprint #2 Page détails ETQU, j'ai accès à l'image, le titre et le logo de l'activité sur la page détail (faux design) Lien du swagger: https://geotrekdemo.ecrins-parcnational.fr/api/v2/
Done Sprint #2 Recherche 🔎 ETQU, lorsque je clique sur une carte de résultat, je suis redirigé vers une page détails avec un header
Done Sprint #2 Recherche 🔎 ETQU, sur la page de recherche, si je sélectionne un thème dans le filtre je vois une activité correspondante ## Filtres qui marchent
- Themes
- Accessibilité

## On ne peut pas encore utiliser ces filtres car :

### Il faut fournir un intervalle de valeur à l'API :
- Difficulty
- Duration
- Ascent
- Length

### C'est un choix unique dans l'API mais multiple dans le front :
- Structure

### Ca n'est pas encore implémenté dans l'API
- Practice
- Course type
Done Sprint #2 Recherche 🔎 ETQU, lorsque j'ai des résultats en attente de chargement, je vois un loader
Done Sprint #2 Recherches - Cartes résultat sans thème - Supprimer bande vide ?
Done Sprint #2 [1H] Atelier technique
Done Sprint #2 [1H] Atelier technique
Done Sprint #2 [1H] Atelier technique
Done Sprint #2 [1H] Atelier technique
Done Sprint #2 [1H] Atelier technique
Done Sprint #2 Page d'accueil 🏡 ETQU, sur la page home, je vois une section randonnée avec 10 randonnées aléatoire de l'API
Done Sprint #2 Ticket archi - 14/01
Done Sprint #2 Recherche 🔎 ETQUMobile, je vois les vrais filtres
Done Sprint #2 Bug,Page d'accueil 🏡 ETQUWeb, je vois le header responsive
Done Sprint #2 Recherche 🔎 ETQU, je vois les cartes de résultats avec les vraies données Tout ce qui a été rajouté est dans les critères d'acceptation !
Done Sprint #2 Recherche 🔎 ETQU, lorsque ma recherche est effectuée je vois le nombre de résultats
Done Sprint #2 Page d'accueil 🏡 ETQU, lorsque je clique sur une activité, je suis redirigé sur l'url de la page search avec l'activité dans l'url
Done Sprint #2 Page d'accueil 🏡,Mobile 📱 ETQU, je vois un footer avec des la section "Informations complémentaires"
Done Sprint #2 Ateliers [1h30*2dev] Atelier technique
Done Sprint #2 Page d'accueil 🏡,Mobile 📱 ETQU, je vois un footer avec des la section "Parc National, ..." Uniquement partie Parc national des écrins
Done Sprint #2 Ticket archi Ce qui st possible de faire :
- Choisir les filtres affichés ou caché
- Choisir les options pour les filtres avec un minimum et un maximum
Done Sprint #2 Page d'accueil 🏡 ETQU, je vois la barre d'activité avec plusieurs activités (vraies données) Route /practice
Done Sprint #2 Recherche 🔎 ETQU, lorsque j'arrive sur la page de recherche, je vois les premières randonnées (vraies données) https://geotrekdemo.ecrins-parcnational.fr/api/v2/
Done Sprint #2 Recherche 🔎 ETQUWeb, lorsque je sélectionne un filtre, je le vois sélectionné (hook rando uniquement)
Done Sprint #2 Ateliers Cérémonie (1h30*2dev + 1h30*1 archi)
Done Sprint #2 Page d'accueil 🏡,Mobile 📱 ETQU, je vois un footer au design avec les trois logos sociaux Ce footer n'est que sur la home
Done Sprint #2 Recherche 🔎 ETQUWeb, lorsque je clique sur le bouton voir plus, je vois l'ensemble des filtres et la flèche de rétractation OK en l'état avec un seul type de filtre dupliqué.
Il faudra tester avec des filtres de nature différente pour vérifier le comportement.
Notamment le filtre des activités.
Là en testant avec plusieurs difficultés dans un même filtre, on voit que les autres filtres ne chassent pas comme il faut, voir screenshot ajouté c-dessous.

Si ils rentrent plus sur une ligne il doivent passer dans les filtres supplémentaires ? Ou passer sur 2 lignes ?
Fonctionnement et ordonnancement des filtres à préciser.
Done Sprint #2 Page d'accueil 🏡,Mobile 📱 ETQU, sur la page home, je vois une section "Randonnées du parc" avec une carte au design
Done Sprint #2 Page d'accueil 🏡,Web 💻 ETQU Desktop, je vois la barre d'activité avec plusieurs activités (vraies données)
Done Sprint #2 Page d'accueil 🏡,Mobile 📱 ETQUMobile, je vois le texte du header centré verticalement avec une ombre
Done Sprint #1 Recherche 🔎 ETQUMobile, lorsque je clique sur le bouton filtrer, je vois le menu avec l'ensemble des filtres Rien ne se passe quand je clique sur les filtres
Done Sprint #1 Page d'accueil 🏡,Need Archi,Web 💻 ETQUWeb, je vois un header avec logo, titre, les sections
Done Sprint #1 Page d'accueil 🏡 ETQU Mobile, je vois une liste d'activité et un bouton valider (fausses données)
Done Sprint #1 Page d'accueil 🏡 ETQU, sur la page Home, lorsque je clique sur l'activité Randonnées, je suis redirigé vers la page de résultat de recherche blanche
Done Sprint #1 ETQU je vois le header se replier quand je scroll vers le bas Note: on attend de scroller au moins la hauteur du header avant de faire disparaître ce dernier
Done Sprint #1 Recherche 🔎 ETQU mobile sur la page "search", je vois la difficulté d'une randonnée sur son preview Message de Camille :
> Vu avec les sponsors, OK pour ne pas avoir le bouton RESERVER sur la version mobile des cartes.
Mais il faut avoir les mêmes infos que sur la carte web, notamment le niveau de difficulté, info importante.
Je vous laisse mettre un ticket pour l'ajouter sur la version mobile des cartes.

Sur la version mobile on ne voit pas la difficulté sur le preview de la randonnée, on voudrait le rajouter.

Notre reco (ETQDev): réduire le spacing entre les infos déjà existantes et rajouter juste le petit carré de couleur

Reco de Pauline: plutôt mettre le mot car après les parcs peuvent mettre la couleur qu'ils veulent

Reco de Victor :
Pas de place pour mettre une 4ème info sur la même ligne, ça ferait trop stacké
Il faut donc prioriser 3 infos à mettre sur cette ligne. J'ai l'impression que le dénivelé est le plus remplaçable par difficulté

# Solution finale retenue :
- Remplacement du dénivelé par la difficulté en mobile
- Passage de la difficulté en premier dans les informations
Done Sprint #1 Recherche 🔎 ETQUMobile sur la page Recherche, lorsque je clique sur le bouton filtrer, je vois un menu filtre s'ouvrir avec un titre et une croix ```
<Slide
right
customBurgerIcon={<BmIcon color="white" />}
customCrossIcon={<Cross size={14} className="mt-3" />}
burgerButtonClassName="fixed w-6 h-6 top-2.5 right-2.5"
burgerBarClassName="bg-white"
menuClassName="bg-white"
crossButtonClassName="left-5"
crossClassName="bg-greyDarkColored"
/>
```
Done Sprint #1 Page d'accueil 🏡 ETQU, je vois une carte "Sélectionné par notre parc" au design (fausses données) A plutôt intituler "Sélectionné par le Parc national des Écrins" pour un texte moins générique, qui sera customisé pour chaque instance de Geotrek-rando.
Done Sprint #1 Recherche 🔎 ETQU, si je clique sur le logo du header, je suis redirigé vers la home
Done Sprint #1 Recherche 🔎 ETQUMobile, sur la page de recherche, je vois un bouton "Filtrer" qui ne fait rien
Done Sprint #1 Page d'accueil 🏡 ETQUMobile, lorsque je clique sur le burger menu, je vois un burger menu avec l'ensemble des sections
Done Sprint #1 Recherche 🔎 ETQU mobile sur la page Résultats, lorsque je scroll vers le bas le bouton flottant disparait puis réapparait au scroll vers le haut Comment tester :

- Aller sur la page search en mobile
- Vérifier que le bouton "Voir la carte" disparait au scroll down et réapparait au scroll up
Done Sprint #1 Recherche 🔎 ETQU, sur la page de recherche, je vois un entête de liste au design avec une icone et le nombre de résultats Comment tester :
- Aller sur la nouvellement nommée page Search (anciennement Results) :
- Constater le nombre de résultats qui est reponsive
Done Sprint #1 [Enquête 1H] ETQDev j'ai une stratégie définie pour réagir au scroll up et down On pensait éventuellement à créer un hook `useScrollDirection` qui renvoie un state qui vaut `'DOWN'` si l'utilisateur a scroll down pour la dernière fois qu'il a scroll ou `'UP'` s'il a scroll up

⚠️ aux performances

RESULTAT de l'enquête :
Implémentation et utilisation dans ce ticket : https://trello.com/c/F1C4IWHZ/83-1-etqu-mobile-sur-la-page-r%C3%A9sultats-lorsque-je-scroll-vers-le-bas-le-bouton-flottant-disparait-puis-r%C3%A9apparait-au-scroll-vers-le
Done Sprint #1 Recherche 🔎 ETQUMobile, sur la page de recherche, je vois un bouton flottant "Map" toujours visible Bouton visible sur mobile uniquement

Il disparaitra au scroll vers le bas dans un ticket suivant: https://trello.com/c/F1C4IWHZ/83-1-etqu-mobile-sur-la-page-r%C3%A9sultats-lorsque-je-scroll-vers-le-bas-le-bouton-flottant-disparait-puis-r%C3%A9apparait-au-scroll-vers-le
Done Sprint #1 Page d'accueil 🏡 ETQUMobile, lorsque je clique sur le burger menu, je vois un burger menu vide s'ouvrir de la droite
Done Sprint #1 Cérémonie (1h30*2Dev + 1h30*archi)
Done Sprint #1 Recherche 🔎 ETQUWeb, je vois une barre de filtre avec un filtre au design
Done Sprint #1 Recherche 🔎 ETQU, sur la page de recherche, je vois une liste des randonnées de mon parc sous la forme de liste de carte (fausses données) Pour tester :
1) Aller sur la page Résultats: https://geotrek-rando-v3-pi.vercel.app/results
2) Tester la version desktop puis mobile des cartes
Done Sprint #1 Page d'accueil 🏡 ETQU mobile, sur la page Home, sur l'image de couverture, je vois un texte d'accueil [RESPONSIVE] Voir les maquettes mobile sur Figma
Done Sprint #1 Page d'accueil 🏡 ETQUMobile, sur la page home, je vois un header avec logo, titre et icône de burger menu
Done Sprint #1 Page d'accueil 🏡 ETQU, sur la page Home en desktop, je vois une barre d'activités avec une activité randonnée - `Activity` ok d'être un `button` car on peut [naviguer impérativement](https://nextjs.org/docs/routing/imperatively) avec NextJS
- Sinon ça peut être un `Link` mais ça n'a pas la tête d'un Link sémantiquement

- Pour les icônes [SVGR](https://react-svgr.com/playground/) ?
- Aussi les icônes n'ont pas toutes une taille standard, toujours une height de 48px mais pas la même width (cf attachments)
- Is ok en fait, il faut aller chercher les icônes plus bas dans le menu mobile, dimension 24x24
- On les met où ? Si SVGR dans `components/Icons` je pense

Done Sprint #1 ETQD, j'ai accès à un template quand je fais une PR sur github
Done Sprint #1 ETQD j'ai accès aux couleurs des maquettes dans la stylesheet
Done Sprint #1 Page d'accueil 🏡 ETQU, sur la page Home, je vois une image de couverture en HD Après enquête le choix se porterait entre :

- jpg : plus léger que png, adapté aux photographies (pas besoin de transparence, pas de texte)
- webp : plus léger que jpg mais est mal supporté par Safari et pas du tout sur internet explorer

Les autres formats que jpg/png/wbep sont encore moins largement supportés par les navigateurs, ou pas adaptés à la photo (ex: svg)

Une solution est de mettre un back-up jpg derrière le webp pour les navigateurs (mais on double notre espace de stockage)

voir https://socialcompare.com/fr/comparison/image-file-formats (màj en novembre 2020)

Sinon utiliser uniquement du jpg et optimiser les images avant de les uploader (plein de logiciels existent - ex : https://compressor.io/)
Done Sprint #1 Page d'accueil 🏡 ETQU, sur la page Home, je vois une barre de navigation vide qui me suis quand je scroll Bloqué car en attente du staging, on n'a pas les droits sur le repo actuel
Done Sprint #1 Page d'accueil 🏡 ETQU, sur la page Home, sur l'image de couverture, je vois un texte d'accueil
Done Sprint #1 ETQD, j'ai accès à un standard pour mettre en place un design responsive de mes pages et composants Standard : l'ensemble des pages et composants sont développés pour le mode mobile. Du css pour le mode desktop peut être injecté ensuite pour overrider certaines parties mobiles.