create component for sidemenu and add locales for raw text
This commit is contained in:
parent
4a2982dc37
commit
a01564adcd
13 changed files with 126 additions and 76 deletions
15
app/components/dsfr/sidemenu_component.rb
Normal file
15
app/components/dsfr/sidemenu_component.rb
Normal file
|
@ -0,0 +1,15 @@
|
|||
class Dsfr::SidemenuComponent < ApplicationComponent
|
||||
renders_many :links, "LinkComponent"
|
||||
|
||||
class LinkComponent < ApplicationComponent
|
||||
attr_reader :name, :url
|
||||
def initialize(name:, url:)
|
||||
@name = name
|
||||
@url = url
|
||||
end
|
||||
end
|
||||
|
||||
def active?(url)
|
||||
current_page?(url)
|
||||
end
|
||||
end
|
|
@ -0,0 +1,3 @@
|
|||
---
|
||||
fr:
|
||||
btn_collapse_text: In this section
|
|
@ -0,0 +1,3 @@
|
|||
---
|
||||
fr:
|
||||
btn_collapse_text: Dans cette rubrique
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
%nav.fr-sidemenu{ "aria-labelledby" => "fr-sidemenu-title" }
|
||||
.fr-sidemenu__inner
|
||||
%button.fr-sidemenu__btn{ "aria-controls" => "fr-sidemenu-wrapper", "aria-expanded" => "false", hidden: "" }= t('.btn_collapse_text')
|
||||
#fr-sidemenu-wrapper.fr-collapse
|
||||
%ul.fr-sidemenu__list
|
||||
- links.each do |link|
|
||||
%li{ class: "fr-sidemenu__item fr-sidemenu__item#{active?(link.url) ? '--active' : ''}" }
|
||||
= link_to link.name, link.url, class: 'fr-sidemenu__link', 'aria-current': active?(link.url) ? 'page' : nil, target: "_self"
|
Loading…
Add table
Add a link
Reference in a new issue