From 7f28f1fe4cbc86b21006418cb99eb3143704fa7c Mon Sep 17 00:00:00 2001 From: Colin Darie Date: Tue, 18 Oct 2022 13:39:04 +0200 Subject: [PATCH 1/4] =?UTF-8?q?fix(conjugaison):=20apr=C3=A8s=20que=20+=20?= =?UTF-8?q?indicatif?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../procedures/_suggest_expires_when_termine.html.haml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/views/administrateurs/procedures/_suggest_expires_when_termine.html.haml b/app/views/administrateurs/procedures/_suggest_expires_when_termine.html.haml index bf2283c0a..0f7f34edc 100644 --- a/app/views/administrateurs/procedures/_suggest_expires_when_termine.html.haml +++ b/app/views/administrateurs/procedures/_suggest_expires_when_termine.html.haml @@ -3,7 +3,7 @@ .card-title Veuillez activer la suppression automatique des dossiers expirés. %p - 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. + 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é). 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 From f5a0842c6ef58da3b577e035547759db44d46161 Mon Sep 17 00:00:00 2001 From: Colin Darie Date: Tue, 18 Oct 2022 13:59:50 +0200 Subject: [PATCH 2/4] style(dsfr): callout component with support for a bottom section like buttons --- app/components/dsfr/callout_component.rb | 1 + .../dsfr/callout_component/callout_component.html.haml | 1 + app/views/root/patron.html.haml | 10 ++++++---- 3 files changed, 8 insertions(+), 4 deletions(-) diff --git a/app/components/dsfr/callout_component.rb b/app/components/dsfr/callout_component.rb index 0f5eb9af8..da0160990 100644 --- a/app/components/dsfr/callout_component.rb +++ b/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 diff --git a/app/components/dsfr/callout_component/callout_component.html.haml b/app/components/dsfr/callout_component/callout_component.html.haml index 5b48a61de..f53eeb458 100644 --- a/app/components/dsfr/callout_component/callout_component.html.haml +++ b/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 diff --git a/app/views/root/patron.html.haml b/app/views/root/patron.html.haml index 57575c311..e274d60f3 100644 --- a/app/views/root/patron.html.haml +++ b/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 From e96d307e56c30bea4b4ea286cc26f490797467ff Mon Sep 17 00:00:00 2001 From: Colin Darie Date: Tue, 18 Oct 2022 14:00:36 +0200 Subject: [PATCH 3/4] style(admin): auto expiration styled with DSFR callout --- .../_suggest_expires_when_termine.html.haml | 13 ++++++------- 1 file changed, 6 insertions(+), 7 deletions(-) diff --git a/app/views/administrateurs/procedures/_suggest_expires_when_termine.html.haml b/app/views/administrateurs/procedures/_suggest_expires_when_termine.html.haml index 0f7f34edc..58ce31511 100644 --- a/app/views/administrateurs/procedures/_suggest_expires_when_termine.html.haml +++ b/app/views/administrateurs/procedures/_suggest_expires_when_termine.html.haml @@ -1,10 +1,9 @@ .container{ :"data-test-suggest_expires_when_termine" => "true" } - .card.warning - .card-title - Veuillez activer la suppression automatique des dossiers expirés. - %p - 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é). Vous pouvez à tout moment récupérer une archive de la démarche en vous connectant en tant qu’instructeur. + = render Dsfr::CalloutComponent.new(title: "Veuillez activer la suppression automatique des dossiers expirés.", theme: :warning) do |c| + - c.with_body do + 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é). + 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 - = 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 } } + - 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: 'fr-btn', form: { data: { turbo: true } } From 5b813a25d6c78b7fbb131228d6d2ef8b235c9f5b Mon Sep 17 00:00:00 2001 From: Colin Darie Date: Tue, 18 Oct 2022 14:04:50 +0200 Subject: [PATCH 4/4] fix(dsfr/callout): don't nest p, it's already declared by component --- app/views/instructeurs/dossiers/show.html.haml | 13 ++++++------- 1 file changed, 6 insertions(+), 7 deletions(-) diff --git a/app/views/instructeurs/dossiers/show.html.haml b/app/views/instructeurs/dossiers/show.html.haml index 501ca340a..8dd1a8d91 100644 --- a/app/views/instructeurs/dossiers/show.html.haml +++ b/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 - 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. - %br - %br - Les informations sur l'entreprise arriveront d’ici quelques heures. + Les services de l’INSEE sont indisponibles, nous ne pouvons pas + 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. + %br + %br + 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' }