feat(faq): link siblings FAQs of same category

app/controllers/faq_controller.rb

@@ -7,6 +7,8 @@ class FAQController < ApplicationController
     @renderer = Redcarpet::Markdown.new(
       Redcarpet::BareRenderer.new(class_names_map: { list: 'fr-ol-content--override' })
     )
+
+    @siblings = loader_service.faqs_for_category(@metadata[:category])
   end
 
   private

app/services/faqs_loader_service.rb

@@ -16,6 +16,12 @@ class FAQsLoaderService
     FrontMatterParser::Parser.parse_file(file_path)
   end
 
+  def faqs_for_category(category)
+    @faqs_by_path.values
+      .filter { |faq| faq[:category] == category }
+      .group_by { |faq| faq[:subcategory] }
+   end
+
   private
 
   def load_faqs

app/views/faq/_sidebar.html.haml

@@ -0,0 +1,20 @@
+%nav.fr-sidemenu.fr-sidemenu--sticky{ role: "navigation", 'aria-labelledby': "fr-sidemenu-title" }
+  .fr-sidemenu__inner
+    %button.fr-sidemenu__btn{ 'aria-controls': "fr-sidemenu-wrapper", 'aria-expanded': "false" }
+      = t(:sidebar_button, scope: [:faq])
+    .fr-collapse#fr-sidemenu-wrapper
+      .fr-sidemenu__title#fr-sidemenu-title
+        = t(:name, scope: [:faq, :categories, current[:category]])
+      %ul.fr-sidemenu__list
+        - faqs.each_with_index do |(subcategory, faqs), index|
+          %li{ class: class_names("fr-sidemenu__item", "fr-sidemenu__item--active" => subcategory == current[:subcategory]) }
+            %button.fr-sidemenu__btn{ aria: { 'expanded': subcategory == current[:subcategory] ? "true" : "false",
+                                              'controls': "fr-sidemenu-item-#{index}",
+                                              'current' => subcategory == current[:subcategory] ? "true" : nil } }
+              = t(:name, scope: [:faq, :subcategories, subcategory])
+            .fr-collapse{ id: "fr-sidemenu-item-#{index}" }
+              %ul.fr-sidemenu__list
+                - faqs.each do |faq|
+                  %li{ class: class_names("fr-sidemenu__item", "fr-sidemenu__item--active" => faq[:slug] == current[:slug]) }
+                    = link_to faq[:title], faq_path(category: faq[:category], slug: faq[:slug]),
+                      class: 'fr-sidemenu__link', target: "_self", "aria-current" => current[:slug] == faq[:slug] ? "page" : nil

app/views/faq/show.html.haml

@@ -2,5 +2,7 @@
 
 .fr-container.fr-my-4w
   .fr-grid-row
+    .fr-col-12.fr-col-md-4
+      = render partial: "sidebar", locals: { faqs: @siblings, current: @metadata }
     .fr-col-12.fr-col-md-8.fr-py-12v
       = @renderer.render(@content).html_safe

config/locales/faqs.fr.yml

@@ -1,5 +1,6 @@
 fr:
   faq:
+    sidebar_button: Dans cette Foire Aux Questions
     categories:
       usager:
         name: Usager (dépôt d’un dossier)