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
%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'
%p.fr-hint-text
Formats acceptés : .doc, .odt, .pdf, .ppt, .pptx
= render Attachment::EditComponent.new(attached_file: @procedure.notice, view_as: :download)
.fr-mb-3w
= f.label :notice, 'Notice', class: 'fr-label'
%p.fr-hint-text
Formats acceptés : .doc, .odt, .pdf, .ppt, .pptx
= render Attachment::EditComponent.new(attached_file: @procedure.notice, view_as: :download)
- if !@procedure.locked?
%h3.fr-h6 À qui sadresse ma démarche ?
.radios.vertical
= f.label :for_individual, value: true do
= f.radio_button :for_individual, true
Ma démarche sadresse à un particulier
%p.fr-hint-text En choisissant cette option, lusager devra renseigner son nom et prénom avant daccéder au formulaire
%fieldset.fr-fieldset{ "aria-labelledby": "for-individual-legend" }
%legend#for-individual-legend.fr-fieldset__legend.fr-fieldset__legend--regular À qui sadresse ma démarche ?
.fr-fieldset__element
.fr-radio-group
= f.radio_button :for_individual, true
= 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'
%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.