Amélioration de la page ExploreCatalog, Explore et de l'interface générale

[mineraux]

Close #27 Close #25 Close #12

Features

• [x] Virtualisation de la liste des repos filtrés

• [x] Responsive

• [x] Le filtre de vitalité doit avoir sa borne maximale fixe (à 100). Seule la borne minimale est modifiable.

• [x] Chaque filtre doit avoir un séparateur (graphiquement) pour le séparer des autres filtres, sauf le dernier de la ligne.

• [x] Les multiSelect doivent avoir une hauteure maximale dans le viewport.

• [x] Les tags des multiselect autoComplete doivent avoir une marge verticale.

• [x] Les multiselect autoComplete doivent utiliser les styles des autres multiSelect (pas de border de MUI au hover)

• [x] L'interface doit être utilisable sans mock de repositories

• [x] Ajout de story des composants :

  • RepoCard
  • Virtualized listing
  • Search
  • MainSearch
  • AutoCompleteInput
  • MultiSelect

• [x] Traduction du filtre Functions

• [x] Splash screen

• [x] Page d'accueil : En savoir plus : rediriger vers A propos

• [x] Page d'accueil : retirer les encadrés des RS et contact

D'autres changements ont également été fait :

• [x] Ajout d'un bouton de reset des filtres
• [x] Désactivation des options sans résultats pour tout les filtres hormis les filtres "Administration", "Catégorie", "Dépendances" et "Language". Cette feature a été désactivée sur ces filtres pour une problématique de performance.

Correction des retours de https://github.com/codegouvfr/codegouv-web/pull/24 :

• [x] Le changement de tri fait planter l'app => corrigé
• [x] La flèche sur le bouton des filtres est inversée => corrigé
• [x] Supprimer le selector non utilisé DevStatus => corrigé
• [x] Constante pour MAX_VITALITY => corrigé
• [ ] Dans AutoCompleteInputMultiple.tsx, intégrer le DSFR dans le calcul de la taille des éléments => Le calcul de la hauteur des éléments dans la liste du select se fait avec un nombre, or nous avons des string (unité en REM) dans le DSFR
• [ ] Utiliser les classes DSFR pour la disposition en grille du catalogue => Le DSFR applique des classes à chaques colonnes, or ici on utilise templateColumn repeat
• [x] Est-il possible de'ajouter, en plus du clic, la recherche à l'appui sur la touche Entrée ?
• [x] Sur la page d'accueil Explore, est-il possible de gérer le retour arrirère du navigateur après un clic sur le bouton de recherche qui redirige vers la page Catalogue ?

Screen record

https://www.loom.com/share/f984159f4cd1403daed76099f78b6727

[mineraux]

Hello ! Avant de revoir le code, j'ai trouvé quelques bugs bloquants à l'utilisation :

• Certains filtres semblent ne pas fonctionner, notamment Administrations, Dépendances, Langages

• La combinaison d'une valeur dans le champ de recherche et de filtres semble ne pas fonctionner

  • Le fonctionnement est-il bien : une union des valeurs à l'intérieur d'un filtre particulier, une intersection entre filtres différents ? Par exemple : (Java || Python) && (MIT || BSD) && Stable
• Je ne sais pas si c'est un bug ou si je n'en ai pas compris le comportement : certaines valeurs des filtres Statut du développement et Organisations sont grisées par défaut

Comme discuté, les options grisées sont des options qui n'ont aucun repo associé.

En effet, j'ai fais un fix sur le système de filtrage qui n'était pas bon mais ça a inclus un autre bug. Je corrige ça. Le système est une union de tout les filtres : Java || Python || MIT || BSD || Stable J'ai update le code pour avoir la relation (Java || Python) && (MIT || BSD) && Stable

[hjonin]

Hello !

En effet, j'ai fais un fix sur le système de filtrage qui n'était pas bon mais ça a inclus un autre bug. Je corrige ça.

Merci !

J'ai update le code pour avoir la relation (Java || Python) && (MIT || BSD) && Stable

Je valide ce fonctionnement, merci.

Après test et avant de revoir le code, j'ai écrit la liste des corrections et améliorations nécessaires pour valider la tâche dans l'issue https://github.com/codegouvfr/codegouv-web/issues/29. La section "Nice to have" n'est pour le moment pas à traiter. Cette tâche redevient priroritaire par rapport à la tâche de merge.

Merci d'avance !