Merge pull request #9133 from demarches-simplifiees/add-dossiers-count-in-groupe-instructeurs-page

Ajustements d'UI dans la liste et le détail des groupes d'instructeurs

app/assets/stylesheets/02_utils.scss

@@ -90,6 +90,18 @@
   display: none !important;
 }
 
+.visible-on-previous-hover {
+  visibility: hidden;
+}
+
+:hover + .visible-on-previous-hover {
+  visibility: visible;
+}
+
+.no-wrap {
+  white-space: nowrap;
+}
+
 // sizing
 .width-100 {
   width: 100%;

app/components/procedure/groupes_management_component/groupes_management_component.html.haml

@@ -11,7 +11,6 @@
         %th{ scope: "col" }
           .flex
             .flex.auto= table_header
-            %span.fr-icon.fr-icon-user-line
     %tbody
       - @groupe_instructeurs.each do |gi|
         %tr
@@ -25,9 +24,15 @@
                 - elsif gi.routing_to_configure?
                   %p.fr-badge.fr-badge--warning.fr-badge--sm.fr-ml-1w à configurer
 
-              %div{ style: 'width: 25px; text-align: center;' }
+              %span.fr-mr-1w
+                #{gi.dossiers.visible_by_administration.size}
+              %span.fr-icon.fr-icon-folder-2-line.fr-mr-2w{ style: 'width: 25px; text-align: center;' }
+              %span.fr-mr-1w
                 #{gi.instructeurs.count}
+              %span.fr-icon.fr-icon-user-line{ style: 'width: 25px; text-align: center;' }
+
             %p= gi.routing_rule&.to_s(@procedure.active_revision.types_de_champ)
+
   .fr-mt-1w
     = paginate @groupe_instructeurs
 

app/components/procedure/one_groupe_management_component/one_groupe_management_component.fr.yml

@@ -6,3 +6,5 @@ fr:
     zero: Déplacer les dossiers en brouillon
     one: Déplacer un dossier
     other: Déplacer les %{count} dossiers
+  delete: Supprimer le groupe
+  delete_confirmation: Êtes-vous sûr de vouloir supprimer le groupe "%{group_name}" ?

app/components/procedure/one_groupe_management_component/one_groupe_management_component.html.haml

@@ -32,20 +32,21 @@
         %p.fr-mb-1w.fr-badge.fr-badge--warning.fr-badge--sm à configurer
 
     .flex.align-baseline
-      .fr-mr-2w si le champ
+      .fr-mr-2w.no-wrap si le champ
       .target.fr-mr-2w
         = targeted_champ_tag
-      .operator.fr-mr-2w est égal à
+      .operator.fr-mr-2w.no-wrap est égal à
       .value
         = value_tag
 
   %ul.fr-btns-group.fr-btns-group--sm.fr-btns-group--inline.fr-btns-group--icon-right
     %li
       - if @groupe_instructeur.can_delete?
-        %p Supprimer le groupe
+        %p= t('.delete')
         = button_to admin_procedure_groupe_instructeur_path(@procedure_id, @groupe_instructeur),
         class: 'fr-btn fr-btn--tertiary fr-btn--icon-left fr-icon-delete-line',
-        method: :delete do
+        method: :delete,
+        data: { confirm: t('.delete_confirmation', group_name: @groupe_instructeur.label) } do
           Supprimer
       - else
         = button_to reaffecter_dossiers_admin_procedure_groupe_instructeur_path(@procedure_id, @groupe_instructeur),