feat(Administrateurs::Procedure::Service#form): wrap explanation within DSFR::CallOut

This commit is contained in:
Martin 2022-08-17 18:02:27 +02:00
parent 289b8f78b8
commit f086302455
4 changed files with 26 additions and 11 deletions

View file

@ -0,0 +1,12 @@
# see: https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/mise-en-avant
class Dsfr::CalloutComponent < ApplicationComponent
renders_one :body
private
def initialize(title:)
@title = title
end
attr_reader :title
end

View file

@ -0,0 +1,3 @@
%div.fr-callout
%h3.fr-callout__title= title
%p.fr-callout__text= body

View file

@ -71,3 +71,4 @@ import('../shared/track/sentry');
import '../../../node_modules/@gouvfr/dsfr/dist/core/core.css';
import '../../../node_modules/@gouvfr/dsfr/dist/component/button/button.css';
import '../../../node_modules/@gouvfr/dsfr/dist/component/alert/alert.css';
import '../../../node_modules/@gouvfr/dsfr/dist/component/callout/callout.css';

View file

@ -16,17 +16,16 @@
= f.select :type_organisme, Service.type_organismes.keys.map { |key| [ I18n.t("type_organisme.#{key}"), key] }
%h2.header-section Informations de contact
%p.explication
Votre démarche sera hébergée par #{APPLICATION_NAME} mais nous ne pouvons pas assurer le support des démarches. Et malgré la dématérialisation, les usagers se poseront parfois des questions légitimes sur le processus administratif.
%br
%br
%strong Il est donc indispensable que les usagers puissent vous contacter
par le moyen de leur choix sils ont des questions sur votre démarche.
%br
%br
Ces informations de contact seront visibles par les utilisateurs de la démarche, affichées dans le menu « Aide », ainsi quen pied de page lors du dépôt dun dossier. En cas dinformations invalides, #{APPLICATION_NAME} se réserve le droit de suspendre la publication de la démarche.
= render Dsfr::CalloutComponent.new(title: "Informations de contact") do |c|
- c.body do
Votre démarche sera hébergée par #{APPLICATION_NAME} mais nous ne pouvons pas assurer le support des démarches. Et malgré la dématérialisation, les usagers se poseront parfois des questions légitimes sur le processus administratif.
%br
%br
%strong Il est donc indispensable que les usagers puissent vous contacter
par le moyen de leur choix sils ont des questions sur votre démarche.
%br
%br
Ces informations de contact seront visibles par les utilisateurs de la démarche, affichées dans le menu « Aide », ainsi quen pied de page lors du dépôt dun dossier. En cas dinformations invalides, #{APPLICATION_NAME} se réserve le droit de suspendre la publication de la démarche.
= f.label :email do
Adresse email