add deleted dossiers in menu for instructeurs

app/helpers/dossier_helper.rb

@@ -105,7 +105,7 @@ def deletion_reason_badge(reason)
       status_class = 'unknown'
     end
 
-    tag.span(status_text, class: "label #{status_class} ")
+    tag.span(status_text, class: "fr-badge #{status_class} ")
   end
 
   def pending_correction_badge(for_profile, html_class: nil)

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

@@ -24,9 +24,13 @@
   |
   = link_to t('instructeurs.dossiers.header.banner.administrators_list'), administrateurs_instructeur_procedure_path(procedure), class: 'header-link'
   |
+  = link_to t('views.instructeurs.dossiers.show_deleted_dossiers'), deleted_dossiers_instructeur_procedure_path(@procedure), class: "header-link"
+  |
   = link_to t('instructeurs.dossiers.header.banner.exports_list'), exports_instructeur_procedure_path(procedure), class: 'header-link'
   - if @has_export_notification
     %span.notifications{ 'aria-label': t('instructeurs.dossiers.header.banner.exports_notification_label') }
 
+
+
   #last-export-alert
     = render partial: "last_export_alert", locals: { export: @last_export, statut: @statut }

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

@@ -1,41 +1,25 @@
 - content_for(:title, "#{@procedure.libelle}")
 
-#procedure-show
-  .sub-header
-    .fr-container.flex
+= render partial: 'administrateurs/breadcrumbs',
+  locals: { steps: [[@procedure.libelle.truncate_words(10), instructeur_procedure_path(@procedure)],
+                    ['Historique des dossiers supprimés']] }
 
-      .procedure-logo{ style: "background-image: url(#{@procedure.logo_url})",
-        role: 'img', 'aria-label': "logo de la démarche #{@procedure.libelle}" }
+.fr-container
+  .fr-mb-3w
+    = link_to "Retour à la démarche", instructeur_procedure_path(@procedure), class: "fr-link fr-icon-arrow-left-line fr-link--icon-left"
+  %h1.titre-dossiers Historique des dossiers supprimés
 
-      = render partial: 'header', locals: { procedure: @procedure, statut: @statut }
-
-      .procedure-actions
-        - if @can_download_dossiers
-          = render Dossiers::ExportDropdownComponent.new(procedure: @procedure, export_templates: current_instructeur.export_templates_for(@procedure), export_url: method(:download_export_instructeur_procedure_path))
-
-    .fr-container.flex= render partial: "tabs", locals: { procedure: @procedure,
-        statut: @statut,
-        a_suivre_count: @a_suivre_count,
-        suivis_count: @suivis_count,
-        traites_count: @traites_count,
-        tous_count: @tous_count,
-        supprimes_count: @supprimes_count,
-        archives_count: @archives_count,
-        expirant_count: @expirant_count,
-        has_en_cours_notifications: @has_en_cours_notifications,
-        has_termine_notifications: @has_termine_notifications }
-
-  .fr-container
-    %h1.titre-dossiers Dossiers supprimés
-    %details
-      %summary Les dossiers ont été supprimés. Vous ne pouvez plus les récupérer depuis Démarches Simplifiées.
-      Ceci s'explique pour les raisons suivantes :
-      %ul
-        %li L’utilisateur a intentionnellement supprimé son dossier.
-        %li Le délai de conservation maximal de #{@procedure.duree_conservation_dossiers_dans_ds} mois a expiré. Conformément au règlement RGPD, DS ne peut continuer à les héberger.
-    - if @deleted_dossiers.any?
+  - if @deleted_dossiers.any?
+    = render Dsfr::CalloutComponent.new(title: nil) do |c|
+      - c.with_body do
+        %p Les dossiers ont été supprimés. Vous ne pouvez plus les récupérer depuis Démarches Simplifiées.
+        Ceci s'explique pour les raisons suivantes :
+        %ul
+          %li L’utilisateur a intentionnellement supprimé son dossier.
+          %li Le délai de conservation maximal de #{@procedure.duree_conservation_dossiers_dans_ds} mois a expiré. Conformément au règlement RGPD, DS ne peut continuer à les héberger.
       = paginate @deleted_dossiers, views_prefix: 'shared'
-      %table.table.dossiers-table.hoverable
+    .fr-table.fr-table--layout-fixed.fr-mt-3w
+      %table
         %thead
           %tr
             %th.number-col N° dossier
@@ -50,6 +34,6 @@
                 = deletion_reason_badge(deleted_dossier.reason)
               %td.deleted-cell
                 = l(deleted_dossier.deleted_at, format: '%d/%m/%y')
-      = paginate @deleted_dossiers, views_prefix: 'shared'
-    - else
-      Aucun dossier supprimé
+    = paginate @deleted_dossiers, views_prefix: 'shared'
+  - else
+    Aucun dossier supprimé

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

@@ -65,11 +65,6 @@
         = render Dossiers::NotifiedToggleComponent.new(procedure: @procedure, procedure_presentation: @procedure_presentation)
 
         .fr-ml-auto
-
-          - if @statut == 'archives'
-            = link_to deleted_dossiers_instructeur_procedure_path(@procedure), class: "fr-link fr-icon-delete-line fr-link--icon-left fr-mr-2w" do
-              = t('views.instructeurs.dossiers.show_deleted_dossiers')
-
           - if @dossiers_count > 0
             %span.dossiers-export
               = render Dossiers::ExportDropdownComponent.new(procedure: @procedure, export_templates: current_instructeur.export_templates_for(@procedure), statut: @statut, count: @dossiers_count, class_btn: 'fr-btn--tertiary', export_url: method(:download_export_instructeur_procedure_path))

config/locales/fr.yml

@@ -415,7 +415,7 @@ fr:
         batch_operation:
           enabled: "Ajouter le dossier %{dossier_id} à la sélection pour un traitement de masse"
           disabled: "Impossible d'ajouter le dossier %{dossier_id} à la selection car il est déjà dans un traitement de masse"
-        show_deleted_dossiers: Afficher les dossiers supprimés
+        show_deleted_dossiers: Historique des dossiers supprimés
         personalize: Personnaliser
         passer_en_instruction: Passer en instruction
         repasser_en_construction: Repasser en construction

config/locales/views/instructeurs/header/fr.yml

@@ -10,10 +10,10 @@ fr:
             en_construction: Ce dossier est en attente de prise en charge. Vous pouvez toutefois étendre cette durée d’un mois en cliquant sur le bouton suivant.
             termine: Le traitement de ce dossier est terminé, mais il va bientôt expirer. Cela signifie qu’il va bientôt être supprimé. Si vous souhaitez en conserver une trace, vous pouvez le télécharger au format PDF.
           button_delay_expiration: "Conserver un mois de plus"
-          notification_management: gestion des notifications
-          administrators_list: voir les administrateurs
-          exports_list: voir les exports
+          notification_management: Gestion des notifications
+          administrators_list: Voir les administrateurs
+          exports_list: Voir les exports
           exports_notification_label: Un nouvel export est prêt à être téléchargé
-          statistics: statistiques
+          statistics: Statistiques
           instructeurs: instructeurs
-          contact_users: contacter les usagers (brouillon)
+          contact_users: Contacter les usagers (brouillon)