Open filter if open-on-load present

alphagov · Aug 11, 2023 · eb40ce9 · eb40ce9
1 parent 71d6dc1
commit eb40ce9
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 0 deletions.
diff --git a/app/assets/javascripts/modules/mobile-filters-modal.js b/app/assets/javascripts/modules/mobile-filters-modal.js
@@ -17,6 +17,10 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
       this.triggerElement.addEventListener('click', this.module.toggle)
       this.triggerElement.setAttribute('aria-controls', this.module.id)
       this.triggerElement.setAttribute('aria-expanded', 'false')
+      // Open filter on page load if data attribute "open_on_load" is present
+      if (this.triggerElement.getAttribute('data-open-on-load') === 'true') {
+        this.triggerElement.click()
+      }
     }
 
     if (this.clearFiltersTrigger) {

diff --git a/app/models/content_item.rb b/app/models/content_item.rb
@@ -46,6 +46,10 @@ def filter
     content_item_hash.dig("details", "filter") || {}
   end
 
+  def open_on_load
+    content_item_hash.dig("details", "open_on_load") || ""
+  end
+
   def reject
     content_item_hash.dig("details", "reject") || {}
   end

diff --git a/app/views/finders/_filter_button.html.erb b/app/views/finders/_filter_button.html.erb
@@ -8,6 +8,7 @@
     data-track-label=""
     data-module="ga4-event-tracker"
     data-ga4-expandable=""
+    data-open-on-load="<%= @content_item.open_on_load %>"
     >
       Filter <span class="govuk-visually-hidden"> results</span>
       <span class="js-selected-filter-count"><%= sanitize facet_tags.display_total_selected_filters %></span>