Merge pull request #11064 from mfo/US/add-breadcrumb-to-instructeurs-dossiers-show

ETQ instructeur, je souhaite avoir un fil d'ariane jusqu'a la visualisation d'un dossier

app/views/instructeurs/_breadcrumbs.html.haml

@@ -1,4 +1,4 @@
-%nav.fr-mb-0.fr-breadcrumb.mt-0{ role: "navigation", aria: { label: t('you_are_here', scope: [:layouts, :breadcrumb]) } }
+%nav.fr-breadcrumb.fr-mt-0.fr-mb-1w{ role: "navigation", aria: { label: t('you_are_here', scope: [:layouts, :breadcrumb]) } }
   %button.fr-breadcrumb__button{ aria: { expanded: "false", controls: "breadcrumb-1" } }
     = t('show', scope: [:layouts, :breadcrumb])
 
@@ -10,4 +10,4 @@
         - if i == steps.size - 1
           %li= link_to step[0], '', { aria: { current: "page" } , class: 'fr-breadcrumb__link' }
         - else
-          %li= link_to "#{step[0]} - Suivi des dossiers", step[1], class: 'fr-breadcrumb__link'
+          %li= link_to step[0], step[1], class: 'fr-breadcrumb__link'

app/views/instructeurs/dossiers/_header.html.haml

@@ -6,6 +6,10 @@
       pour voir si l'opération est finie.
 
 .sub-header
+  .fr-container.flex.justify-between.align-baseline.column= render partial: 'instructeurs/breadcrumbs',
+    locals: { steps: [[t('show_procedure', scope: [:layouts, :breadcrumb], libelle: dossier.procedure.libelle.truncate(22)), instructeur_procedure_path(dossier.procedure)],
+                      [t('show_dossier', scope: [:layouts, :breadcrumb], dossier_id: dossier.id, owner_name: dossier.owner_name)]] }
+
   = render partial: 'instructeurs/dossiers/header_top', locals: { dossier: }
   = render partial: 'instructeurs/dossiers/header_bottom', locals: { dossier:, gallery_attachments: }
 

app/views/instructeurs/dossiers/_header_top.html.haml

@@ -2,7 +2,7 @@
   .flex
     %div
       %h1.fr-h3.fr-mb-1w
-        = "Dossier nº #{dossier.id}"
+        = t('show_dossier', scope: [:layouts, :breadcrumb], dossier_id: dossier.id, owner_name: dossier.owner_name)
 
       = link_to dossier.procedure.libelle.truncate_words(10), instructeur_procedure_path(dossier.procedure), title: dossier.procedure.libelle, class: "fr-link"
       .fr-mt-2w.fr-badge-group

app/views/instructeurs/procedures/administrateurs.html.haml

@@ -3,7 +3,7 @@
 .sub-header
   .fr-container.flex.column
     = render partial: 'instructeurs/breadcrumbs',
-      locals: { steps: [[@procedure.libelle.truncate_words(10), administrateurs_instructeur_procedure_path(@procedure)],[t('instructeurs.dossiers.header.banner.administrators_list')]] }
+      locals: { steps: [[t('show_procedure', scope: [:layouts, :breadcrumb], libelle: @procedure.libelle.truncate(22)), instructeur_procedure_path(@procedure)],[t('instructeurs.dossiers.header.banner.administrators_list')]] }
 
     = render partial: 'instructeurs/procedures/header',
       locals: { procedure: @procedure }

app/views/instructeurs/procedures/deleted_dossiers.html.haml

@@ -3,7 +3,7 @@
 .sub-header
   .fr-container.flex.column
     = render partial: 'instructeurs/breadcrumbs',
-      locals: { steps: [[@procedure.libelle.truncate_words(10), instructeur_procedure_path(@procedure)],
+      locals: { steps: [[t('show_procedure', scope: [:layouts, :breadcrumb], libelle: @procedure.libelle.truncate(22)), instructeur_procedure_path(@procedure)],
                         ['Historique des dossiers supprimés']] }
 
     = render partial: 'instructeurs/procedures/header',

app/views/instructeurs/procedures/email_notifications.html.haml

@@ -3,7 +3,7 @@
 .sub-header
   .fr-container.flex.column
     = render partial: 'instructeurs/breadcrumbs',
-      locals: { steps: [[@procedure.libelle.truncate_words(10), instructeur_procedure_path(@procedure)],
+      locals: { steps: [[t('show_procedure', scope: [:layouts, :breadcrumb], libelle: @procedure.libelle.truncate(22)), instructeur_procedure_path(@procedure)],
                         [t('instructeurs.dossiers.header.banner.notification_management')]] }
     = render partial: 'instructeurs/procedures/header',
       locals: { procedure: @procedure }

app/views/instructeurs/procedures/email_usagers.html.haml

@@ -3,7 +3,7 @@
 .sub-header
   .fr-container.flex.column
     = render partial: 'instructeurs/breadcrumbs',
-      locals: { steps: [[@procedure.libelle.truncate_words(10), instructeur_procedure_path(@procedure)],
+      locals: { steps: [[t('show_procedure', scope: [:layouts, :breadcrumb], libelle: @procedure.libelle.truncate(22)), instructeur_procedure_path(@procedure)],
                         [t('instructeurs.dossiers.header.banner.contact_users')]] }
     = render partial: 'instructeurs/procedures/header',
       locals: { procedure: @procedure }

app/views/instructeurs/procedures/show.html.haml

@@ -4,7 +4,7 @@
   .sub-header
     .fr-container.flex.column
       = render partial: 'instructeurs/breadcrumbs',
-      locals: { steps: [[@procedure.libelle.truncate_words(10), instructeur_procedure_path(@procedure)]] }
+      locals: { steps: [[t('show_procedure', scope: [:layouts, :breadcrumb], libelle: @procedure.libelle.truncate(22)), instructeur_procedure_path(@procedure)]] }
       = render partial: 'header', locals: { procedure: @procedure, statut: @statut }
       %hr
       %h1.fr-h5.fr-mb-0= t('.file_tracking')

app/views/instructeurs/procedures/stats.html.haml

@@ -4,7 +4,7 @@
 .sub-header
   .fr-container.flex.column
     = render partial: 'instructeurs/breadcrumbs',
-      locals: { steps: [[@procedure.libelle.truncate_words(10), instructeur_procedure_path(@procedure)],
+      locals: { steps: [[t('show_procedure', scope: [:layouts, :breadcrumb], libelle: @procedure.libelle.truncate(22)), instructeur_procedure_path(@procedure)],
                         [t('instructeurs.dossiers.header.banner.statistics')]] }
 
     = render partial: 'instructeurs/procedures/header',

config/locales/views/layouts/_breadcrumb.en.yml

@@ -16,3 +16,5 @@ en:
       go_to_FAQ: "read FAQ"
       url_FAQ: "/faq#accordion-administrateur-2"
       faq: Frequently Asked Questions
+      show_dossier: "File nº %{dossier_id} – %{owner_name}"
+      show_procedure: '%{libelle} – Files'

config/locales/views/layouts/_breadcrumb.fr.yml

@@ -16,3 +16,5 @@ fr:
       go_to_FAQ: "consulter la FAQ"
       url_FAQ: "/faq#accordion-administrateur-2"
       faq: Foire aux Questions
+      show_dossier: "Dossier nº %{dossier_id} – %{owner_name}"
+      show_procedure: '%{libelle} – Suivi des dossiers'