Merge pull request #7929 from colinux/dsfr-suggest-expires

style(admin): suggest auto expiration converted to DSFR

app/components/dsfr/callout_component.rb

@@ -1,6 +1,7 @@
 # see: https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/mise-en-avant
 class Dsfr::CalloutComponent < ApplicationComponent
   renders_one :body
+  renders_one :bottom
 
   attr_reader :title, :theme, :icon
 

app/components/dsfr/callout_component/callout_component.html.haml

@@ -1,3 +1,4 @@
 %div{ class: callout_class }
   %h3.fr-callout__title= title
   %p.fr-callout__text= body
+  = bottom

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

@@ -1,10 +1,9 @@
 .container{ :"data-test-suggest_expires_when_termine" => "true" }
-  .card.warning
+  = render Dsfr::CalloutComponent.new(title: "Veuillez activer la suppression automatique des dossiers expirés.", theme: :warning) do |c|
-    .card-title
+    - c.with_body do
-      Veuillez activer la suppression automatique des dossiers expirés.
+      Pour des raisons liées au RGPD, veuillez activer la suppression automatique des dossiers expirés (#{procedure.duree_conservation_dossiers_dans_ds} mois après que le dossier a été traité).
-    %p
+      Vous pouvez à tout moment récupérer une archive de la démarche en vous connectant en tant qu’instructeur.
-      Pour des raisons liées au RGPD, veuillez activer la suppression automatique des dossiers expirés (#{procedure.duree_conservation_dossiers_dans_ds} mois après que le dossier ait été traité). Vous pouvez à tout moment récupérer une archive de la démarche en vous connectant en tant qu’instructeur.
       = link_to "En savoir plus", DOC_PROCEDURE_EXPIRES_URL, rel: 'noopener', target: '_blank', class: ''
 
-    %p
+    - c.with_bottom do
-      = button_to "Activer l’expiration des données", admin_procedure_path(id: procedure.id, params: { procedure: { procedure_expires_when_termine_enabled: true }}), method: :patch, class: 'button primary', form: { data: { turbo: true } }
+      = button_to "Activer l’expiration des données", admin_procedure_path(id: procedure.id, params: { procedure: { procedure_expires_when_termine_enabled: true }}), method: :patch, class: 'fr-btn', form: { data: { turbo: true } }

app/views/instructeurs/dossiers/show.html.haml

@@ -7,12 +7,11 @@
   .container
     = render Dsfr::CalloutComponent.new(title: "Données de l’entreprise non vérifiées", theme: :warning, icon: "fr-icon-feedback-fill") do |c|
       - c.with_body do
-        %p
+        Les services de l’INSEE sont indisponibles, nous ne pouvons pas
-          Les services de l’INSEE sont indisponibles, nous ne pouvons pas
+        vérifier les informations liées à l’établissement de ce dossier.
-          vérifier les informations liées à l’établissement de ce dossier.
+        %strong Il n’est pas possible d’accepter ou de refuser un dossier sans cette étape.
-          %strong Il n’est pas possible d’accepter ou de refuser un dossier sans cette étape.
+        %br
-          %br
+        %br
-          %br
+        Les informations sur l'entreprise arriveront d’ici quelques heures.
-          Les informations sur l'entreprise arriveront d’ici quelques heures.
 
 = render partial: "shared/dossiers/demande", locals: { dossier: @dossier, demande_seen_at: @demande_seen_at, profile: 'instructeur' }

app/views/root/patron.html.haml

@@ -305,7 +305,7 @@
 
   .container
     %h1 Dsfr::CalloutComponent
-    = link_to "Documentation DSFR Mis en avant (callout)", "https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/mise-en-avant", **external_link_attributes
+    %p= link_to "Documentation DSFR Mis en avant (callout)", "https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/mise-en-avant", **external_link_attributes
 
     = render Dsfr::CalloutComponent.new(title: "Information minimale") do |c|
       - c.with_body do
@@ -313,7 +313,9 @@
 
     = render Dsfr::CalloutComponent.new(title: "Information importante ou avertissement", theme: :warning) do |c|
       - c.with_body do
-        %p Le contenu de cette description est libre.
+        Le contenu de cette description est libre.
+      - c.with_bottom do
+        %button.fr-btn Call to action
 
     = render Dsfr::CalloutComponent.new(title: "Titre d'une information positive", theme: :success, icon: "fr-icon-message-2-fill") do |c|
       - c.with_body do
@@ -323,7 +325,7 @@
           peut être utilisée.
 
     %h1 Dsfr::CardVerticalComponent
-    = link_to "Documentation DSFR Carte", "https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/carte", **external_link_attributes
+    %p= link_to "Documentation DSFR Carte", "https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/carte", **external_link_attributes
 
     .fr-grid-row.fr-grid-row--gutters.fr-py-5w
       .fr-col-md-6.fr-col-12
@@ -337,7 +339,7 @@
             = button_tag "Button 2", class: "fr-btn fr-btn--secondary"
 
     %h1 Dsfr::NoticeComponent
-    = link_to "Documentation DSFR Bandeau d'information", "https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/bandeau-d-information-importante", **external_link_attributes
+    %p= link_to "Documentation DSFR Bandeau d'information", "https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/bandeau-d-information-importante", **external_link_attributes
     .my-3
       = render Dsfr::NoticeComponent.new(closable: true) do |c|
         - c.with_title do