Retours recette

[babastienne]

Légende des priorités :

• :red_circle: = Priorité élevée, à traiter en premier
• :orange_circle: = Priorité moyenne, devra in fine être traité mais peu attendre temporairement
• :green_circle: = Évolution future, pas prioritaire du tout

Liste des ajustements à réaliser

• [x] :red_circle: Il manque le bouton de traduction
• [x] :red_circle: Fiche détail : lorsqu'il y a plusieurs communes traversées l'affichage est à revoir
• [x] :red_circle: Contenus touristiques : la carte ne fonctionne pas
• [x] :red_circle: Evenements : ajouter dans la fiche la date de début et la date de fin
• [x] :red_circle: Wording : sur la fiche d'un itinéraire, remplace "à prixmité" par "Services à proximité" et "Evenements" par "Evenements associés".
• [x] :red_circle: Remplacer "xxx randonnées" par "xxx itinéraires"
• [x] :red_circle: Pour le switch d'un type d'objet à l'autre en vue liste, utiliser les nom suivants : "Itinéraires", "Services", "Evenements"
• [x] :orange_circle: Le pin n'est pas bien positionné sur la carte des résultats
• [x] :red_circle: POI : bouton "lire plus" / "lire moins" toujours présent même quand il n'y a pas d'infos supplémentaires

Fiche détaillée d'un itinéraire (ex itinéraire)

Style

• [x] :red_circle: Le titre du contenu doit être dans la couleur primaire
• [x] :red_circle: Idem pour la couleur de texte des labels
• [x] :red_circle: Idem pour la couleur de certains pictogrammes svg (dénivelé, distance, etc.)
• [x] :red_circle: Actuellement le style des labels est le même que pour les boutons, ce qui peut induire en erreur l'utilisateur·ice. Essayer de différencier visuellement ces contenus

Comparaison entre GTR3 et GTW

GTR3 :  Widget : 

Description

• [x] :red_circle: Ajouter les informations de dénivelé négatif
• [x] :red_circle: Ajouter les informations de réseaux (GR, PR...)

Composant cartographique

• [ ] :orange_circle: Highligh les patrimoines sur la carte au survol dans la fiche détail
• [ ] :orange_circle: Gérer trois couches d'objets supplémentaires : Signalétiques / Aménagements / Autres infos (exemple) (activer par défaut les couches sur la carte, à la différence de GTR3)

Zone de sensibilité environnementale

• [x] :red_circle: Mieux présenter les informations (style)
• [x] :red_circle: Il manque des informations (voir Bouquetins des Alpes sur rando)

Recommandations

• [x] :orange_circle: Le bloc "Équipements" devrait se trouver dans la section "Recommandations"
• [x] :red_circle: Il manque le pictogramme du bloc "Équipements"
• [x] :red_circle: Mieux présenter les informations (style) : exemple mettre le titre Coeur de parc en gras.

Accès routiers et parking

• [x] :red_circle: Les blocs "Accès routier" et "Parking conseillé" doivent être réunis dans le même bloc

Accessibilité

• [x] :red_circle: Ajouter cette section à la liste des onglets
• [x] :orange_book: Ajouter le numéro de secours
• [x] :red_circle: Renommer "Signalisation" en "Signalétique"
• [ ] :orange_circle: Afficher les images quand elles existent (ex : Pente, Largeur, Signalétique dans rando)

Météo

• [x] :red_circle: Afficher sur toute la largeur de la fiche détail
• [x] :red_circle: Afficher le bloc Météo dans un bloc à part (actuellement dans le bloc Description)

POI (aussi appelés Patrimoines)

• [x] :red_circle: Ajouter une barre de scroll pour naviguer de gauche à droite
• [x] :red_circle: Remonter ce bloc pour le mettre plus haut dans la fiche, directement sous la description de l'itinéraire
• [x] :red_circle: Ajuster le titre du bloc (singulier / pluriel) selon le nombre de contenus (actuellement s'il y a un seul patrimoine [exemple], il y a affiché "Les 1 patrimoines à découvrir").

Contenus touristiques (aussi appelés Services à proximité)

• [x] :red_circle: Ajouter une barre de scroll pour naviguer de gauche à droite
• [x] :red_circle: Les vignettes doivent toutes avoir la même taille
• [x] :red_circle: Corriger le bug de défilement des images impossible. Edit 24/01 : Bug toujours présent

Details du bug

Lorsque je vais sur une fiche d'itinéraire, que je descend pour aller voir un contenu touristique qui possède plusieurs images et que je clique pour voir le détail de cette fiche, je n'ai pas la possibilité de switcher entre les images. Alors que lorsque je vais directement sur la fiche du contenu touristique ça fonctionne. Exemple : [widget.webm](https://github.com/GeotrekCE/Geotrek-rando-widget/assets/16348048/0e64619e-e13f-43d4-ab97-ff9279729253)

Évènements touristiques

• [x] :red_circle: Renommer "Evenements associés" en "Événements à proximité"
• [x] :red_circle: Ajouter une barre de scroll pour naviguer de gauche à droite
• [x] :red_circle: Les vignettes doivent toutes avoir la même taille

En savoir plus

• [x] :orange_circle: Afficher le bloc "En savoir plus"

Source

• [x] :red_circle: Le contenu est tronqué en bas de la page (ce problème n’apparaît pas en version mobile). Edit 24/01 : Contenu toujours tronqué.

Profil altimétrique

• [x] :red_circle: Le profil altimétrique est tronqué en bas (même problème que pour les sources ?)
• [x] :orange_circle: Enlever x: et y: au survol si possible
• [x] :red_circle: Ajouter les informations : longeur totale, altitude max, altitude min. Soit au niveau du profil altimétrique soit sinon au niveau des informations générale de l'itinéraire en haut de fiche

Itinérance (exemple)

• [x] :orange_circle: Améliorer le rendu visuel des pins des étapes sur la carte (trop grosses)
• [x] :orange_circle: Ajouter une barre de scroll pour naviguer de gauche à droite
• [x] :orange_circle: Corriger le comportement de la barre de navigation qui parfois ne fonctionne pas bien quand on clique sur une section
• [x] :red_circle: Afficher une image par défaut lorsque l'étape n'en a pas
• [x] :red_circle: Afficher la vignette de l'itinéraire étape courant en évidence dans la liste des étapes
• [x] :orange_circle: La surbrillance sur la carte au survol de l'itinéraire étape depuis la fiche détail de l'itinérance ne fonctionne pas
• [x] :red_circle: Ne pas tout le temps afficher les pins des étapes sur la carte mais les afficher seulement lorsque l'utilisateur navigue sur la section associée

Composant géographique

• [x] :red_circle: Afficher le point de départ et d'arrivée
• [x] :red_circle: Ne pas afficher les couches supplémentaires si elles sont vides
• [x] :red_circle: Utiliser ce pictogramme pour le parking

Vue liste

• [x] :red_circle: Lorsqu'on clique sur une randonnée le temps du chargement on a la carte qui apparaît à gauche puis bascule à droite. Je pense que c'est le temps de charger les données, il faudrait avoir un encart vide pour éviter ce déplacement de contenu qui ne fait pas très propre.

Filtres

• [ ] :green_circle: Ajouter la possibilité de filtrer par structure (à discuter avant de traiter, pas sur que ce soit une bonne idée)
• [x] :green_circle: Renommer le segment Activités en "Itinéraires"
• [ ] :orange_circle: Gérer les sous filtres (ex : pour les VTT). Note : non géré actuellement non plus dans GTR3 (voir ticket
• [ ] :red_circle: Il faut ajuster les filtres affichés dans l'interface en fonction des filtres qui servent à paramétrer le widget. Par exemple si j'ai choisi d'afficher un widget qui n'affiche que les randonnées VTT alors le filtre par pratique ne devrait pas être affiché. Si j'ai choisi de paramétrer un widget pour n'afficher les contenus que de deux villes alors le filtre "city" devrait proposer que les deux villes comme proposition, etc.

Évènements

• [x] :orange_circle: Ajouter dans la card (mini-vue) la date de début et la date de fin
• [x] :orange_circle: Changer le comportement d'affichage de carte dans la card pour reproduire le comportement de GTR3 : affichage de la date de fin seulement si différente de la date de début.

Details

Dans GTR3 (et autre) on n'affiche la date de fin que si elle est différente de la date de début (dont event sur plusieurs jours). Sinon date fin = date debut, alors on n'affiche que la date de début pour que ça soit plus facilement compréhensible et lisible. Le xxxxxx (si date_fin=date_debut) Du xxxx au xxxx (si date_fin != date_debut)

• [ ] :red_circle: Afficher les services à proximité sur la fiche détail d'un évènement (voir cet évènement : dans GTR3 vs dans GTW)
• [x] :red_circle: Bug d'affichage des contenus évènements dans la liste après avoir consulté la fiche détail d'un itinéraire

Detail du bug

La navigation sur le module Evènements plante parfois. Particulièrement après avoir consulté la fiche détail d'un itinéraire j'ai l'impression. Démo du problème : [wid2.webm](https://github.com/GeotrekCE/Geotrek-rando-widget/assets/16348048/fa9a99be-8594-4e2c-b14c-b99d402c30ea)

Gestion des polices différentes #62

• [x] :red_circle: Bug d'affichage de contenu pour certains boutons / certaines zones lorsqu'on modifie la police par défaut du widget

Details

Le bouton "centrer sur la carte" n'est pas affiché correctement :  L'espacement dans la barre de navigation est incorrect : 

Affichage des images

• [x] :red_circle: En vue "plein écran" sur les images il serait intéressant d'avoir un bouton pour sortir de ce mode. C'est difficile de sortir de ce mode sur un mobile
• [x] :red_circle: Il faudrait ajouter la légende / crédit #46

Details

Sur le widget :  Sur GTR3 : 

Evolutions futures

• [x] :green_circle: Amélioration : dans la navigation (retour d'un objet à l'autre), conserver la navigation (scroll)
• [ ] :green_circle: Ajouter le bloc "Signaler un problème ou une erreur" (a réfléchir en amont, devra faire l'objet d'un ticket dédié et d'une réflexion approfondie)

Recette complémentaire du 07/02/24

• [x] :red_circle: Les arrondis des vignettes ne sont pas corrects (l'arrondi devrait être en bas à gauche et pas en haut à droite) (voir capture ci-dessous)
• [x] :orange_circle: Les vignettes ne prennent pas toute la hauteur des blocs (voir capture ci-dessous)

• [x] :red_circle: Le titre des cardes devrait être de la couleur primaire

• [ ] :red_circle: Sur les listes dropdown le fait de faire opposition entre les couleurs --color-secondary-container et --color-on-secondary-container rend le configuration difficile je trouve. Dans GTR3 c'est plus simple, le fond du dropdown est blanc, je pense qu'il faudrait faire pareil.

• [ ] :orange_circle: Au survol sur les listes dropdown il faudrait changer la couleur de l'item survolé.

• [x] :orange_circle: Pour être iso avec GTR3 il faudrait arrondir plus les thèmes dans les cards (https://github.com/GeotrekCE/Geotrek-rando-widget/issues/79)

• [x] :red_circle: Sur la carte le picto de layers n'est plus affiché
• [x] :orange_circle: Avoir une infinite loop sur la carrousel d'images

• [ ] Dans les filtres il faudrait afficher les pictos des pratiques (idem pour contenus et évènements touristiques)

• [ ] Étudier la possibilité en vue "écran large" de combiner les filtres côtes à côtes comme sur GTR3

Description du ticket complétée avec les retours de ce commentaire

Details

## Recette complémentaire du 16/02/24 - [ ] :orange_circle: Le contexte de navigation n'est pas conservé lorsque l'utilisateur fait un retour arrière depuis les fiches détail des évènements/contenus touristiques - [ ] :orange_circle: Les sections de la fin du formulaire de la fiche détail ne sont pas cliquables (problème relatif à la taille de l'écran ?). Voir gif ci dessous.  - [ ] :green_circle: Dans la section Contacts de la fiche détail, les liens mails et site web ne sont cliquables - [ ] :green_circle: Proposer les dates de début et fin dans les filtres des évènements touristiques - [ ] :orange_circle: Le centrage du lieu de renseignement ne fonctionne pas (pas de point matéralisé, pas le bon centrage). Voir cet [itinéraire](https://demo-rando-widget.geotrek.fr/?trek=680) - [ ] :green_circle: Revoir l'affichage des dates de début et fin d'évènement dans la fiche détail et la vignette. Regarder ce qui est fait sur [Rando](https://destination.portcros-parcnational.fr/event/619-Gondwana,-la-Fete-des-Plantes-mediterraneennes)

[bruhnild]

Commentaire centralisé dans la description du ticket ci-dessus.

Details

Suite à la recette du projet 1 et 2, voici les choses à corriger/améliorer (en plus des points non cochés ci dessus) : ## Fiche détaillée (ex [itinéraire](https://demo-rando-widget.geotrek.fr/gtr3demo.html?trek=2)) **Description** * Ajouter les informations de dénivellé négatif * Ajouter les informations de réseaux (GR, PR...) **Zone de sensibilité environnementale** * Mieux présenter les informations (style) * Il manque des informations (voir Bouquetins des Alpes sur [rando](https://gtr3demo.ecrins-parcnational.fr/trek/2-Col-de-Font-Froide)) **Recommandations** * Le bloc "Équipements" devrait se trouver dans la section "Recommandations" * Il manque le pictogramme du bloc "Équipements" * Mieux présenter les informations (style) : exemple mettre le titre Coeur de parc en gras. **Accès routiers et parking** * Les blocs "Accès routier" et "Parking conseillé" doivent être réunis dans le même bloc **Accessibilité** * Ajouter cette section à la liste des onglets * Ajouter le numéro de secours * Renommer "Signalisation" en "Signalétique" * Afficher les images quand elles existent (ex : Pente, Largeur, Signalétique dans [rando](https://gtr3demo.ecrins-parcnational.fr/trek/2-Col-de-Font-Froide#details_accessibility)) **Météo** * Afficher sur toute la largeur de la fiche détail * Afficher le bloc Météo dans un bloc à part (actuellement dans le bloc Description) **POI** (aussi appelés Patrimoines) * Afficher une image par défaut quand il n'y en a pas * Ajouter un scroll pour naviguer de gauche à droite **Contenus touristiques** (aussi appelés Services à proximité) * Ajouter un scroll pour naviguer de gauche à droite * Les vignettes doivent toutes avoir la même taille **Évènements touristiques** * Ajouter un scroll pour naviguer de gauche à droite * Les vignettes doivent toutes avoir la même taille **En savoir plus** * Afficher le bloc "En savoir plus" **Source** * Le contenu est tronqué en bas de la page (ce problème n'apparait pas en version mobile) ## Profil altimétrique * Le profil altimétrique est tronqué en bas * Enlever `x:` et `y:` au survol * Ajouter les informations : longeur totale, altitude max, altitude min ## Itinérance * Améliorer le rendu visuel des pins des étapes (trop grosses) * Ajouter un scroll pour naviguer de gauche à droite * Enlever l'onglet "Étape" lorsqu'on est sur la fiche d'un itinéraire étape * Afficher une image par défaut lorsque l'étape n'en a pas * Afficher la vignette de l'itinéraire étape courant en évidence * La surbrillance sur la carte au survol de l'itinéraire étape depuis la fiche détail de l'itinérance ne fonctionne pas ## Composant géographique * Rendre le point de départ et d'arrivée plus lisibles * Afficher le point de départ par dessus le point d'arrivée * Ne pas afficher les pins des étapes sur la carte (problème de rafraichissement ?) * Ajouter un peu de transparence aux icones rondes pour voir les noms du fond de plan * Ne pas afficher les couches supplémentaires si elles sont vides * Utiliser ce pictogramme pour le parking  ## Vue liste * Corriger le temps de latence lorsqu'on clique sur une randonnée * Conserver le contexte lors d'un retour en arrière ## Filtres * Ajouter la possibilité de filtrer par structure * Renommer le segment Activités en "Itinéraires" * Gérer les sous filtres (ex : pour les VTT) ## Améliorations futures (à valider avec @bpo) * Ajouter le bloc "Signaler un problème ou une erreur" (pas pour le moment) * ~~Ajouter le bloc "Réservation" quand il existe~~ * ~~Ajouter le bloc "Boutique" quand il existe~~

[babastienne]

Commentaire centralisé dans la description du ticket ci-dessus.

Details

Lorsque je vais sur une fiche d'itinéraire, que je descend pour aller voir un contenu touristique qui possède plusieurs images et que je clique pour voir le détail de cette fiche, je n'ai pas la possibilité de switcher entre les images. Alors que lorsque je vais directement sur la fiche du contenu touristique ça fonctionne. Exemple : [widget.webm](https://github.com/GeotrekCE/Geotrek-rando-widget/assets/16348048/0e64619e-e13f-43d4-ab97-ff9279729253)

[babastienne]

Commentaire centralisé dans la description du ticket ci-dessus.

Details

Le bouton "centrer sur la carte" n'est pas affiché correctement : 

[babastienne]

Commentaire centralisé dans la description du ticket ci-dessus.

Details

Je pense que certains de mes retours sont liés à la police d'écriture. Mais cela met en évidence qu'il faut mieux gérer les différentes polices. Par exemple ici l'espacement est incorrect : 

[babastienne]

Commentaire centralisé dans la description du ticket ci-dessus.

Details

- [ ] En vue "plein écran" sur les images il serait intéressant d'avoir un bouton pour sortir de ce mode. C'est difficile de sortir de ce mode sur un mobile - [ ] Il faudrait ajouter la légende / crédit Sur le widget :  Sur GTR3 : 

[babastienne]

Commentaire centralisé dans la description du ticket ci-dessus.

Details

Différences de style entre GTR3 et Widget : * Le titre du contenu doit être dans la couleur primaire * Idem pour la couleur de texte des labels * Idem pour la couleur de certains pictogrammes svg (dénivelé, distance, etc.) Actuellement le style des labels est le même que pour les boutons, ce qui peut induire en erreur l'utilisateur·ice. GTR3 :  Widget : 

[babastienne]

Commentaire centralisé dans la description du ticket ci-dessus.

Details

Depuis la fiche détail d'un évènement je dois pouvoir accéder aux autres services à proximité. Ce n'est pas le cas aujourd'hui. - Ex GTR3 : https://destination.portcros-parcnational.fr/event/619-Gondwana,-la-Fete-des-Plantes-mediterraneennes - Ex Widget : https://demo-rando-widget.geotrek.fr/?touristicevent=619

[babastienne]

Commentaire centralisé dans la description du ticket ci-dessus.

Details

La navigation sur le module Evènements plante parfois. Particulièrement après avoir consulté la fiche détail d'un itinéraire j'ai l'impression. Démo du problème : [wid2.webm](https://github.com/GeotrekCE/Geotrek-rando-widget/assets/16348048/fa9a99be-8594-4e2c-b14c-b99d402c30ea)

[camillemonchicourt]

Commentaire centralisé dans la description du ticket ci-dessus.

Details

Mes retours / questions : > Wording : sur la fiche d'un itinéraire, remplace "à prixmité" par "Services à proximité" et "Evenements" par "Evenements associés". Les événements remontés sur un itinéraire sont bien ceux à proximité, ils ne sont pas associés volontairement à un itinéraire. Donc si on a "Services à proximité", je dirai aussi "Événements à proximité" ------------------ > Evenements : ajouter dans la card (mini-vue) la date de début et la date de fin Dans GTR3 (et autre) on n'affiche la date de fin que si elle est différente de la date de début (dont event sur plusieurs jours). Sinon date fin = date debut, alors on n'affiche que la date de début pour que ça soit plus facilement compréhensible et lisible. - Le xxxxxx (si date_fin=date_debut) - Du xxxx au xxxx (si date_fin != date_debut) -------------------- Bloc "Equipement" à renommer "Matériel" (car nommé comme ça dans GTA et GTR) -------------------- Remonter les patrimoines (POI) plus haut dans la fiche car c'est central dans Geotrek et c'est une des plus values et éléments essentiel de nombreux Geotrek. Dans GTR3, certains ont fait remonter qu'ils arrivaient trop haut dans la fiche, mais le consensus actuel est de les mettre après la Description. Les services et événements à proximité sont bien des éléments annexes qui ont leur place en fin de page pour rebondir sur ce qu'il y a autour de la rando. Mais les POI (patrimoines) sont bien un élément central de la fiche rando, dans une logique topoguide où ils illustrent ce qu'il y a découvrir sur celle-ci, d'autant plus dans notre contexte d'espace naturels protégé. Exemple de topoguide (POIs traquet motteux et lac) :  OK pour le mettre après la description pas à pas de l'itinéraire (ce qu'on va certainement faire aussi sur GTR3) mais avant les infos secondaires que sont l'accès routier, les transports, les recommandations... ---------------------- > Ajouter la possibilité de filtrer par structure En option ? Car dans pas mal de Geotrek, c'est de l'info interne pas pertinente ni souhaitable pour le public

[babastienne]

@bastyen la description générale du ticket a été mise à jour pour regrouper et prioriser l'ensemble des retours des commentaires précédents.

[babastienne]

Description du ticket complétée avec les retours de ce commentaire

Details

Retours complémentaires : - [ ] :red_circle: Les arrondis des vignettes ne sont pas corrects (l'arrondi devrait être en bas à gauche et pas en haut à droite) (voir capture ci-dessous) - [ ] :orange_circle: Les vignettes ne prennent pas toute la hauteur des blocs (voir capture ci-dessous)  - [ ] :red_circle: Le texte du champ "Rechercher" devrait être de la même couleur que le texte du bouton "Filtrer" à côté.  - [ ] :red_circle: De la même manière les boutons de validation / effacage des filtres ne sont pas très visibles je trouve, je pense qu'il faudrait utiliser la même couleur que le texte du bouton "Filtrer" - [ ] :red_circle: Sur les listes dropdown le fait de faire opposition entre les couleurs `--color-secondary-container` et `--color-on-secondary-container` rend le configuration difficile je trouve. Dans GTR3 c'est plus simple, le fond du dropdown est blanc, je pense qu'il faudrait faire pareil. - [ ] :orange_circle: Au survol sur les listes dropdown il faudrait changer la couleur de l'item survolé. - [ ] :orange_circle: Pour être iso avec GTR3 il faudrait arrondir plus les thèmes dans les cards  - [ ] :red_circle: Sur la carte le picto de layers n'est plus affiché 

[bruhnild]

Description du ticket complétée avec les retours de ce commentaire

Details

Retours complémentaires : - [ ] :orange_circle: Le contexte de navigation n'est pas conservé lorsque l'utilisateur fait un retour arrière depuis les fiches détail des évènements/contenus touristiques - [ ] :orange_circle: Les sections de la fin du formulaire de la fiche détail ne sont pas cliquables (problème relatif à la taille de l'écran ?). Voir gif ci dessous.  - [ ] :green_circle: Dans la section Contacts de la fiche détail, les liens mails et site web ne sont cliquables - [ ] :green_circle: Proposer les dates de début et fin dans les filtres des évènements touristiques - [ ] :orange_circle: Le centrage du lieu de renseignement ne fonctionne pas (pas de point matéralisé, pas le bon centrage). Voir cet [itinéraire](https://demo-rando-widget.geotrek.fr/?trek=680) - [ ] :green_circle: Revoir l'affichage des dates de début et fin d'évènement dans la fiche détail et la vignette. Regarder ce qui est fait sur [Rando](https://destination.portcros-parcnational.fr/event/619-Gondwana,-la-Fete-des-Plantes-mediterraneennes) - [ ] :green_circle: Regarder s'il est possible d'enlever la bordure grise en bas de la carte (apparait sur tous les fonds de plan). Voir gif ci dessous. 

[babastienne]

@bruhnild la bordure grise est liée à l'IGN. C'est la limite de leur fond de plan. Avec OSM il n'y a pas le problème de mon côté. Ce n'est donc pas un bug lié au widget, rien qu'on puisse corriger de notre côté.

[bruhnild]

@bruhnild la bordure grise est liée à l'IGN. C'est la limite de leur fond de plan. Avec OSM il n'y a pas le problème de mon côté. Ce n'est donc pas un bug lié au widget, rien qu'on puisse corriger de notre côté.

Je reproduit bien le bug avec Openstreetmap.

[bastyen]

• [ ] Menu sur les fiches