Refonte de l'UI - Partie 1

Cartes liées #173 (closed) https://git.leximpact.dev/leximpact/leximpact-socio-fiscal-openfisca-json/-/issues/7 #174 #175 (closed)

TO DO :

I - Barre de navigation :

• Changement de la couleur de la barre de navigation
• Changement du logo LexImpact
• Ajout d'une barre de recherche dans la barre de navigation
  • Ajout de l'historique de recherche
• Faire fonctionner la barre de recherche
• Déplacement du bouton "partager/sauvegarder" dans la barre de navigation
• Faire fonctionner le bouton "partager/sauvegarder"
• Déplacement du bouton "tutoriel"
• Suppression du bouton "à propos" et du logo AN + remplacement par un bouton "<- page d'accueil"

II - Panneau gauche :

• Suppression du panneau "modifications" pour laisser plus de place à la zone de travail principale
• Ajout d'un bouton "x paramètres modifiés" à côté du titre pour compenser la suppression
• Faire fonctionner le bouton "x paramètres modifiés"
• Voir ce qu'il faut faire pour les modifications du PLF vs modifications utilisateur
• Faire en sorte de changer d'onglet en "impact dispositif" lorsqu'un paramètre est cliqué
• Revoir le panneau dans son état initial (barre de recherche toujours présente ? les pilules de suggestion ?)

III - Zone principale de travail :

a) Impact cas type :

• Ajout des 3 onglets principaux : dispositif, impacts directs, fiche de paie
• Revoir l'onglet "dispositif" dans son état initial (message pas de paramètre sélectionné ?)
• Compléter l'onglet "dispositif" (impact dispositif)
• Mettre en place l'onglet "impacts directs" (griser/supprimer pour l'instant)
• Compléter l'onglet "fiche de paie" (impacts globaux)
  • Surligner le dispositif sélectionné
  • Ouvrir le waterfall pour montrer le dispositif en question
  • Surligner le dispositif parent du paramètre sélectionné, s'il y en a
• Cas types liés :
  • Mettre en place les cas types liés
  • Ajout du mode compact
  • Ajout de l'historique des cas types
• Ajout d'un bouton flottant "cas types" (pour accéder aux cas types si aucun dispositif n'est sélectionné)

b) Impact budgétaire

À compléter

IV - Version mobile :

À compléter

V - En général :

• Mettre à jour le tutoriel

Capture d'écran :

Ancienne capture d'écran

accessible via le lien : http://localhost:5173/?test_case=18&parameters=irpp_economique&tab=impact_dispositif