Hello ! Trop bonne question @Vin222 ! J’ai l’impression qu’elle revient souvent dans les projets Web ! Par exemple ya tout un tas de designer/artistes/autres qui adorent les cases à cocher pour filtrer les projets par type et par thème (c’est une analyse perso).
Du coup trop intéressant le projet que yann a partagé !! Je connaissais pas merci !
Un des points auquel je suis attentif dans ce genre de truc, c’est si il y a modification de l’URL ou non. Même si c’est un peu niche, je trouve ça intéressant car c’est ce qui permet de partager un filtrage ou non.
Par exemple, le code qu’a partagé Yann le permet. Lorsque l’on modifie les filtre, on peut ensuite copier le lien pour partager nos réglages :
https://inspirotheque.limitesnumeriques.fr/inspirotheque?levier=ouvrir-le-code&stade=industrialise-diffuse&licence=licence-libre-permissive
(D’ailleurs le projet utilise un point d’intérogation ? ce qui ne permet pas au navigateur de garder en cache la page (on en avait parlé avec Yann justement))
Du coup, perso lorsque je m’étais codé ça moi-même j’ai utilisé un croisillon # :
https://vincent.club1.fr/carnet-video/clip/#epaule+int+jour
Mais bon c’est un peu du pinaillage 😅.
L’autre point important, c’est où tu met les métadonnées ?
Dans filter-conainer, c’est dans le HTML directement via un attribut : data-filter-KEY_NAME="CATEGORY_VALUE" ce qui peut être pratique ou non, selon comment tu édites et d’où viennent tes données.
Je pense que la plupart des projets avec des grosses quantités de donnée qui l’utilisent génèrent le HTML d’une manière où d’une autre. Mais pour des petits projet, ça marche aussi de l’éditer manuellement.
Et fun fact, je suis justement en train d’implémenter cet fonction dans W le logiel de wiki que je code. 😅 (la modif en cours : https://github.com/vincent-peugnet/wcms/pull/640)