layout

app/components/dsfr/copy_button_component/copy_button_component.html.haml

@@ -0,0 +1,5 @@
+%span{ data: { controller: 'clipboard', clipboard_text_value: @text } }
+  %button{ data: { action: 'clipboard#copy' }, title: @title }
+    %span.fr-icon-clipboard-line
+  %p.fr-text--sm.hidden{ data: { clipboard_target: 'success' } }
+    = @success || t('.copy_confirmation')

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

@@ -1,5 +1,8 @@
 .procedure-header
-  %h1= procedure_libelle procedure
+  .flex.clipboard-container
+    %h1
+      = "#{procedure_libelle procedure} - n°#{procedure.id}"
+    = render Dsfr::CopyButtonComponent.new(title: t('instructeurs.procedures.index.copy_link_button'), text: procedure_lien(procedure))
   = link_to t('instructeurs.dossiers.header.banner.notification_management'), email_notifications_instructeur_procedure_path(procedure), class: 'header-link'
   |
   = link_to t('instructeurs.dossiers.header.banner.statistics'), stats_instructeur_procedure_path(procedure), class: 'header-link'
@@ -16,3 +19,6 @@
   - if can_send_groupe_message?(procedure)
     |
     = link_to t('instructeurs.dossiers.header.banner.contact_users'), email_usagers_instructeur_procedure_path(procedure), class: 'header-link'
+
+  |
+  = link_to t('instructeurs.dossiers.header.banner.administrators_list'), administrateurs_instructeur_procedure_path(procedure), class: 'header-link'

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

@@ -4,9 +4,12 @@
       .procedure-logo{ style: "background-image: url(#{p.logo_url})" }
 
     .procedure-details
-      %p.fr-mb-2w
-        = procedure_badge(p)
-        = link_to(p.libelle, instructeur_procedure_path(p), class: "fr-link fr-ml-1w")
+      .flex.clipboard-container
+        %p.fr-mb-2w
+          = procedure_badge(p)
+          = link_to("#{p.libelle} - n°#{p.id}", instructeur_procedure_path(p), class: "fr-link fr-ml-1w")
+          = render Dsfr::CopyButtonComponent.new(title: t('instructeurs.procedures.index.copy_link_button'), text: procedure_lien(p))
+
       %ul.procedure-stats.flex
         %li
           %object

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

@@ -0,0 +1,12 @@
+- content_for(:title, "Administrateurs de #{@procedure.libelle}")
+
+= render partial: 'administrateurs/breadcrumbs',
+  locals: { steps: [[@procedure.libelle.truncate_words(10), administrateurs_instructeur_procedure_path(@procedure)],['Administrateurs']] }
+
+.container
+  %h1
+    = t('instructeurs.procedures.administrators_list.title', procedure_id: @procedure.id, procedure_libelle: @procedure.libelle)
+
+  %ul
+    - @administrateurs.each do |admin|
+      %li= admin.email