feat(expert.signup): dsfrize

app/views/experts/avis/sign_up.html.haml

@@ -1,16 +1,20 @@
 .two-columns.avis-sign-up
   .columns-container
     .column.left
-      %p.description= @dossier.procedure.libelle
+      %h2.fr-py-5w.text-center= @dossier.procedure.libelle
       %p.dossier Dossier nº #{@dossier.id}
     .column
-      = form_for(User.new, url: sign_up_expert_avis_path(email: @email), method: :post, html: { class: "form" }) do |f|
+      = form_for(User.new(email: @email), url: sign_up_expert_avis_path(email: @email), method: :post, html: { class: "fr-py-5w" }) do |f|
-        %h1 Créez-vous un compte
+        %h1.fr-h2= t('views.registrations.new.title', name: APPLICATION_NAME)
+        %fieldset.fr-mb-0.fr-fieldset{ aria: { labelledby: 'create-account-legend' } }
+          .fr-fieldset__element
+            %p.fr-text--sm= t('utils.mandatory_champs')
 
-        = f.label :email, "Email"
+          .fr-fieldset__element= render Dsfr::InputComponent.new(form: f, attribute: :email, input_type: :email_field, opts: { disabled: true, autocomplete: 'email' })
-        = f.email_field :email, value: @email, disabled: true
+          .fr-fieldset__element
+            = render Dsfr::InputComponent.new(form: f, attribute: :password, input_type: :password_field, opts: { autocomplete: 'new-password', minlength: PASSWORD_MIN_LENGTH }) do |c|
+              - c.with_describedby do
+                = render partial: "devise/password_rules", locals: { id: c.describedby_id }
 
-        = f.label :password, "Mot de passe"
+        %ul.fr-btns-group
-        = f.password_field :password, required: true, placeholder: "#{PASSWORD_MIN_LENGTH} caractères minimum"
+          %li= f.submit t('views.shared.account.create'), class: "fr-btn"
-
-        = f.submit "Créer un compte", class: "button large primary expand"

spec/system/experts/expert_spec.rb

@@ -20,7 +20,7 @@ describe 'Inviting an expert:' do
       before 'Signing up' do
         visit sign_up_expert_avis_path(avis.dossier.procedure, avis, email: avis.expert.email)
 
-        expect(page).to have_field('Email', with: avis.expert.email, disabled: true)
+        expect(page).to have_field('Adresse électronique', with: avis.expert.email, disabled: true)
         fill_in 'Mot de passe', with: password
         click_on 'Créer un compte'
       end