Ajoute le liseret indicatif de la section en cours. Retire le bouton retour, géré dans une autre PR

This commit is contained in:
Kara Diaby 2024-11-13 14:03:51 +00:00
parent 29a2975752
commit e81f829545
No known key found for this signature in database
GPG key ID: C4D1B0CF9F24D759
3 changed files with 63 additions and 12 deletions

View file

@ -89,6 +89,21 @@ trix-editor.fr-input {
} }
} }
} }
/* prettier-ignore */
.fr-nav__item.section-active {
position: relative;
&::after {
content: ''; // scss-lint:disable StringQuotes
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
height: 2px;
background-color: var(--blue-france-sun-113-625);
transform: translateY(100%);
}
}
@keyframes popover-slide { @keyframes popover-slide {
from { from {

View file

@ -0,0 +1,33 @@
# frozen_string_literal: true
module NavigationHelper
def current_nav_section
if procedure_management_section?
'procedure_management'
elsif user_support_section?
'user_support'
elsif downloads_section?
'downloads'
else
'follow_up'
end
end
private
def procedure_management_section?
return true if params[:action].in?(['administrateurs', 'stats', 'email_notifications', 'deleted_dossiers'])
return true if params[:controller] == 'instructeurs/groupe_instructeurs'
false
end
def user_support_section?
params[:action] == 'email_usagers' || params[:action] == 'apercu'
end
def downloads_section?
params[:action] == 'exports' ||
params[:controller] == 'instructeurs/archives'
end
end

View file

@ -1,23 +1,24 @@
.procedure-header .procedure-header
.clipboard-container.flex .clipboard-container
= link_to "javascript:history.back()", class: "fr-btn btn-back" do
%span.fr-icon-arrow-left-line{ "aria-hidden" => "true", style: "font-size: 14px;" }
%h1.fr-h3 %h1.fr-h3
= "#{procedure_libelle procedure} (n°#{procedure.id})" = "#{procedure_libelle procedure} (n°#{procedure.id})"
%nav.flex.align-center.fr-translate.fr-nav{ role: "navigation", "aria-label"=> t('instructeurs.dossiers.header.banner.procedure_navigation') } %nav.flex.align-center.fr-translate.fr-nav{ role: "navigation", "aria-label"=> t('instructeurs.dossiers.header.banner.procedure_navigation') }
.fr-nav__item .fr-nav__item{ class: ('section-active' if current_nav_section == 'follow_up') }
= link_to instructeur_procedure_path(procedure), class: "account-btn fr-btn fr-btn--tertiary fr-btn--no-border", style: "box-shadow: none; background: none;" do = link_to instructeur_procedure_path(procedure), class: "account-btn fr-btn fr-btn--tertiary fr-btn--no-border", style: "box-shadow: none; background: none;" do
%span.fr-mr-1w= t('instructeurs.dossiers.header.banner.follow_up') %span.fr-mr-1w= t('instructeurs.dossiers.header.banner.follow_up')
.fr-nav__item.relative .fr-nav__item.relative{ class: ('section-active' if current_nav_section == 'procedure_management') }
%button.account-btn.fr-translate__btn.fr-btn.fr-btn--tertiary.fr-btn--no-border.fr-text--md{ "aria-controls" => "procedure-management", "aria-expanded" => "false", style: "box-shadow: none; background: none;" } %button.account-btn.fr-translate__btn.fr-btn.fr-btn--tertiary.fr-btn--no-border.fr-text--md{ "aria-controls" => "procedure-management", "aria-expanded" => "false", style: "box-shadow: none; background: none;" }
= t('instructeurs.dossiers.header.banner.procedure_management') = t('instructeurs.dossiers.header.banner.procedure_management')
#procedure-management.fr-collapse.fr-menu.absolute #procedure-management.fr-collapse.fr-menu.absolute
%ul.fr-menu__list %ul.fr-menu__list
%li %li
= link_to t('instructeurs.dossiers.header.banner.administrators_list'), administrateurs_instructeur_procedure_path(procedure), class: 'fr-nav__link' = link_to t('instructeurs.dossiers.header.banner.administrators_list'), administrateurs_instructeur_procedure_path(procedure), class: 'fr-nav__link'
- if procedure.instructeurs_self_management_enabled?
%li %li
= link_to t('instructeurs.dossiers.header.banner.instructeurs'), instructeur_groupes_path(procedure), class: 'fr-nav__link' = link_to t('instructeurs.dossiers.header.banner.instructeurs'), instructeur_groupes_path(procedure), class: 'fr-nav__link'
- elsif procedure.administrateurs.exists?(id: current_administrateur&.id)
%li
= link_to t('instructeurs.dossiers.header.banner.instructeurs'), admin_procedure_groupe_instructeurs_path(procedure), class: 'fr-nav__link'
%li %li
= link_to t('instructeurs.dossiers.header.banner.notification_management'), email_notifications_instructeur_procedure_path(procedure), class: 'fr-nav__link' = link_to t('instructeurs.dossiers.header.banner.notification_management'), email_notifications_instructeur_procedure_path(procedure), class: 'fr-nav__link'
%li %li
@ -25,7 +26,7 @@
%li %li
= link_to t('views.instructeurs.dossiers.show_deleted_dossiers'), deleted_dossiers_instructeur_procedure_path(@procedure), class: 'fr-nav__link' = link_to t('views.instructeurs.dossiers.show_deleted_dossiers'), deleted_dossiers_instructeur_procedure_path(@procedure), class: 'fr-nav__link'
.fr-nav__item.relative .fr-nav__item.relative{ class: ('section-active' if current_nav_section == 'user_support') }
%button.account-btn.fr-translate__btn.fr-btn.fr-btn--tertiary.fr-btn--no-border.fr-text--md{ "aria-controls" => "user-support", "aria-expanded" => "false", style: "box-shadow: none; background: none;" } %button.account-btn.fr-translate__btn.fr-btn.fr-btn--tertiary.fr-btn--no-border.fr-text--md{ "aria-controls" => "user-support", "aria-expanded" => "false", style: "box-shadow: none; background: none;" }
= t('instructeurs.dossiers.header.banner.user_support') = t('instructeurs.dossiers.header.banner.user_support')
#user-support.fr-collapse.fr-menu.absolute #user-support.fr-collapse.fr-menu.absolute
@ -38,7 +39,7 @@
= link_to "#", class: "fr-nav__link fr-link fr-link--md fr-link--icon-left fr-icon-clipboard-line", data: {controller: "clipboard", clipboard_text_value: commencer_url(@procedure.path), action: "click->clipboard#copy" } do = link_to "#", class: "fr-nav__link fr-link fr-link--md fr-link--icon-left fr-icon-clipboard-line", data: {controller: "clipboard", clipboard_text_value: commencer_url(@procedure.path), action: "click->clipboard#copy" } do
= t('instructeurs.dossiers.header.banner.copy_link_button') = t('instructeurs.dossiers.header.banner.copy_link_button')
.fr-nav__item.relative .fr-nav__item.relative{ class: ('section-active' if current_nav_section == 'downloads') }
%button.account-btn.fr-translate__btn.fr-btn.fr-btn--tertiary.fr-btn--no-border.fr-text--md{ "aria-controls" => "downloads", "aria-expanded" => "false", style: "box-shadow: none; background: none;" } %button.account-btn.fr-translate__btn.fr-btn.fr-btn--tertiary.fr-btn--no-border.fr-text--md{ "aria-controls" => "downloads", "aria-expanded" => "false", style: "box-shadow: none; background: none;" }
= t('instructeurs.dossiers.header.banner.downloads') = t('instructeurs.dossiers.header.banner.downloads')
#downloads.fr-collapse.fr-menu.absolute #downloads.fr-collapse.fr-menu.absolute
@ -49,6 +50,8 @@
= link_to t('instructeurs.dossiers.header.banner.archives'), instructeur_archives_path(procedure), class: 'fr-nav__link' = link_to t('instructeurs.dossiers.header.banner.archives'), instructeur_archives_path(procedure), class: 'fr-nav__link'
%li %li
= link_to t('instructeurs.dossiers.header.banner.exports_models'), exports_instructeur_procedure_path(procedure), class: 'fr-nav__link' = link_to t('instructeurs.dossiers.header.banner.exports_models'), exports_instructeur_procedure_path(procedure), class: 'fr-nav__link'
- if @has_export_notification
%span.notifications{ 'aria-label': t('instructeurs.dossiers.header.banner.exports_notification_label') }
-# #last-export-alert #last-export-alert
-# = render partial: "last_export_alert", locals: { export: @last_export, statut: @statut } = render partial: "instructeurs/procedures/last_export_alert", locals: { export: @last_export, statut: @statut }