Merge pull request #1413 from pierotofy/pagination

Fix paginator overflow
OpenDroneMap · Oct 5, 2023 · 295bf3f · 295bf3f
2 parents 2d5a403 + bc86c79
commit 295bf3f
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/app/static/app/js/components/Paginator.jsx b/app/static/app/js/components/Paginator.jsx
@@ -146,8 +146,16 @@ class Paginator extends React.Component {
         }
 
         if (itemsPerPage && itemsPerPage && totalItems > itemsPerPage){
-            const numPages = Math.ceil(totalItems / itemsPerPage),
-                  pages = [...Array(numPages).keys()]; // [0, 1, 2, ...numPages]
+            const numPages = Math.ceil(totalItems / itemsPerPage);
+            const MAX_PAGE_BUTTONS = 7;
+
+            let rangeStart = Math.max(1, currentPage - Math.floor(MAX_PAGE_BUTTONS / 2));
+            let rangeEnd = rangeStart + Math.min(numPages, MAX_PAGE_BUTTONS);
+            if (rangeEnd > numPages){
+                rangeStart -= rangeEnd - numPages - 1;
+                rangeEnd -= rangeEnd - numPages - 1
+            }
+            let pages = [...Array(rangeEnd - rangeStart).keys()].map(i => i + rangeStart - 1);
 
             paginator = (
                 <ul className="pagination pagination-sm">