Révision du tableau de bord avec les nouveaux composants du DSFR

ℹ️ Voir composants : https://www.systeme-de-design.gouv.fr/composants-et-modeles/composants/tableau/

1. Reprendre les composants pour avoir le même rendu visuel et icônes de tri

2. Nommage simplifié :

Code postal ~~demandeur~~
~~Service~~ instructeur
Dispositif
~~Intitulé de l'~~action
~~Montant~~ demandé
Statut ~~de la demande~~
~~Montant~~ versé
Date du paiement
Programme

3. La colonne 'date du paiement' disparait pour être INTÉGRÉE à la colonne 'versé'.

L'information de la date du dernier versement est indiqué en dessous du montant versé. Taille de texte pour l'information de la date de dernier versement : 13px. Le montant en € est passé en gras pour être plus visible.

4. La colonne statut contient pour ses cellules des infobulles pour les badges 'refusé', 'inéligible' et en instruction'

Seulement si nous possédons l'information du statut initial indiqué par le fournisseur. Exemple : 'En attente d'attestation'. Voir le tableau des correspondances : https://docs.google.com/spreadsheets/d/1BKVvn3tSVomTyYXTWyN9PiL3Pyt-WSw8V2plrQYiRgQ/edit?gid=1786670237#gid=1786670237

5. La colonne 'démandé' contient le montant demandé en euro, en gras et en dessous du montant est indiqué la date de dépôt de la demande (format JJ/MM/AAAA ou MM/AAAA ou AAAA selon l'info qu'on récupère).

NB : le sujet des badges pluri-annuelle et cofinancement a été dépriorisé pour le moment.

6. La première ligne (celle des titres) doit rester fixe

Au scroll, cela permet à l'utilisateur de savoir où il en est. Attention, il faut faire en sorte que le tableau prenne quand même toute la hauteur de l'écran avant de scroller dedans, sinon ça ne sert à rien

https://github.com/user-attachments/assets/36470e82-b174-43a1-9a73-1499a28883d2

betagouv / api-subventions-asso

Revoir champs du tableau pour meilleure lisibilité #2506