chore(attestation): browse between 2 versions

This commit is contained in:
Colin Darie 2024-01-12 12:20:06 +01:00
parent d92200f80b
commit fd829351e8
No known key found for this signature in database
GPG key ID: 8C76CADD40253590
2 changed files with 64 additions and 42 deletions

View file

@ -11,6 +11,19 @@
attestation_logo_attachment_free_label_value: AttestationTemplate.human_attribute_name(:logo) } do |f|
#attestation-edit.fr-container.fr-mt-4w{ data: { controller: 'tiptap' } }
.fr-mb-6w
= render Dsfr::AlertComponent.new(state: :info, title: "Nouvel éditeur dattestation", heading_level: 'h3') do |c|
- c.with_body do
Cette page permet la mise en forme de lattestation avec un nouvel éditeur plus flexible
tout en respectant la charte de létat. Essayez-la et donnez-nous votre avis
en nous envoyant un email à #{mail_to(CONTACT_EMAIL, subject: "Feedback attestation v2")}.
%br
%strong Les attestations délivrées suivent encore lancien format :
lactivation des attestations basées sur ce format sera bientôt disponible.
%br
= link_to("Suivez ce lien pour revenir aux attestations actuellement délivrées", edit_admin_procedure_attestation_template_path(@procedure))
.fr-grid-row.fr-grid-row--gutters
.fr-col-12.fr-col-md-8
%fieldset.fr-fieldset{ aria: { labelledby: 'edit-attestation' } }
@ -96,7 +109,7 @@
.fixed-footer
.fr-container
.fr-grid-row
.fr-col-11
.fr-col-7
%ul.fr-btns-group.fr-btns-group--inline-md
%li
= f.button 'Enregistrer', class: 'fr-btn'
@ -104,7 +117,8 @@
= link_to 'Prévisualiser lattestation PDF', admin_procedure_attestation_template_v2_path(@procedure), class: 'fr-btn fr-btn--secondary', target: '_blank', rel: 'noopener'
%li
= link_to 'Annuler', admin_procedure_path(id: @procedure), class: 'fr-btn fr-btn--tertiary-no-outline', data: { confirm: 'Êtes-vous sûr de vouloir annuler les modifications effectuées ?'}
.fr-col-1
.fr-toggle
= f.check_box :activated, class: "fr-toggle-input", id: dom_id(@attestation_template, :activated)
%label.fr-toggle__label{ for: dom_id(@attestation_template, :activated), data: { fr_checked_label: "Activé", fr_unchecked_label: "Désactivé" } }
.fr-col-5
-# .fr-toggle
-# = f.check_box :activated, class: "fr-toggle-input", disabled: true, id: dom_id(@attestation_template, :activated)
-# %label.fr-toggle__label{ for: dom_id(@attestation_template, :activated), data: { fr_checked_label: "Attestation activée", fr_unchecked_label: "Attestation désactivée" } }
%p.fr-pt-1w.fr-hint-text.text-right Lactivation de cette attestation sera bientôt disponible.

View file

@ -5,46 +5,54 @@
[@procedure.libelle.truncate_words(10), admin_procedure_path(@procedure)],
['Attestation']] }
.procedure-form#attestation-template-edit
.procedure-form__columns.container
= render NestedForms::FormOwnerComponent.new
= form_for @attestation_template,
url: admin_procedure_attestation_template_path(@procedure),
html: { multipart: true, class: 'form procedure-form__column--form fr-background-alt--blue-france' } do |f|
.fr-container
- if @procedure.feature_enabled?(:attestation_v2)
.fr-mb-6w
= render Dsfr::AlertComponent.new(state: :info, title: "Nouvel éditeur dattestation", heading_level: 'h3') do |c|
- c.with_body do
Cette page concerne lattestation actuellement délivrée aux usagers.
= link_to("Suivez ce lien pour tester le nouvel éditeur dattestation", edit_admin_procedure_attestation_template_v2_path(@procedure))
%h1.page-title
Délivrance dattestation
- if @attestation_template.activated?
%span.text-active activée
- else
%span.text-inactive désactivée
.procedure-form#attestation-template-edit
.procedure-form__columns
= render NestedForms::FormOwnerComponent.new
= form_for @attestation_template,
url: admin_procedure_attestation_template_path(@procedure),
html: { multipart: true, class: 'form procedure-form__column--form fr-background-alt--blue-france' } do |f|
%p.notice
Lattestation, si elle est activée, est émise au moment où un dossier est accepté.
%br
Lemail daccusé dacceptation envoyé à lusager comporte alors un lien vers lattestation ;
celle-ci est également disponible au téléchargement depuis lespace personnel de lusager.
%h1.page-title
Délivrance dattestation
- if @attestation_template.activated?
%span.text-active activée
- else
%span.text-inactive désactivée
= render partial: 'administrateurs/attestation_templates/informations', locals: { f: f }
%p.notice
Lattestation, si elle est activée, est émise au moment où un dossier est accepté.
%br
Lemail daccusé dacceptation envoyé à lusager comporte alors un lien vers lattestation ;
celle-ci est également disponible au téléchargement depuis lespace personnel de lusager.
.procedure-form__actions.sticky--bottom
.actions-left
%label.toggle-switch
= f.check_box :activated, class: 'toggle-switch-checkbox'
%span.toggle-switch-control.round
%span.toggle-switch-label.on Attestation activée
%span.toggle-switch-label.off Attestation désactivée
= render partial: 'administrateurs/attestation_templates/informations', locals: { f: f }
.actions-right
= link_to 'Annuler', edit_admin_procedure_attestation_template_path(id: @procedure), class: 'fr-btn fr-btn--secondary fr-mr-2w', data: { confirm: 'Êtes-vous sûr de vouloir annuler les modifications effectuées ?'}
= f.button 'Enregistrer', class: 'fr-btn'
.procedure-form__actions.sticky--bottom
.actions-left
%label.toggle-switch
= f.check_box :activated, class: 'toggle-switch-checkbox'
%span.toggle-switch-control.round
%span.toggle-switch-label.on Attestation activée
%span.toggle-switch-label.off Attestation désactivée
.procedure-form__column--preview
.procedure-form__preview.sticky--top
%h3
.procedure-form__preview-title
Aperçu
.notice
Cet aperçu est mis à jour après chaque sauvegarde.
.procedure-preview
= render partial: 'administrateurs/attestation_templates/apercu', locals: { procedure: @procedure }
.actions-right
= link_to 'Annuler', edit_admin_procedure_attestation_template_path(id: @procedure), class: 'fr-btn fr-btn--secondary fr-mr-2w', data: { confirm: 'Êtes-vous sûr de vouloir annuler les modifications effectuées ?'}
= f.button 'Enregistrer', class: 'fr-btn'
.procedure-form__column--preview
.procedure-form__preview.sticky--top
%h3
.procedure-form__preview-title
Aperçu
.notice
Cet aperçu est mis à jour après chaque sauvegarde.
.procedure-preview
= render partial: 'administrateurs/attestation_templates/apercu', locals: { procedure: @procedure }