lodex icon indicating copy to clipboard operation
lodex copied to clipboard
verified publisher icon Inist-CNRS

(1) Front : Recherche un noeud dans un graphique réseau

Open Alexmarmelab opened this issue 3 months ago • 6 comments

Problème

Dans les graphs réseau avec beaucoup de données, il est parfois compliqué de trouver un noeud

Solution

Front

  • Au-dessus d'un graph réseau : afficher une barre de recherche "Vous pouvez chercher un noeud ici"
  • Au premier caractère tapé, lister les valeurs possibles des noeuds
  • A la sélection d'une valeur, faire le focus sur ce noeud
  • La barre de recherche liste uniquement le nom des noeuds

Hors scope :

Image Image

Alexmarmelab avatar Oct 08 '25 12:10 Alexmarmelab

Comment tester

  • Disponible sur les 3 formats de type réseau
  • Exemple d'instance : https://lodex-dev.inist.fr/instance/test-demo/graph/pelM

Alexmarmelab avatar Nov 18 '25 08:11 Alexmarmelab

v16.2.0 : fonctionne aussi bien sur la page graphique que lorsque le graphe réseau se trouve sur la page d'accueil + avec la prise en compte ou non du poids des noeuds 👍

JE4N-M avatar Nov 18 '25 12:11 JE4N-M

Petite question comment sont classés les noeuds ?

Image

AnaelKremer avatar Nov 18 '25 19:11 AnaelKremer

Ok pour moi en V16.2.0. Même question qu'Anael pour les noeuds. Ils sont classés par poids ? Avec le noeuds selectionné qui est décalé à la fin de la liste à la sélection ?

revolj avatar Nov 19 '25 07:11 revolj

Le zoom est peut-être un poil trop prononcé quand on est en plein écran, pour recentré cela devient complexe car il arrive que l'on click par erreur sur un autre noeud sans le vouloir 😅 https://github.com/user-attachments/assets/f30ec8af-2d9e-4722-b0c7-321957e29e9a

L'ordre est revenu en fonction du poids des noeuds, celui sélectionné passe à la toute fin de la liste, est-ce voulu ?

JE4N-M avatar Nov 19 '25 08:11 JE4N-M

J'ai créé la carte pour trier les items pour ordre alphanumérique : https://github.com/orgs/Inist-CNRS/projects/5/views/1?filterQuery=alpha&pane=issue&itemId=140213993&issue=Inist-CNRS%7Clodex%7C3149

De nombreuses carte d'amélioration du graph réseau ont été créées suite aux retours dans cette carte et à d'autres : https://github.com/orgs/Inist-CNRS/projects/5/views/1?pane=issue&itemId=140465624&issue=Inist-CNRS%7Clodex%7C3160, https://github.com/orgs/Inist-CNRS/projects/5/views/1?pane=issue&itemId=140465901&issue=Inist-CNRS%7Clodex%7C3161, https://github.com/orgs/Inist-CNRS/projects/5/views/1?pane=issue&itemId=140466384&issue=Inist-CNRS%7Clodex%7C3162, https://github.com/orgs/Inist-CNRS/projects/5/views/1?pane=issue&itemId=140466534&issue=Inist-CNRS%7Clodex%7C3163

Je passe cette carte en done

Alexmarmelab avatar Nov 20 '25 08:11 Alexmarmelab