From 2f2eacbcef5da3f0e8b85067ce025988135c121a Mon Sep 17 00:00:00 2001
From: Leonid <l.khristyuk@smartagro.ru>
Date: Sun, 2 Mar 2025 19:43:10 +0300
Subject: [PATCH] =?UTF-8?q?-=20=D0=A0=D0=B5=D0=B0=D0=BB=D0=B8=D0=B7=D0=BE?=
 =?UTF-8?q?=D0=B2=D0=B0=D0=BB=20=D0=B4=D0=BE=D1=80=D0=B0=D0=B1=D0=BE=D1=82?=
 =?UTF-8?q?=D0=BA=D0=B8,=20=D1=83=D0=BC=D0=B5=D0=BD=D1=8C=D1=88=D0=B0?=
 =?UTF-8?q?=D1=8E=D1=89=D0=B8=D0=B5=20=D0=BA=D0=BE=D0=BB=D0=B8=D1=87=D0=B5?=
 =?UTF-8?q?=D1=81=D1=82=D0=B2=D0=BE=20=D1=81=D1=81=D1=8B=D0=BB=D0=BE=D0=BA?=
 =?UTF-8?q?=20=D0=B2=20=D0=BF=D0=B0=D0=B3=D0=B8=D0=BD=D0=B0=D1=82=D0=BE?=
 =?UTF-8?q?=D1=80=D0=B5.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Часто возникает ситуация, когда при разбиении контента на страницы, мы получаем большое количество страниц и ссылки на эти страницы также требуют много места. В такой ситуации стоит сократить вывод ссылок в пагинаторе.

https://www.youtube.com/watch?v=Sc3EQBy0tuk&list=PLU2ftbIeotGpAYRP9Iv2KLIwK36-o_qYk&index=28
---
 src/main/resources/templates/parts/pager.ftl | 58 +++++++++++++++-----
 1 file changed, 44 insertions(+), 14 deletions(-)

diff --git a/src/main/resources/templates/parts/pager.ftl b/src/main/resources/templates/parts/pager.ftl
index f8317d7..fbfbb8b 100644
--- a/src/main/resources/templates/parts/pager.ftl
+++ b/src/main/resources/templates/parts/pager.ftl
@@ -1,24 +1,54 @@
 <#macro pager url page>
+    <#if page.getTotalPages() gt 7>
+        <#assign
+        totalPages = page.getTotalPages()
+        pageNumber = page.getNumber() + 1
+
+        head = (pageNumber > 4)?then([1, -1], [1, 2, 3])
+        tail = (pageNumber < totalPages - 3)?then([-1, totalPages], [totalPages - 2, totalPages - 1, totalPages])
+        bodyBefore = (pageNumber > 4 && pageNumber < totalPages - 1)?then([pageNumber - 2, pageNumber - 1], [])
+        bodyAfter = (pageNumber > 2 && pageNumber < totalPages - 3)?then([pageNumber + 1, pageNumber + 2], [])
+
+        body = head + bodyBefore + (pageNumber > 3 && pageNumber < totalPages - 2)?then([pageNumber], []) + bodyAfter + tail
+        >
+    <#else>
+        <#assign body = 1..page.getTotalPages()>
+    </#if>
     <div class="mt-3">
         <ul class="pagination">
-            <li class="page-item disabled"><a class="page-link" href="#">Pages</a></li>
-            <#list 1..page.totalPages as p>
-                <#if (p - 1) == page.number>
-                    <li class="page-item active"><a class="page-link" href="#">${p}</a></li>
-                <#else >
-                    <li class="page-item"><a class="page-link" href="${url}?page=${p - 1}&size=${page.size}">${p}</a></li>
+            <li class="page-item disabled">
+                <a class="page-link" href="#" tabindex="-1">Pages</a>
+            </li>
+            <#list body as p>
+                <#if (p - 1) == page.getNumber()>
+                    <li class="page-item active">
+                        <a class="page-link" href="#" tabindex="-1">${p}</a>
+                    </li>
+                <#elseif p == -1>
+                    <li class="page-item disabled">
+                        <a class="page-link" href="#" tabindex="-1">...</a>
+                    </li>
+                <#else>
+                    <li class="page-item">
+                        <a class="page-link" href="${url}?page=${p - 1}&size=${page.getSize()}" tabindex="-1">${p}</a>
+                    </li>
                 </#if>
             </#list>
         </ul>
-    </div>
-    <div class="mt-3">
+
         <ul class="pagination">
-            <li class="page-item disabled"><a class="page-link" href="#">Items per page</a></li>
-            <#list [5, 10, 20, 50] as c>
-                <#if c  == page.size>
-                    <li class="page-item active"><a class="page-link" href="#">${c}</a></li>
-                <#else >
-                    <li class="page-item"><a class="page-link" href="${url}?page=${page.number}&size=${c}">${c}</a></li>
+            <li class="page-item disabled">
+                <a class="page-link" href="#" tabindex="-1">Items per page</a>
+            </li>
+            <#list [5, 10, 25, 50] as c>
+                <#if c == page.getSize()>
+                    <li class="page-item active">
+                        <a class="page-link" href="#" tabindex="-1">${c}</a>
+                    </li>
+                <#else>
+                    <li class="page-item">
+                        <a class="page-link" href="${url}?page=${page.getNumber()}&size=${c}" tabindex="-1">${c}</a>
+                    </li>
                 </#if>
             </#list>
         </ul>