keep query-parameters when changing page size

developmentseed · Dec 20, 2023 · 4426af7 · 4426af7 · github-actions · Dec 20, 2023
1 parent ba3f8f9
commit 4426af7
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/CHANGES.md b/CHANGES.md
@@ -9,6 +9,7 @@ Note: Minor version `0.X.0` update might break the API, It's recommended to pin
 ## [unreleased]
 
 - add `tags` to all routes
+- fix `collections` and `items` HTML templates to keep query-parameters when changing the `page size`
 
 ## [0.5.6] - 2023-12-19
 

diff --git a/tipg/templates/collections.html b/tipg/templates/collections.html
@@ -75,7 +75,9 @@ <h1>Collections</h1>
 <script>
 function changePageSize() {
   var url = "{{ template.api_root }}/collections?";
-  url += "limit=" + $("#limit").val();
+  const searchParams = new URLSearchParams(window.location.search);
+  searchParams.set('limit', $("#limit").val());
+  url += searchParams.toString();
   window.location.href = url;
 }
 $(function() {

diff --git a/tipg/templates/items.html b/tipg/templates/items.html
@@ -77,10 +77,12 @@ <h1>Collection Items: {{ response.title or response.id }}</h1>
 </div>
 
 <script>
-  var currentURL = "{{ template.api_root }}/collections/{{ response.id }}/items"
+var currentURL = "{{ template.api_root }}/collections/{{ response.id }}/items"
 function changePageSize() {
   var url = "{{ template.api_root }}/collections/{{ response.id }}/items?";
-  url += "limit=" + $("#limit").val();
+  const searchParams = new URLSearchParams(window.location.search);
+  searchParams.set('limit', $("#limit").val());
+  url += searchParams.toString();
   window.location.href = url;
 }
 $(function() {