[#4692] Create range_form_component to override the html and remove t…

…he Apply submit button
pulibrary · Jan 24, 2025 · 268082c · 268082c
1 parent a299fca
commit 268082c
Show file tree

Hide file tree

Showing 5 changed files with 35 additions and 13 deletions.
diff --git a/app/assets/javascripts/custom_range_limit.js b/app/assets/javascripts/custom_range_limit.js
diff --git a/app/components/numismatics_search_form_component.html.erb b/app/components/numismatics_search_form_component.html.erb
@@ -16,7 +16,7 @@
       <div class="mb-3 advanced-search-facet row">
         <%= label_tag pub_date_field.parameterize, :class => "col-sm-4 control-label advanced-facet-label" do %>Year<% end %>
         <div class="col-sm-8">
-          <%= render BlacklightRangeLimit::RangeFormComponent.new(facet_field: pub_date_presenter) %> –
+          <%= render RangeFormComponent.new(facet_field: pub_date_presenter) %>
         </div>
       </div>
       <div class="mb-3 advanced-search-facet row">

diff --git a/app/components/orangelight/advanced_search_form_component.html.erb b/app/components/orangelight/advanced_search_form_component.html.erb
@@ -38,7 +38,7 @@
         <div class="mb-3 advanced-search-facet row">
           <%= label_tag pub_date_field.parameterize, :class => "col-sm-4 control-label advanced-facet-label" do %>Publication year<% end %>
           <div class="col-sm-8">
-            <%= render BlacklightRangeLimit::RangeFormComponent.new(facet_field: pub_date_presenter) %>
+            <%= render RangeFormComponent.new(facet_field: pub_date_presenter) %>
           </div>
         </div>
       </div>

diff --git a/app/components/range_form_component.html.erb b/app/components/range_form_component.html.erb
@@ -0,0 +1,27 @@
+<%= form_tag search_action_path, method: :get, class: [@classes[:form], "range_#{@facet_field.key} d-flex justify-content-center"].join(' ') do %>
+  <%= render hidden_search_state %>
+
+  <div class="range-limit-input-group">
+    <div class="d-flex justify-content-between align-items-end">
+      <div class="d-flex flex-column mr-1 me-1">
+        <%= label_tag(begin_input_name, t("blacklight.range_limit.range_begin_short"), class: 'text-muted small mb-1') %>
+        <%= number_field_tag(begin_input_name,
+                              begin_value_default,
+                              min: range_config[:min_value],
+                              max: range_config[:max_value],
+                              class: "form-control form-control-sm range_begin")
+        %>
+      </div>
+
+      <div class="d-flex flex-column ml-1 ms-1">
+        <%= label_tag(end_input_name, t("blacklight.range_limit.range_end_short"), class: 'text-muted small mb-1') %>
+        <%= number_field_tag(end_input_name,
+                              end_value_default,
+                              min: range_config[:min_value],
+                              max: range_config[:max_value],
+                              class: "form-control form-control-sm range_end")
+        %>
+      </div>
+    </div>
+  </div>
+<% end %>
diff --git a/app/components/range_form_component.rb b/app/components/range_form_component.rb
@@ -0,0 +1,6 @@
+# frozen_string_literal: true
+
+# An override of the RangeFormComponent html to remove the Apply submit button
+# from the advanced search and the numismatics form
+class RangeFormComponent < BlacklightRangeLimit::RangeFormComponent
+end