keep query-parameters when changing page size

Author: vincentsarago

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
 

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() {

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() {