From fa22e9806071516ba69aadbdb8d4b1dd0f5dbd52 Mon Sep 17 00:00:00 2001
From: Darek <idarekj@gmail.com>
Date: Thu, 30 Apr 2026 20:42:35 -0500
Subject: [PATCH] Add page-size dropdown to pagination controls

---
 templates/dashboard.html   | 10 +++++++++-
 templates/device_list.html |  8 ++++++++
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/templates/dashboard.html b/templates/dashboard.html
index 6f004c2..97679ce 100644
--- a/templates/dashboard.html
+++ b/templates/dashboard.html
@@ -306,6 +306,14 @@
       <span id="page-info" style="color:var(--text-muted);font-size:0.9rem;"></span>
       <button id="next-page" class="btn btn-sm btn-secondary" type="button"
               onclick="currentPage++; applyPagination();" disabled>Next &#8594;</button>
+      <select id="page-size-select" onchange="PAGE_SIZE=+this.value||Infinity;currentPage=1;applyPagination();"
+              style="padding:0.2rem 0.4rem;font-size:0.85rem;border:1px solid #cbd5e1;border-radius:4px;">
+        <option value="10">10 / page</option>
+        <option value="25" selected>25 / page</option>
+        <option value="50">50 / page</option>
+        <option value="100">100 / page</option>
+        <option value="">All</option>
+      </select>
     </div>
 
   </form>
@@ -316,7 +324,7 @@ var selectAll = document.getElementById('select-all');
 var toolbar = document.getElementById('bulk-toolbar');
 var countEl = document.getElementById('selected-count');
 var selectAllBtn = document.getElementById('select-all-btn');
-var PAGE_SIZE = 50;
+var PAGE_SIZE = 25;
 var currentPage = 1;
 
 function visibleCbs() {
diff --git a/templates/device_list.html b/templates/device_list.html
index 9aab556..d01de96 100644
--- a/templates/device_list.html
+++ b/templates/device_list.html
@@ -116,6 +116,14 @@
     <span id="dev-page-info" style="color:var(--text-muted);font-size:0.9rem;"></span>
     <button id="dev-next-page" class="btn btn-sm btn-secondary" type="button"
             onclick="devCurrentPage++; applyDevicePagination();" disabled>Next &#8594;</button>
+    <select id="dev-page-size-select" onchange="DEV_PAGE_SIZE=+this.value||Infinity;devCurrentPage=1;applyDevicePagination();"
+            style="padding:0.2rem 0.4rem;font-size:0.85rem;border:1px solid #cbd5e1;border-radius:4px;">
+      <option value="10">10 / page</option>
+      <option value="25" selected>25 / page</option>
+      <option value="50">50 / page</option>
+      <option value="100">100 / page</option>
+      <option value="">All</option>
+    </select>
   </div>
 </div>