From fd829351e8aec29cd02a2c6ef385bdd96269f074 Mon Sep 17 00:00:00 2001 From: Colin Darie Date: Fri, 12 Jan 2024 12:20:06 +0100 Subject: [PATCH] chore(attestation): browse between 2 versions --- .../attestation_template_v2s/edit.html.haml | 24 ++++-- .../attestation_templates/edit.html.haml | 82 ++++++++++--------- 2 files changed, 64 insertions(+), 42 deletions(-) diff --git a/app/views/administrateurs/attestation_template_v2s/edit.html.haml b/app/views/administrateurs/attestation_template_v2s/edit.html.haml index 6fefa9ddb..941c69c7e 100644 --- a/app/views/administrateurs/attestation_template_v2s/edit.html.haml +++ b/app/views/administrateurs/attestation_template_v2s/edit.html.haml @@ -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 d’attestation", heading_level: 'h3') do |c| + - c.with_body do + Cette page permet la mise en forme de l’attestation 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 l’ancien format : + l’activation 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 l’attestation 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 L’activation de cette attestation sera bientôt disponible. diff --git a/app/views/administrateurs/attestation_templates/edit.html.haml b/app/views/administrateurs/attestation_templates/edit.html.haml index cea7a1b20..f2609deca 100644 --- a/app/views/administrateurs/attestation_templates/edit.html.haml +++ b/app/views/administrateurs/attestation_templates/edit.html.haml @@ -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 d’attestation", heading_level: 'h3') do |c| + - c.with_body do + Cette page concerne l’attestation actuellement délivrée aux usagers. + = link_to("Suivez ce lien pour tester le nouvel éditeur d’attestation", edit_admin_procedure_attestation_template_v2_path(@procedure)) - %h1.page-title - Délivrance d’attestation - - 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 - L’attestation, si elle est activée, est émise au moment où un dossier est accepté. - %br - L’email d’accusé d’acceptation envoyé à l’usager comporte alors un lien vers l’attestation ; - celle-ci est également disponible au téléchargement depuis l’espace personnel de l’usager. + %h1.page-title + Délivrance d’attestation + - 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 + L’attestation, si elle est activée, est émise au moment où un dossier est accepté. + %br + L’email d’accusé d’acceptation envoyé à l’usager comporte alors un lien vers l’attestation ; + celle-ci est également disponible au téléchargement depuis l’espace personnel de l’usager. - .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 }