From 4426af78f3859f60f7250ec30189243d04d84ae2 Mon Sep 17 00:00:00 2001
From: vincentsarago <vincent.sarago@gmail.com>
Date: Wed, 20 Dec 2023 12:38:35 +0100
Subject: [PATCH] keep query-parameters when changing page size

---
 CHANGES.md                      | 1 +
 tipg/templates/collections.html | 4 +++-
 tipg/templates/items.html       | 6 ++++--
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/CHANGES.md b/CHANGES.md
index 5c204b36..11618781 100644
--- 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
index e71c5b7a..45bb4ef1 100644
--- 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
index ad66ed23..28d7d420 100644
--- 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() {