Filtrer les aides/projets dans les catalogues avec les données entreprise stocké

[jbledevehat]

• En tant qu'entreprise, une fois que je me suis "identifiée", je souhaite que toutes mes recherches sur le site soient filtrées pour mon entreprise, notamment si je consulte le catalogues des aides et des projets.

• En tant qu'entreprise, j'arrive sur une fiche aide depuis une recherche google, je m'identifie depuis la fiche aide et m'aperçois que je ne suis pas éligible à cette aide. Un CTA "voir mes aides éligibles" m'amène sur le catalogue des aides filtrées pour mon entreprise.

• En tant qu'opérateur, j'ai besoin de tester le catalogue des aides consécutivement avec différents paramètres pour faire des tests.

---

• Ajouter un filtre "entreprise" avec le nom de l'entreprise et le détail des données (secteur, localisation, effectif)dans la colonne des filtres. Ces données sont pré-remplis en fonction des informations enregistrées dans la modale. Ce filtre reste toujours ouvert.

• Ajout d'un indice avec le nb de filtres actifs sur chaque filtre (pour permettre à l'utilisateur de voir en un coup d'oeil quels filtres sont actifs)

conditions d'affichage :

• Le filtre entreprise est actif par défaut lorsque l'entreprise est identifiée (modale complétée)

• Lorsque le filtre entreprise est actif, supprimer le filtre régionale (qui viendrait en conflit avec la localisation de l'entreprise). Lorsque le filtre entreprise est désactivé par l'utilisateur, le filtre régional est reproposé

• Le filtre entreprise n'est pas visible lorsque l'entreprise n'est pas identifié.

filtre actif :

filtre déséctionné :

utilisateur non identifié

Tasks

Preview Give feedback

1. Ajouter un filtre entreprise dans le filtre latéral du catalogue des aides et des projets #1178
   design UX UI +1
   
2. Sur l'annuaire, ajouter des pastilles aux filtres pour indiquer le nombre de filtres actifs #1191
   dev front +1
3. Mettre en place un filtre sur la partie catalogue des projets #1431
   0 of 1
   dev front +1
   

[ColineLebaratoux]

un ticket qui peut être lié #1191

[dolemoine]

@ColineLebaratoux voilà le lien pour une première passe fonctionnelle : https://tee-prod-pr1400.osc-fr1.scalingo.io/

On a sûrement des petites choses à discuter, notamment sur le comportement des filtres (ouverture/fermeture, réinitialisation). Si tu veux on peut faire un tour ensemble sur l'app

[ColineLebaratoux]

• Toujours afficher l'encart entreprise, ne pas à replier dans le menu déroulant (qu'elle soit cochée ou décochée)
• Sur desktop, diminuer la taille du texte correspondant aux 3 légendes : secteur, localisation, taille (12 pt cf maquette)
• laisser une colonne dédiée aux picto et une colonne dédiée au texte, cf capture
  
• corriger l'interlignage entre deux paragraphe, cf maquette

• Lorsque le filtre est décoché, alors appliquer un fond gris + des couleurs gris au typo

[ColineLebaratoux]

• Côté fonctionnel, le filtre entreprise ne semble pas fonctionner. Il y a le même nb de résultat avec ou sans filtre entreprise

[dolemoine]

@ColineLebaratoux les corrections fonctionnelles et d'UI ont été apportées sur l'app test.
J'ai aussi ajouté un reset du filtre de région lorsqu'on a le filtre donnée d'entreprise actif (ce n'était pas fait)

https://tee-prod-pr1400.osc-fr1.scalingo.io/

[ColineLebaratoux]

Merci @dolemoine !

• Sur desktop, tu peux diminuer encore plus le texte NOM DE L'ENTREPRISE + 3 bulletpoints (et la taille des pictos également).

[ColineLebaratoux]

• Sur la page de résultats du parcours "je ne sais pas par ou commencer". Lorsqu'on désélectionne le filtre de l'entreprise, les résultats ne changent pas.
  A mon avis, c'est le comportement le plus attendu. Est-ce qu'on pourrait supprimer la checkbox ici pour que les résultats soient toujours conditionnés pour l'entreprise ?
  https://tee-prod-pr1400.osc-fr1.scalingo.io/questionnaire/resultat?choix-du-parcours=je-ne-sais-pas-par-ou-commencer&siret=89806787100019&effectif=EI&locaux=locataire&mobilite=oui&matieres-premieres=maximum&tri-dechets=non&dechets=oui&gestion-eau=oui&energie=oui&audit=oui&selection-audit=performance-energetique#questionnaire-resultat

[dolemoine]

Hello @ColineLebaratoux, corrections dispo sur l'app de test : https://tee-prod-pr1400.osc-fr1.scalingo.io/ , dis-moi si les tailles d'icon et de texte te conviennent.

Pour le cas que tu décris sur le parcours "je ne sais pas par où commencer", j'ai plutôt opté pour une checkbox disable, pour garder la cohérence avec le filtre ailleurs (sinon ça demandait un peu trop de bricolage à mon goût pour ne garder que le nom de l'entreprise). Dis-moi également ce que tu en penses, je peux revenir dessus si besoin.

Si tout est ok pour toi, on pourra merge dès que la partie review tech est terminée

[ColineLebaratoux]

Salut Dorian

Sur desktop, tu peux diminuer encore plus le texte NOM DE L'ENTREPRISE + 3 bulletpoints (et la taille des pictos également).

J'ai l'impression que ça n'a pas bougé 🧐
Tu peux prendre la même taille de picto/typo que pour le montant de l'aide sur une carte dispotif (cf capture d'écrn plus haut)

Pour le cas que tu décris sur le parcours "je ne sais pas par où commencer", j'ai plutôt opté pour une checkbox disable, pour garder la cohérence avec le filtre ailleurs (sinon ça demandait un peu trop de bricolage à mon goût pour ne garder que le nom de l'entreprise). Dis-moi également ce que tu en penses, je peux revenir dessus si besoin.

Bonne idée, ok pour moi !

[dolemoine]

Salut Dorian

Sur desktop, tu peux diminuer encore plus le texte NOM DE L'ENTREPRISE + 3 bulletpoints (et la taille des pictos également).

J'ai l'impression que ça n'a pas bougé 🧐
Tu peux prendre la même taille de picto/typo que pour le montant de l'aide sur une carte dispotif (cf capture d'écrn plus haut)

@ColineLebaratoux je n'avais pas bien compris ta demande... 🤦

Pour le coup la taille de la typo pour le montant de l'aide n'est pas standard (définie à 0.8rem dans une classe css propre au composant). J'ai plutôt tendance à favoriser des tailles standard dans un soucis d'harmonisation.
Je peux proposer les deux tailles standard suivantes :

XS (0.75rem)

ou SM (0.875rem)

Je m'interroge également sur la cohérence de taille avec les autres filtres (taille typo de 1rem):

Dans tous les cas, c'est un changement rapide à effectuer, le reste étant validé.

[ColineLebaratoux]

Hello @dolemoine
Merci !

• Tu peux partir sur du XS pour la taille des textes des 3 bulletpoints
• en adaptant l'interlignage, qui est maintenant trop important par rapport à la taille du texte. Tu peux te référer à la maquette.

• Tu peux aussi réduire l'espace gauche et celui après le dernier bulletpoint et le bord bas du fond vert cf maquette

En effet, ce sont des petits détails donc je peux tout de suite valider le ticket

[dolemoine]

@ColineLebaratoux modif dispo sur l'app de test.
Pour info, la review tech n'est pas finie, et je vais intégrer les nouveautés nuxt dans ma branche car il y a des modifications que l'on a apportées semaine dernière qui ont un impact conséquent sur la récupération des données sur les catalogues.