Run search when filters change

lnu-norge · Sep 20, 2024 · ea4620e · ea4620e
1 parent eb4b1ce
commit ea4620e
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/app/javascript/controllers/mapbox_controller.js b/app/javascript/controllers/mapbox_controller.js
@@ -4,6 +4,7 @@ import capsule_html from './search_and_filter/capsule_html';
 
 export default class extends Controller {
   static targets = [
+      "form",
       "location",
       "northWestLatInput",
       "northWestLngInput",
@@ -262,6 +263,8 @@ export default class extends Controller {
     this.southEastLatInputTarget.value = southEastLat;
     this.southEastLngInputTarget.value = southEastLng;
 
+    this.formTarget.requestSubmit();
+
     this.map.fitBounds(bounds, {
       padding: 0,
       animate: false

diff --git a/app/views/spaces/index/_search_form.html.erb b/app/views/spaces/index/_search_form.html.erb
@@ -1,10 +1,11 @@
 <%= form_with url: spaces_path, method: :get, data: {
   controller: 'sync-fields-with-same-id',
-  sync_fields_with_same_id_target: 'form'
+  sync_fields_with_same_id_target: 'form',
+  mapbox_target: 'form'
 } do |form| %>
 
   <%= render 'spaces/index/search_form_fields', form: %>
 
-  <%= form.submit "Søk", class: "button submit fixed bottom-4" %>
+  <%= form.submit "Søk", class: "button submit fixed bottom-4 sr-only" %>
 
 <% end %>
diff --git a/app/views/spaces/index/_search_form_fields.html.erb b/app/views/spaces/index/_search_form_fields.html.erb
@@ -46,6 +46,7 @@
                                   multiple: true,
                                   class: "h-5 w-5 text-lnu-pink focus:ring-lnu-pink border-gray-300 rounded",
                                   data: { mapbox_target: "facility" },
+                                  onchange: "!this.id.startsWith('duplicate-') && this.form.requestSubmit()",
                                   checked: params[:facilities]&.include?(facility.id.to_s)
                                 },
                                facility.id.to_s,
@@ -72,6 +73,7 @@
                            id: "space_type_#{space_type.id}",
                            data: { mapbox_target: "spaceType" },
                            class: "h-5 w-5 text-lnu-pink focus:ring-lnu-pink border-gray-300 rounded",
+                           onchange: "!this.id.startsWith('duplicate-') && this.form.requestSubmit()",
                            checked: params[:space_types]&.include?(space_type.id.to_s)
 
           },