From 78472f90a4781c788bc896e70fe7ca85286626e5 Mon Sep 17 00:00:00 2001
From: Airbo ZH <airbozh@qq.com>
Date: Fri, 10 Feb 2023 15:10:34 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E=E5=88=86=E9=A1=B5?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E3=80=81=E5=BD=92=E6=A1=A3=E9=A1=B5=E5=88=86?=
 =?UTF-8?q?=E7=B1=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 templates/archives.html             |  9 +--
 templates/category.html             |  5 +-
 templates/modules/post-list.html    | 95 +----------------------------
 templates/modules/widgets/page.html | 43 +++++++++++++
 templates/tag.html                  | 12 ++--
 5 files changed, 56 insertions(+), 108 deletions(-)
 create mode 100644 templates/modules/widgets/page.html

diff --git a/templates/archives.html b/templates/archives.html
index 5b9aa218..ebcc884b 100644
--- a/templates/archives.html
+++ b/templates/archives.html
@@ -46,13 +46,8 @@
                         </div>
                     </div>
                 </div>
-                <!-- //TODO 分页 -->
-                <nav id="pagination">
-                    <div class="pagination">
-                        <span class="page-number current" th:if="${archives.page} == ${index}"
-                              th:text="${archives.page}"></span>
-                    </div>
-                </nav>
+                <!-- 分页 -->
+                <div th:replace="modules/widgets/page :: page('/archives',${archives})"></div>
             </div>
             <!-- sidebar -->
             <div th:replace="modules/aside :: aside(${theme.config.sidebar.categoryWidgets})"></div>
diff --git a/templates/category.html b/templates/category.html
index c9dd76ed..c116a69f 100644
--- a/templates/category.html
+++ b/templates/category.html
@@ -62,10 +62,9 @@
                     </div>
                 </div>
                 <!-- 分页 -->
-                <nav id="pagination">
-                    <div class="pagination"><span class="page-number current">1</span></div>
-                </nav>
+                <div th:replace="modules/widgets/page :: page(${'/categories/'+category.spec.slug},${posts})"></div>
             </div>
+            <!-- sidebar -->
             <div th:replace="modules/aside :: aside(${theme.config.sidebar.categoryWidgets})"></div>
         </main>
 
diff --git a/templates/modules/post-list.html b/templates/modules/post-list.html
index ae16b97b..c550b7d0 100644
--- a/templates/modules/post-list.html
+++ b/templates/modules/post-list.html
@@ -80,102 +80,11 @@
                     </time>
                 </span>
             </div>
-
-
         </div>
     </div>
 
-
-    <nav id="pagination" th:if="${posts.hasPrevious() || posts.hasNext()}"
-         th:with="totalPages = ${posts.totalPages}, pageIndex = ${posts.page}">
-        <!-- 页面小于 7 -->
-        <div class="pagination" th:if="${(totalPages le 7) && (totalPages gt 0)}">
-
-            <!-- 上一页 -->
-            <a class="extend prev" rel="prev" th:href="@{${posts.prevUrl}}" th:if="${posts.hasPrevious()}">
-                <i class="iconfont icon-chevron-left"></i>
-                <div class="pagination_tips_prev">上页</div>
-            </a>
-
-            <a class="page-number"
-               th:classappend="${index eq pageIndex} ? 'current'"
-               th:each="index : ${#numbers.sequence(1, totalPages)}"
-               th:href="@{'/page/' + ${index}}"
-               th:text="${index}">
-            </a>
-
-            <!-- 下一页 -->
-            <a class="extend next" rel="next" th:href="@{${posts.nextUrl}}" th:if="${posts.hasNext()}">
-                <div class="pagination_tips_next">下页</div>
-                <i class="iconfont icon-chevron-right"></i>
-            </a>
-
-        </div>
-
-
-        <!-- 页面大于 7 -->
-        <!-- https://blog.csdn.net/lizc_lizc/article/details/80215147 -->
-        <div class="pagination" th:if="${totalPages gt 7}">
-
-            <!-- 上一页 -->
-            <a class="extend prev" rel="prev" th:href="@{${posts.prevUrl}}" th:if="${posts.hasPrevious()}">
-                <i class="iconfont icon-chevron-left"></i>
-                <div class="pagination_tips_prev">上页</div>
-            </a>
-
-            <!-- 首页 -->
-            <a class="page-number" href="/">1</a>
-
-
-            <!-- 当前页面小于等于4 -->
-            <a class="page-number"
-               th:classappend="${index eq pageIndex} ? 'current'"
-               th:each="index : ${#numbers.sequence(2,5)}"
-               th:href="@{'/page/' + ${index}}"
-               th:if="${pageIndex le 4}"
-               th:text="${index}">
-            </a>
-
-            <a class="page-number" th:if="${pageIndex le 4}">...</a>
-
-
-            <!-- 最后一页与当前页面之差小于等于3 -->
-            <a class="page-number" th:if="${totalPages - pageIndex le 3}">...</a>
-            <a class="page-number"
-               th:classappend="${index eq pageIndex} ? 'current'"
-               th:each="index : ${#numbers.sequence(totalPages - 4, totalPages - 1)}"
-               th:href="@{'/page/' + ${index}}"
-               th:if="${totalPages - pageIndex le 3}"
-               th:text="${index}">
-            </a>
-
-
-            <!-- 最后一页与当前页面之差大于3 且当前页面大于4 -->
-            <a class="page-number" th:if="${(pageIndex gt 4) && (totalPages - pageIndex gt 3)}">...</a>
-            <a class="page-number"
-               th:each="index : ${#numbers.sequence(pageIndex - 1,pageIndex + 1)}"
-               th:href="@{'/page/' + ${index}}"
-               th:if="${(pageIndex gt 4) && (totalPages - pageIndex gt 3)}"
-               th:text="${index}">
-            </a>
-            <!-- 需要添加 th:href 跳转地址 -->
-            <a class="page-number" th:if="${(pageIndex gt 4) && (totalPages - pageIndex gt 3)}">...</a>
-
-            <!-- 尾页 -->
-            <!-- 需要添加 th:href 跳转地址 -->
-            <a class="page-number"
-               th:classappend="${index eq pageIndex} ? 'current'"
-               th:text="${totalPages}">
-            </a>
-
-            <!-- 下一页 -->
-            <a class="extend next" rel="next" th:href="@{${posts.nextUrl}}" th:if="${posts.hasNext()}">
-                <div class="pagination_tips_next">下页</div>
-                <i class="iconfont icon-chevron-right"></i>
-            </a>
-        </div>
-
-    </nav>
+    <!-- 分页 -->
+    <div th:replace="modules/widgets/page :: page('',${posts})"></div>
 
 </th:block>
 
diff --git a/templates/modules/widgets/page.html b/templates/modules/widgets/page.html
new file mode 100644
index 00000000..26943bb5
--- /dev/null
+++ b/templates/modules/widgets/page.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en" xmlns:th="http://www.thymeleaf.org">
+<!-- 
+    分页模块
+
+    @param  path       '/path/page/n' 中的 `/path` 需要保留 `/`
+    @param  pageInfo   Halo类型UrlContextListResult<ListedPostVo>
+ -->
+    <nav id="pagination" th:fragment="page(path,pageInfo)">
+        <div class="pagination">
+
+            <!-- 页码按钮 -->
+            <th:block th:if="${pageInfo.page > 3}">
+                <a class="page-number" th:href="${path+'/page/1'}" th:text="1"></a>
+                <span class="space" th:if="${pageInfo.page != 4}">…</span>
+            </th:block>
+
+            <th:block th:each="index:${#numbers.sequence(pageInfo.page-2,pageInfo.page+2)}">
+                <span class="page-number current" th:if="${pageInfo.page} == ${index}" th:text="${pageInfo.page}"></span>
+                <a class="page-number" th:unless="${pageInfo.page == index}" th:if="${index > 0 && index <= pageInfo.totalPages}"
+                     th:href="${path+'/page/'+index}" th:text="${index}"></a>
+            </th:block>
+
+            <th:block th:if="${pageInfo.totalPages - pageInfo.page > 2}">
+                <span class="space" th:if="${pageInfo.totalPages - pageInfo.page != 3}">…</span>
+                <a class="page-number" th:href="${path+'/page/'+pageInfo.totalPages}" th:text="${pageInfo.totalPages}"></a>
+            </th:block>
+           
+            <!-- 翻页按钮 -->
+            <a class="extend prev" rel="prev"  th:if="${pageInfo.hasPrevious}" th:href="${pageInfo.prevUrl}" data-pjax-state="">
+                <i class="fas fa-chevron-left fa-fw"></i>
+                <div class="pagination_tips_prev">上页</div>
+            </a>
+            
+            <a class="extend next" rel="next"  th:if="${pageInfo.hasNext}" th:href="${pageInfo.nextUrl}" data-pjax-state="">
+                <div class="pagination_tips_next">下页</div>
+                <i class="fas fa-chevron-right fa-fw"></i>
+            </a>
+
+        </div>
+    </nav>
+
+</html>
\ No newline at end of file
diff --git a/templates/tag.html b/templates/tag.html
index 95f82d3f..a9d6d853 100644
--- a/templates/tag.html
+++ b/templates/tag.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
-<html lang="en" th:replace="modules/layouts/layout :: layout(content = ~{::content}, htmlType = 'tag')" xmlns:th="http://www.thymeleaf.org">
+<html lang="en" th:replace="modules/layouts/layout :: layout(content = ~{::content}, htmlType = 'tag')"
+      xmlns:th="http://www.thymeleaf.org">
 
 <th:block th:fragment="content">
 
@@ -26,7 +27,8 @@
                          th:with='postRandomImg=${#strings.contains(theme.config.layout.postRandomImg,"?") ? theme.config.layout.postRandomImg+"," : theme.config.layout.postRandomImg+"?"}'>
                         <a class="article-sort-item-img" th:href="@{${post.status.permalink}}"
                            th:title="${post.spec.title}">
-                            <img loading="lazy" th:alt="${post.status.excerpt}" th:src="${#strings.isEmpty(post.spec.cover) ? postRandomImg+post.spec.title : post.spec.cover}">
+                            <img loading="lazy" th:alt="${post.status.excerpt}"
+                                 th:src="${#strings.isEmpty(post.spec.cover) ? postRandomImg+post.spec.title : post.spec.cover}">
                         </a>
                         <div class="article-sort-item-info">
                             <div class="article-sort-item-time"><i class="far fa-calendar-alt"></i>
@@ -48,10 +50,10 @@
                         </div>
                     </div>
                 </div>
-                <nav id="pagination">
-                    <div class="pagination"><span class="page-number current">1</span></div>
-                </nav>
+                <!-- 分页 -->
+                <div th:replace="modules/widgets/page :: page(${'/tags/'+tag.spec.slug},${posts})"></div>
             </div>
+            <!-- sidebar -->
             <div th:replace="modules/aside :: aside(${theme.config.sidebar.tagWidgets})"></div>
         </main>