chore(attestation): browse between 2 versions

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-col-5
-            .fr-toggle
+            -# .fr-toggle
-              = f.check_box :activated, class: "fr-toggle-input", id: dom_id(@attestation_template, :activated)
+            -#   = 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: "Activé", fr_unchecked_label: "Désactivé" } }
+            -#   %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.

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
+.fr-container
-  .procedure-form__columns.container
+  - if @procedure.feature_enabled?(:attestation_v2)
-    = render NestedForms::FormOwnerComponent.new
+    .fr-mb-6w
-    = form_for @attestation_template,
+      = render Dsfr::AlertComponent.new(state: :info, title: "Nouvel éditeur d’attestation", heading_level: 'h3') do |c|
-      url: admin_procedure_attestation_template_path(@procedure),
+        - c.with_body do
-      html: { multipart: true, class: 'form procedure-form__column--form fr-background-alt--blue-france' } do |f|
+          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
+  .procedure-form#attestation-template-edit
-        Délivrance d’attestation
+    .procedure-form__columns
-        - if @attestation_template.activated?
+      = render NestedForms::FormOwnerComponent.new
-          %span.text-active activée
+      = form_for @attestation_template,
-        - else
+        url: admin_procedure_attestation_template_path(@procedure),
-          %span.text-inactive désactivée
+        html: { multipart: true, class: 'form procedure-form__column--form fr-background-alt--blue-france' } do |f|
 
-      %p.notice
+        %h1.page-title
-        L’attestation, si elle est activée, est émise au moment où un dossier est accepté.
+          Délivrance d’attestation
-        %br
+          - if @attestation_template.activated?
-        L’email d’accusé d’acceptation envoyé à l’usager comporte alors un lien vers l’attestation ;
+            %span.text-active activée
-        celle-ci est également disponible au téléchargement depuis l’espace personnel de l’usager.
+          - 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
+        = render partial: 'administrateurs/attestation_templates/informations', locals: { f: f }
-        .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
 
-        .actions-right
+        .procedure-form__actions.sticky--bottom
-          = 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 ?'}
+          .actions-left
-          = f.button 'Enregistrer', class: 'fr-btn'
+            %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
+          .actions-right
-      .procedure-form__preview.sticky--top
+            = 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 ?'}
-        %h3
+            = f.button 'Enregistrer', class: 'fr-btn'
-          .procedure-form__preview-title
+
-            Aperçu
+      .procedure-form__column--preview
-            .notice
+        .procedure-form__preview.sticky--top
-              Cet aperçu est mis à jour après chaque sauvegarde.
+          %h3
-        .procedure-preview
+            .procedure-form__preview-title
-          = render partial: 'administrateurs/attestation_templates/apercu', locals: { procedure: @procedure }
+              Aperçu
+              .notice
+                Cet aperçu est mis à jour après chaque sauvegarde.
+          .procedure-preview
+            = render partial: 'administrateurs/attestation_templates/apercu', locals: { procedure: @procedure }