style(admin): convert new procedure radios to dsfr

This commit is contained in:
Colin Darie 2023-12-13 11:01:29 +01:00
parent b384da73a3
commit f0e1c1688b
No known key found for this signature in database
GPG key ID: 8C76CADD40253590

View file

@ -74,27 +74,36 @@
- c.with_body do - c.with_body do
%p Une notice explicative est un document destiné à guider lusager dans sa démarche. Cest un document que vous avez élaboré et qui peut prendre la forme dun fichier doc, dun pdf ou encore de diapositives. Le bouton pour télécharger cette notice apparaît en haut du formulaire pour lusager. %p Une notice explicative est un document destiné à guider lusager dans sa démarche. Cest un document que vous avez élaboré et qui peut prendre la forme dun fichier doc, dun pdf ou encore de diapositives. Le bouton pour télécharger cette notice apparaît en haut du formulaire pour lusager.
= f.label :notice, 'Notice', class: 'fr-label' .fr-mb-3w
%p.fr-hint-text = f.label :notice, 'Notice', class: 'fr-label'
Formats acceptés : .doc, .odt, .pdf, .ppt, .pptx %p.fr-hint-text
= render Attachment::EditComponent.new(attached_file: @procedure.notice, view_as: :download) Formats acceptés : .doc, .odt, .pdf, .ppt, .pptx
= render Attachment::EditComponent.new(attached_file: @procedure.notice, view_as: :download)
- if !@procedure.locked? - if !@procedure.locked?
%h3.fr-h6 À qui sadresse ma démarche ? %fieldset.fr-fieldset{ "aria-labelledby": "for-individual-legend" }
.radios.vertical %legend#for-individual-legend.fr-fieldset__legend.fr-fieldset__legend--regular À qui sadresse ma démarche ?
= f.label :for_individual, value: true do .fr-fieldset__element
= f.radio_button :for_individual, true .fr-radio-group
Ma démarche sadresse à un particulier = f.radio_button :for_individual, true
%p.fr-hint-text En choisissant cette option, lusager devra renseigner son nom et prénom avant daccéder au formulaire = f.label :for_individual, value: true, class: "fr-label" do
Ma démarche sadresse à un particulier
%span.fr-hint-text En choisissant cette option, lusager devra renseigner son nom et prénom avant daccéder au formulaire
.fr-fieldset__element
.fr-radio-group
= f.radio_button :for_individual, false
= f.label :for_individual, value: false, class: 'fr-label' do
Ma démarche sadresse à une personne morale
%span.fr-hint-text
En choisissant cette option, lusager devra renseigner son n° SIRET.<br>Grâce à lAPI Entreprise, les informations sur la personne morale (raison sociale, adresse du siège, etc.) seront automatiquement renseignées.
.fr-fieldset__element
.fr-highlight
%p.fr-text--sm
Si votre démarche sadresse indifféremment à une personne morale ou un particulier, choisissez l'option « Particuliers ».
Vous pourrez ajouter un champ SIRET directement dans le formulaire.
= f.label :for_individual, value: false, class: 'fr-label' do
= f.radio_button :for_individual, false
Ma démarche sadresse à une personne morale
%p.fr-hint-text
En choisissant cette option, lusager devra renseigner son n° SIRET.<br>Grâce à lAPI Entreprise, les informations sur la personne morale (raison sociale, adresse du siège, etc.) seront automatiquement renseignées.
.fr-highlight
%p
Si votre démarche sadresse indifféremment à une personne morale ou un particulier, choisissez l'option « Particuliers ». Vous pourrez ajouter un champ SIRET directement dans le formulaire.
= f.label :tags, 'Associez les tags à la démarche (facultatif)', class: 'fr-label' = f.label :tags, 'Associez les tags à la démarche (facultatif)', class: 'fr-label'
%p.fr-hint-text Les tags sont des mots ou des expressions que vous attribuez aux démarches pour décrire leur contenu et pour les retrouver. Les tags sont partagés avec la communauté, ce qui vous permet de voir les tags attribués aux démarches créées par les autres administrateurs. %p.fr-hint-text Les tags sont des mots ou des expressions que vous attribuez aux démarches pour décrire leur contenu et pour les retrouver. Les tags sont partagés avec la communauté, ce qui vous permet de voir les tags attribués aux démarches créées par les autres administrateurs.