add dsfr style and add depreciated field description for older procedure

app/views/administrateurs/procedures/_informations.html.haml

@@ -2,27 +2,38 @@
   .card.warning
     .card-title Cette démarche est publiée.
     Certains éléments de la description ne sont plus modifiables.
-
+.fr-input-group
-= f.label :libelle do
+  = f.label :libelle, class: 'fr-label' do
     Titre de la démarche
     %span.mandatory *
-= f.text_field :libelle, class: 'form-control', placeholder: 'Titre', required: true
+  = f.text_field :libelle, class: 'fr-input', required: true
 
-= f.label :description_what do
+- if @procedure.description.present?
+  .fr-input-group
+    = f.label :description, class: 'fr-label' do
+      Description
+      %span.fr-hint-text Ce champ est déprécié, il n'est plus possible de le modifier. Pour plus de clarté pour les usagers, la description a été scindée en deux nouveaux champs : "objet de la démarche" et "à qui s'adresse la démarche". Vous pouvez remplir ces nouveaux champs en remplacement.
+    = f.text_field :description, class: 'fr-input', disabled: true
+
+.fr-input-group
+  = f.label :description_what, class: 'fr-label' do
     Quel est l’objet de la démarche ?
     %span.mandatory *
-= f.text_area :description_what, rows: '6', placeholder: 'Décrivez en quelques lignes le contexte, la finalité etc.', class: 'form-control'
+    %span.fr-hint-text Décrivez en quelques lignes le contexte, la finalité etc.
+  = f.text_area :description_what, rows: '6', class: 'fr-input'
 
-= f.label :description_for_who do
+.fr-input-group
+  = f.label :description_for_who, class: 'fr-label' do
     À qui s’adresse la démarche ?
     %span.mandatory *
-= f.text_area :description_for_who, rows: '6', placeholder: 'Décrivez en quelques lignes les destinataires finaux de la démarche, les critères d’éligibilité s’il y en a, les pré-requis, etc.', class: 'form-control'
+    %span.fr-hint-text Décrivez en quelques lignes les destinataires finaux de la démarche, les critères d’éligibilité s’il y en a, les pré-requis, etc.
+  = f.text_area :description_for_who, rows: '6', class: 'fr-input'
 
 %h3.header-subsection Logo de la démarche
 = render Attachment::EditComponent.new(attached_file: @procedure.logo, view_as: :link)
 
 %h3.header-subsection Conservation des données
-= f.label :duree_conservation_dossiers_dans_ds do
+= f.label :duree_conservation_dossiers_dans_ds, class: 'fr-label' do
   Sur #{APPLICATION_NAME}
   %span.mandatory *
 
@@ -30,12 +41,12 @@
   = t(:notice, scope: [:administrateurs, :duree_conservation_dossiers_dans_ds])
   - if f.object.duree_conservation_dossiers_dans_ds.to_i < Procedure::NEW_MAX_DUREE_CONSERVATION
     = t(:new_duration_constraint, scope: [:administrateurs, :duree_conservation_dossiers_dans_ds], new_duration_in_month: f.object.max_duree_conservation_dossiers_dans_ds)
-= f.number_field :duree_conservation_dossiers_dans_ds, { class: 'form-control', placeholder: '6', required: true, max: f.object.max_duree_conservation_dossiers_dans_ds }
+= f.number_field :duree_conservation_dossiers_dans_ds, { class: 'fr-input', placeholder: '6', required: true, max: f.object.max_duree_conservation_dossiers_dans_ds }
 
 - if @procedure.created_at.present?
-  = f.label :lien_site_web do
+  = f.label :lien_site_web, class: 'fr-label' do
     Où les usagers trouveront-ils le lien vers la démarche ?
-  = f.text_field :lien_site_web, class: 'form-control', placeholder: 'https://exemple.gouv.fr/ma_demarche'
+  = f.text_field :lien_site_web, class: 'fr-input', placeholder: 'https://exemple.gouv.fr/ma_demarche'
 
 %h3.header-subsection
   Cadre juridique
@@ -53,10 +64,10 @@
 %p.notice
   Vous pouvez saisir un lien web vers ce texte, ou l’importer depuis un fichier.
 
-= f.label :cadre_juridique, 'Lien vers le texte'
+= f.label :cadre_juridique, 'Lien vers le texte', class: 'fr-label'
-= f.text_field :cadre_juridique, class: 'form-control', placeholder: 'https://www.legifrance.gouv.fr/'
+= f.text_field :cadre_juridique, class: 'fr-input', placeholder: 'https://www.legifrance.gouv.fr/'
 
-= f.label :deliberation, 'Importer le texte'
+= f.label :deliberation, 'Importer le texte', class: 'fr-label'
 = render Attachment::EditComponent.new(attached_file: @procedure.deliberation, view_as: :download)
 
 %h3.header-subsection
@@ -64,8 +75,8 @@
 %p.notice
   Pour certaines démarches, veuillez indiquer soit le mail de contact de votre délégué à la protection des données, soit un lien web pointant vers les informations
 
-= f.label :lien_dpo, 'Lien ou email pour contacter le Délégué à la Protection des Données (DPO)'
+= f.label :lien_dpo, 'Lien ou email pour contacter le Délégué à la Protection des Données (DPO)', class: 'fr-label'
-= f.text_field :lien_dpo, class: 'form-control'
+= f.text_field :lien_dpo, class: 'fr-input'
 
 - if Rails.application.config.ds_opendata_enabled
   %h3.header-subsection= t(:opendata_header, scope: [:administrateurs, :informations])
@@ -83,7 +94,7 @@
 %p.notice
   Une notice explicative est un document destiné à guider l’usager dans sa démarche. C’est un document que vous avez élaboré et qui peut prendre la forme d’un fichier doc, d’un pdf ou encore de diapositives. Le bouton pour télécharger cette notice apparaît en haut du formulaire pour l’usager.
 
-= f.label :notice, 'Notice'
+= f.label :notice, 'Notice', class: 'fr-label'
 %p.notice
   Formats acceptés : .doc, .odt, .pdf, .ppt, .pptx
 = render Attachment::EditComponent.new(attached_file: @procedure.notice, view_as: :download)
@@ -96,7 +107,7 @@
       Ma démarche s’adresse à un particulier
       %p.notice En choisissant cette option, l’usager devra renseigner son nom et prénom avant d’accéder au formulaire
 
-    = f.label :for_individual, value: false do
+    = f.label :for_individual, value: false, class: 'fr-label' do
       = f.radio_button :for_individual, false
       Ma démarche s’adresse à une personne morale
       %p.notice
@@ -124,14 +135,14 @@
     %h3.header-subsection Options avancées
 
   - if feature_enabled?(:administrateur_web_hook)
-    = f.label :web_hook_url do
+    = f.label :web_hook_url, class: 'fr-label' do
       Lien de rappel HTTP (webhook)
     %p.notice
       Vous pouvez définir un lien de rappel HTTP (aussi appelé webhook) pour informer un service tiers du changement de l'état d’un dossier de cette démarche sur #{APPLICATION_NAME}.
       = link_to("Consulter la documentation du webhook", WEBHOOK_DOC_URL, target: "_blank", rel: "noopener")
-    = f.text_field :web_hook_url, class: 'form-control', placeholder: 'https://callback.exemple.fr/'
+    = f.text_field :web_hook_url, class: 'fr-input', placeholder: 'https://callback.exemple.fr/'
 
-  = f.label :auto_archive_on do
+  = f.label :auto_archive_on, class: 'fr-label' do
     Date limite de dépôt des dossiers
   %p.notice
     Si une date est définie, aucun dossier ne pourra plus être déposé ou modifié après cette limite.
@@ -141,7 +152,7 @@
     = f.date_field :auto_archive_on, id: 'auto_archive_on', value: value
     #{procedure_auto_archive_time(@procedure)}.
 
-  = f.label :declarative_with_state do
+  = f.label :declarative_with_state, class: 'fr-label' do
     Démarche déclarative
   %p.notice
     Par défaut, un dossier déposé peut être complété ou corrigé par le demandeur jusqu'à sa mise en instruction.<br>