feat(Administrateurs::Procedure::Service#form): wrap explanation within DSFR::CallOut
This commit is contained in:
parent
289b8f78b8
commit
f086302455
4 changed files with 26 additions and 11 deletions
12
app/components/dsfr/callout_component.rb
Normal file
12
app/components/dsfr/callout_component.rb
Normal 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
|
|
@ -0,0 +1,3 @@
|
|||
%div.fr-callout
|
||||
%h3.fr-callout__title= title
|
||||
%p.fr-callout__text= body
|
|
@ -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';
|
||||
|
|
|
@ -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 s’ils 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 qu’en pied de page lors du dépôt d’un dossier. En cas d’informations 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 s’ils 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 qu’en pied de page lors du dépôt d’un dossier. En cas d’informations invalides, #{APPLICATION_NAME} se réserve le droit de suspendre la publication de la démarche.
|
||||
|
||||
= f.label :email do
|
||||
Adresse email
|
||||
|
|
Loading…
Reference in a new issue