zhao/hugo-theme-moments
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

add pagination style

Browse source
This commit is contained in:
FarseaSH 2021-09-02 12:45:58 +08:00
parent 3d1a633b70
commit 4dfeb93202
3 changed files with 58 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

8
layouts/_default/baseof.html
View file

@ -11,12 +11,12 @@
{{ end }}
<!-- Pagination -->
<nav aria-label="Page navigation .pagination-lg">
<ul class="pagination justify-content-center">
<div class="center">
<div class="pagination">
{{ block "pagination" . }}
{{ end }}
</ul>
</nav>
</div>
</div>
{{ partial "footer.html" . }}
</div>

25
layouts/index.html
View file

@ -11,31 +11,28 @@
{{ define "pagination" }}
{{ $paginator := .Paginate ((where .Site.RegularPages "Section" "moments").ByParam "top") }}
{{ if $paginator.HasPrev }}
<li class="page-item">
<a class="page-link" href="{{$.Site.BaseURL}}/{{sub $paginator.PageNumber 1 }}" tabindex="-1">Previous</a>
</li>
<a class="page-link" href="{{$.Site.BaseURL}}/{{sub $paginator.PageNumber 1 }}">
<div class="page-item">Previous</div>
</a>
{{ else }}
<li class="page-item disabled">
<a class="page-link" href="{{$.Site.BaseURL}}/{{sub $paginator.PageNumber 1 }}" tabindex="-1">Previous</a>
</li>
<div class="page-item disabled">Previous</div>
{{ end }}
{{ $current_num := $paginator.PageNumber }}
{{ range (seq 1 $paginator.TotalPages) }}
{{ if (eq $current_num .)}}
<li class="page-item active"><a class="page-link" href="{{$.Site.BaseURL}}/{{.}}">{{.}}</a></li>
<div class="page-item active">{{.}}</div>
{{ else }}
<li class="page-item"><a class="page-link" href="{{$.Site.BaseURL}}/{{.}}">{{.}}</a></li>
<a class="page-link" href="{{$.Site.BaseURL}}/{{.}}"><div class="page-item">{{.}}</div></a>
{{ end }}
{{end}}
{{ if $paginator.HasNext }}
<li class="page-item">
<a class="page-link" href="{{$.Site.BaseURL}}/{{ add $paginator.PageNumber 1 }}">Next</a>
</li>
<a class="page-link" href="{{$.Site.BaseURL}}/{{ add $paginator.PageNumber 1 }}">
<div class="page-item">Next</div>
</a>
{{ else }}
<li class="page-item disabled">
<a class="page-link" href="{{$.Site.BaseURL}}/{{ add $paginator.PageNumber 1 }}">Next</a>
</li>
<div class="page-item disabled">Next</div>
{{ end }}
{{ end }}