From 02341d0bd08e58df25c74a477aa91c53ec0ae760 Mon Sep 17 00:00:00 2001
From: Alexander Bilz <mail@alexbilz.com>
Date: Tue, 31 Aug 2021 13:06:00 +0000
Subject: [PATCH] feat: added prettier pagination (#247)
---
layouts/partials/pagination.html | 54 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
layouts/index.html | 2 +-
assets/css/style.css | 1 +
3 files changed, 56 insertions(+), 1 deletions(-)
diff --git a/assets/css/style.css b/assets/css/style.css
index 7e56c2b..50b2fbf 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -541,6 +541,7 @@
margin: 30px;
padding: 0px 0 56px 0;
text-align: center;
+ font-size: 1.4rem;
}
.pagination ul {
diff --git a/layouts/index.html b/layouts/index.html
index 61cabf7..aa74958 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -114,7 +114,7 @@
{{ end }}
<div class="pagination">
- {{ template "_internal/pagination.html" . }}
+ {{ template "partials/pagination.html" . }}
</div>
{{ end }}
diff --git a/layouts/partials/pagination.html b/layouts/partials/pagination.html
new file mode 100644
index 0000000..a5b315c
--- /dev/null
+++ b/layouts/partials/pagination.html
@@ -0,0 +1,54 @@
+{{ if gt .Paginator.TotalPages 1 }}
+ <ul class="pagination">
+ {{ $.Scratch.Set "hasPrevDots" false }}
+ {{ $.Scratch.Set "hasNextDots" false }}
+ {{ if .Paginator.HasPrev }}
+ <li class="page-item">
+ <a class="page-link" href="{{ .Paginator.Prev.URL }}">
+ <i class="fa fa-angle-left" aria-label="上一页"></i>
+ </a>
+ </li>
+
+ {{ end }}
+ {{ range .Paginator.Pagers }}
+ {{ if eq . $.Paginator }}
+ <li class="page-item">
+ <span class="page-link current">
+ {{- .PageNumber -}}
+ </span>
+ </li>
+
+ {{ else if or (or (eq . $.Paginator.First) (eq . $.Paginator.Prev)) (or (eq . $.Paginator.Next) (eq . $.Paginator.Last )) }}
+ <li class="page-item">
+ <a class="page-link" href="{{ .URL }}">
+ {{- .PageNumber -}}
+ </a>
+ </li>
+
+ {{ else }}
+ {{ if and (not ($.Scratch.Get "hasPrevDots")) (lt .PageNumber $.Paginator.PageNumber) }}
+ {{ $.Scratch.Set "hasPrevDots" true }}
+ <span class="page-link dots">…</span>
+
+ {{ else if and (not ($.Scratch.Get "hasNextDots")) (gt .PageNumber $.Paginator.PageNumber) }}
+ {{ $.Scratch.Set "hasNextDots" true }}
+ <span class="page-link dots">…</span>
+
+ {{ end }}
+
+
+ {{ end }}
+
+
+ {{ end }}
+ {{ if .Paginator.HasNext }}
+ <li class="page-item">
+ <a class="page-link" href="{{ .Paginator.Next.URL }}">
+ <i class="fa fa-angle-right" aria-label="下一页"></i>
+ </a>
+ </li>
+
+ {{ end }}
+ </ul>
+
+{{ end }}
--
Gitblit v1.10.0