Submit sort on change

nationalarchives · Jan 10, 2024 · 181fe21 · 181fe21
1 parent 728a2fa
commit 181fe21
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 10 deletions.
diff --git a/app/templates/search/elements/sort-view.html b/app/templates/search/elements/sort-view.html
@@ -29,17 +29,8 @@
         'text': 'Title (A to Z)',
         'value': 'alphabetical'
       }
-    ] if 'q' in request.args and request.args['q'] else [
-      {
-        'text': 'Date',
-        'value': 'date'
-      },
-      {
-        'text': 'Title (A to Z)',
-        'value': 'alphabetical'
-      }
     ],
-    'selected': request.args['order'] if 'order' in request.args else '',
+    'selected': request.args['order'] if 'order' in request.args else 'relevance',
     'inline': True,
     'attributes': {
       'form': 'search-form'

diff --git a/src/scripts/search.js b/src/scripts/search.js
@@ -63,3 +63,16 @@ if ($searchFiltersContent) {
     $searchFiltersContent,
   );
 }
+
+const $sortView = document.querySelector(".etna-search-sort-view");
+const $orderSelect = document.getElementById("tna-form__order");
+const $searchForm = document.getElementById("search-form");
+if ($sortView && $orderSelect && $searchForm) {
+  const $sortViewButtonGroup = $sortView.querySelector(".tna-button-group");
+  if ($sortViewButtonGroup) {
+    $sortViewButtonGroup.remove();
+    $orderSelect.addEventListener("change", () => {
+      $searchForm.submit();
+    });
+  }
+}