Skip to content
mneige edited this page Jun 1, 2023 · 15 revisions

Le panneau latéral gauche (mode bureau) et le panneau inférieur (mode mobile) contiennent les informations suivantes :

  • Résultat de recherche
  • Résultat d'interrogation de la carte (mapQuery)
  • Légende

image

Comportement

La gestion de l'affichage de ces informations est géré par des inputs booléens et outputs, voici les principaux :

Inputs

  • searchInit : affichage des résultats de recherche
  • mapQueryClick : affichage de l'interrogation de la carte
  • openPanelLegend : affichage de la légende
  • panelOpenState : état du panneau ouvert ou fermé
  • expanded : état du panneau inférieur ouvert ou fermé

Outputs

  • closeQuery : fermer le résultat d'interrogation de la carte lorsque l'utilisateur ferme avec le bouton X
  • toggleLegend : fermer ou ouvrir la légende au clic du bouton
  • closeLegend : fermer la légende lorsque l'utilisateur ferme le panneau

Le comportement du panneau inférieur diffère légèrement du panneau latéral en fonction du comportement du clavier sur les appareils mobiles.

Configurations

  • hasLegendButton boolean. true : afficher le bouton de légende dans la carte
  • legendInPanel boolean. En mode bureau, afficher la légende dans : true : les panneaux / false : dans la fenêtre de dialogue
  • addFeaturetoLayer boolean. Dans le résultat de recherche, le bouton ajouter l'objet dans une couche true : afficher le bouton / false : ne pas afficher le bouton.

image

  • customFeatureTitle boolean. Le titre de la fenêtre d'interrogation de la carte true : un nom défini dans le fichier de traduction / false : le nom de la couche (par défaut dans IGO2)
  • customFeatureDetails boolean. true : utiliser le composant "feature-details-custom" pour afficher des informations personnalisées tels que des tableaux, graphiques, etc / false : utiliser le composant feature-details par défaut avec le template de style tableau (conforme au système de design) qui affiche chacun des attributs de l'élément. La condition est dans le template de "feature-info".

Imports locaux de la lib

Certains fichiers ont été importés localement au besoin, il suffit de changer les référence pour utiliser ceux de IGO2-Lib

  • SearchState permet de personnalisé la surbrillance des objets sélectionnés dans la carte.
  • iCherche permet de personnaliser les sources de recherche
  • SearchResultTool permet de personnaliser le comportement de la recherche

Notes additionnelles

Dans le composant "feature-details", la variable "title" est utilisée pour le tooltip dans SearchResultsItemComponent lorsque l'utilisateur survole un attribut. Il serait intéressant dans le futur de pouvoir remplacer cette variable par une méthode qui permettrait de personnaliser le tooltip selon l'attribut (ex : afficher le nom complet de la clef de l'attribut tronqué / détails additionnels tels que l'unité de mesure)

Clone this wiki locally