feat(design): Refonte graphique du formulaire de domiciliation

pYassine commented 2 years ago

Situation Actuelle

Le design du formulaire a été retravaillé par Jérémie suite aux retours & ateliers.

Comportement souhaité Maquette: https://www.figma.com/file/UcGnQt8yBzSHuuon1rRiN4/Domifa?node-id=1003%3A3003

Il faudrait intégrer le nouveau design sur toutes les étapes du formulaires

Formulaire de création de dom (Écran 1 : état-civil)

[x] Ajouter une liste déroulante "type de demande" : Première dom ou renouvellement
[x] Ajouter un champs "ID personnalisé"

Page de décision :

0. Boutons d'actions

[x] Contrairement à la maquette, il faut bien remettre le bouton "soumettre à décision" à côté de "Valider ou refuser la décision"

1 : Etat-civil & ayant-droit

[x] Ajouter le numéro de domicilié + son type de demande en haut comme sur la maquette
[x] Mettre Etat-civil & Ayant-droit côte à côte
[x] Quand on clique sur modifier : Editer les informations + Ayant-droit

2. Entretien

[x] Editer les données de l'entretien

3. Pièces-jointes :

[x] Afficher les docs + un bouton en haut à droite "Modifier les pièces-jointes"

Autre

[x] Commentaires privés : ajouter le module de notes internes en bas de page

⚠️ Présent dans la maquette mais pas encore dév / validé par l'équipe :

Boutons ronds : on harmonisera tout le site d'un coup sur les boutons, refactor de la gestion de Bootstrap a prévoir cc Ticket XXX

Chirazh commented 2 years ago

@pYassine @pibouu voici les autres informations que nous avions notées concernant l'évolution du formulaire de création :

Ecran état-civil : Pour le champs l'ID Personnalisé, savoir quel a été le dernier ID personnalisé utilisé

Entretien : Augmenter la taille du champs libre commentaire

Page de décision : Permettre le téléchargement provisoire du CERFA de décision (voir si pas d'impact sur les stats)

Pas encore validé par l'équipe : Pouvoir ajouter une/ deux procuration(s) + transfert dès la création d'une demande de domiciliation Pouvoir mettre plusieurs collaborateurs sur le rdv d'entretien Ajout référent lors de la validation de la dom (pop-up avec date de début de dom)

ledugong commented 2 years ago

@pYassine comme vu ensemble au point, peux-tu retirer le champ ID personnalisé de l'étape Etat Civil ? Un autre ticket gèrera l'ajout de l'ID personnalisé sur la pop up de validation.

ledugong commented 2 years ago

@pYassine retours PO

Remis à plus tard

[x] si le type de domiciliation est "renouvellement", ajouter un champ obligatoire "Date de première domiciliation"
[x] cacher l'ID personnalisé de l'état civil (et il ne doit pas être obligatoire)

Reste à traiter

[x] en remplissant une création de demande avec un ID, si je reviens en arrière sur l'étape 1, l'ID a changé. Je sais qu'on va masquer ce champ mais vérifier que c'est pas un potentiel bug qui va impacter autre chose https://user-images.githubusercontent.com/59437305/139066461-3c22e8e8-55a4-4da1-8a76-440594f85b4f.mov

Traités & recettables : https://domifa-fix-retours-form-decision.dev.fabrique.social.gouv.fr/

- [ ] Traité via le ticket d'Olivier sur l'affichage dans toutes les étapes. masquer la partie "commentaires privés" pour le moment, on réactivera le tout avec le ticket https://github.com/SocialGouv/domifa/issues/1790

[x] retirer la mention du dossier et de son numéro sur la page de décision finale car l'ID personnalisé est attribué après
[x] header : renommer "Nouvelle inscription" en "Nouvelle demande" Résolu par #1790
[x] ajouter une flèche dans le champ "Type de dom" pour signifier la présence d'un dropdown
[x] le champ "Type de dom" doit par défaut être vide comme le lien de parenté des AD (sinon en cliquant sur suivant sans avoir touché à ce champ, on est bloqués alors que le champ est rempli)
[x] ajouter le message d'erreur "Le type de domiciliation est obligatoire" si le champ n'est pas rempli
[x] pendant qu'on y est, ajouter aussi une flèche sur le champ "Lien" des AD pour signifier la présence d'un dropdown
[x] retirer le tiret entre état et civil
[x] si le demandeur est un homme, écrire "Né le...", si le demandeur est une femme, écrire "Née le..."
[x] écrire "Adresse e-mail" comme dans les autres étapes de la création
[x] écrire "langue parlée" au singulier, car on ne peut en sélectionner qu'une
[x] si je ne réponds rien à la question sur la cause de l'instabilité, le "non renseigné" n'apparait pas
[x] corriger pour "pièce jointe" au singulier et sans tiret