add links in footer and page profil and modal to choose scheme
This commit is contained in:
parent
cbec8b8b75
commit
d601f92be8
6 changed files with 52 additions and 0 deletions
41
app/views/layouts/_display_modal.html.haml
Normal file
41
app/views/layouts/_display_modal.html.haml
Normal file
|
@ -0,0 +1,41 @@
|
|||
%dialog#fr-theme-modal.fr-modal{ "aria-labelledby" => "fr-theme-modal-title", role: "dialog" }
|
||||
.fr-container.fr-container--fluid.fr-container-md
|
||||
.fr-grid-row.fr-grid-row--center
|
||||
.fr-col-12.fr-col-md-6.fr-col-lg-4
|
||||
.fr-modal__body
|
||||
.fr-modal__header
|
||||
%button#button-5622.fr-btn--close.fr-btn{ "aria-controls" => "fr-theme-modal", title: "Fermer" } Fermer
|
||||
.fr-modal__content
|
||||
%h1#fr-theme-modal-title.fr-modal__title Paramètres d’affichage
|
||||
#fr-display.fr-display
|
||||
%fieldset#display-fieldset.fr-fieldset
|
||||
%legend#display-fieldset-legend.fr-fieldset__legend--regular.fr-fieldset__legend Choisissez un thème pour personnaliser l’apparence du site.
|
||||
.fr-fieldset__element
|
||||
.fr-radio-group.fr-radio-rich
|
||||
%input#fr-radios-theme-light{ name: "fr-radios-theme", type: "radio", value: "light" }/
|
||||
%label.fr-label{ for: "fr-radios-theme-light" } Thème clair
|
||||
.fr-radio-rich__img
|
||||
%svg.fr-artwork{ aria_hidden: "true", viewBox: "0 0 80 80", width: "80px", height: "80px" }
|
||||
%use.fr-artwork-decorative{ href: image_path("pictograms/environment/sun.svg#artwork-decorative") }
|
||||
%use.fr-artwork-minor{ href: image_path("pictograms/environment/sun.svg#artwork-minor") }
|
||||
%use.fr-artwork-major{ href: image_path("pictograms/environment/sun.svg#artwork-major") }
|
||||
.fr-fieldset__element
|
||||
.fr-radio-group.fr-radio-rich
|
||||
%input#fr-radios-theme-dark{ name: "fr-radios-theme", type: "radio", value: "dark" }/
|
||||
%label.fr-label{ for: "fr-radios-theme-dark" } Thème sombre
|
||||
.fr-radio-rich__img
|
||||
%svg.fr-artwork{ "aria-hidden" => "true", height: "80px", viewbox: "0 0 80 80", width: "80px" }
|
||||
%use.fr-artwork-decorative{ href: image_path("pictograms/environment/moon.svg#artwork-decorative") }
|
||||
%use.fr-artwork-minor{ href: image_path("pictograms/environment/moon.svg#artwork-minor") }
|
||||
%use.fr-artwork-major{ href: image_path("pictograms/environment/moon.svg#artwork-major") }
|
||||
.fr-fieldset__element
|
||||
.fr-radio-group.fr-radio-rich
|
||||
%input#fr-radios-theme-system{ name: "fr-radios-theme", type: "radio", value: "system" }/
|
||||
%label.fr-label{ for: "fr-radios-theme-system" }
|
||||
Système
|
||||
%span.fr-hint-text Utilise les paramètres système
|
||||
.fr-radio-rich__img
|
||||
%svg.fr-artwork{ "aria-hidden" => "true", height: "80px", viewbox: "0 0 80 80", width: "80px" }
|
||||
%use.fr-artwork-decorative{ href: image_path("pictograms/system/system.svg#artwork-decorative") }
|
||||
%use.fr-artwork-minor{ href: image_path("pictograms/system/system.svg#artwork-minor") }
|
||||
%use.fr-artwork-major{ href: image_path("pictograms/system/system.svg#artwork-major") }
|
|
@ -38,6 +38,8 @@
|
|||
|
||||
%body{ { id: content_for(:page_id), class: browser.platform.ios? ? 'ios' : nil, data: { controller: 'turbo number-input' } }.compact }
|
||||
= render partial: 'layouts/skiplinks'
|
||||
= render partial: 'layouts/display_modal'
|
||||
|
||||
.page-wrapper
|
||||
- if feature_enabled?(:team_on_strike)
|
||||
= render partial: 'layouts/strike_banner'
|
||||
|
|
|
@ -5,3 +5,6 @@
|
|||
= link_to t("links.footer.mentions_legales.label"), MENTIONS_LEGALES_URL, title: t("links.footer.mentions_legales.title"), class: "fr-footer__bottom-link", rel: "noopener noreferrer"
|
||||
%li.fr-footer__bottom-item
|
||||
= link_to t("links.footer.cookies.label"), suivi_path, title: t("links.footer.cookies.title"), class: "fr-footer__bottom-link"
|
||||
%li.fr-footer__bottom-item
|
||||
%button.fr-footer__bottom-link.fr-icon-theme-fill.fr-btn--icon-left{ aria: {controls: "fr-theme-modal" }, data: {'fr-opened': "false" } }
|
||||
= t('links.footer.display_params')
|
||||
|
|
|
@ -17,6 +17,10 @@
|
|||
= link_to 'Refuser la fusion', refuse_merge_path, method: :post, class: 'fr-btn fr-btn--secondary', data: { confirm: "Confirmez-vous le refus ?" }
|
||||
= link_to 'Accepter la fusion', accept_merge_path, method: :post, class: 'fr-btn fr-btn--secondary', data: { confirm: "Confirmez-vous la fusion des comptes ?" }
|
||||
|
||||
.card
|
||||
.card-title Choisissez un thème pour personnaliser l’apparence du site
|
||||
= link_to t('links.footer.display_params'),'#', { aria: {controls: "fr-theme-modal" }, data: {'fr-opened': "false" }, class: 'fr-icon-theme-fill fr-link--icon-left fr-link' }
|
||||
|
||||
.card
|
||||
.card-title= t('.contact')
|
||||
%p
|
||||
|
|
|
@ -74,3 +74,4 @@ en:
|
|||
contact:
|
||||
label: Contact
|
||||
title: Contact
|
||||
display_params: Display params
|
||||
|
|
|
@ -86,3 +86,4 @@ fr:
|
|||
contact:
|
||||
label: Nous contacter
|
||||
title: Nous contacter
|
||||
display_params: Paramètres d'affichage
|
||||
|
|
Loading…
Reference in a new issue