mirror of
https://github.com/gohugoio/hugo.git
synced 2024-11-21 20:46:30 -05:00
tpl: Update internal pagination template to support Bootstrap 4
Fixes #4881
This commit is contained in:
parent
fd71fa89bd
commit
ca1e46efb9
2 changed files with 42 additions and 27 deletions
|
@ -165,7 +165,8 @@ if (!doNotTrack) {
|
||||||
</script>
|
</script>
|
||||||
<script async src='https://www.google-analytics.com/analytics.js'></script>
|
<script async src='https://www.google-analytics.com/analytics.js'></script>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{- end -}}`},
|
{{- end -}}
|
||||||
|
`},
|
||||||
{`google_news.html`, `{{ if .IsPage }}{{ with .Params.news_keywords }}
|
{`google_news.html`, `{{ if .IsPage }}{{ with .Params.news_keywords }}
|
||||||
<meta name="news_keywords" content="{{ range $i, $kw := first 10 . }}{{ if $i }},{{ end }}{{ $kw }}{{ end }}" />
|
<meta name="news_keywords" content="{{ range $i, $kw := first 10 . }}{{ if $i }},{{ end }}{{ $kw }}{{ end }}" />
|
||||||
{{ end }}{{ end }}`},
|
{{ end }}{{ end }}`},
|
||||||
|
@ -214,15 +215,24 @@ if (!doNotTrack) {
|
||||||
{{ with .Site.Social.facebook_admin }}<meta property="fb:admins" content="{{ . }}" />{{ end }}`},
|
{{ with .Site.Social.facebook_admin }}<meta property="fb:admins" content="{{ . }}" />{{ end }}`},
|
||||||
{`pagination.html`, `{{ $pag := $.Paginator }}
|
{`pagination.html`, `{{ $pag := $.Paginator }}
|
||||||
{{ if gt $pag.TotalPages 1 }}
|
{{ if gt $pag.TotalPages 1 }}
|
||||||
|
<nav aria-label="Page navigation example">
|
||||||
|
<ul class="pagination">
|
||||||
|
<li class="page-item"><a class="page-link" href="#">Previous</a></li>
|
||||||
|
<li class="page-item"><a class="page-link" href="#">1</a></li>
|
||||||
|
<li class="page-item"><a class="page-link" href="#">2</a></li>
|
||||||
|
<li class="page-item"><a class="page-link" href="#">3</a></li>
|
||||||
|
<li class="page-item"><a class="page-link" href="#">Next</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
|
||||||
<ul class="pagination">
|
<ul class="pagination">
|
||||||
{{ with $pag.First }}
|
{{ with $pag.First }}
|
||||||
<li>
|
<li class="page-item">
|
||||||
<a href="{{ .URL }}" aria-label="First"><span aria-hidden="true">««</span></a>
|
<a href="{{ .URL }}" class="page-link" aria-label="First"><span aria-hidden="true">««</span></a>
|
||||||
</li>
|
</li>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
<li
|
<li class="page-item{{ if not $pag.HasPrev }} disabled{{ end }}">
|
||||||
{{ if not $pag.HasPrev }}class="disabled"{{ end }}>
|
<a href="{{ if $pag.HasPrev }}{{ $pag.Prev.URL }}{{ end }}" class="page-link" aria-label="Previous"><span aria-hidden="true">«</span></a>
|
||||||
<a href="{{ if $pag.HasPrev }}{{ $pag.Prev.URL }}{{ end }}" aria-label="Previous"><span aria-hidden="true">«</span></a>
|
|
||||||
</li>
|
</li>
|
||||||
{{ $.Scratch.Set "__paginator.ellipsed" false }}
|
{{ $.Scratch.Set "__paginator.ellipsed" false }}
|
||||||
{{ range $pag.Pagers }}
|
{{ range $pag.Pagers }}
|
||||||
|
@ -237,19 +247,17 @@ if (!doNotTrack) {
|
||||||
{{ $.Scratch.Set "__paginator.ellipsed" true }}
|
{{ $.Scratch.Set "__paginator.ellipsed" true }}
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{ if $showNumber }}
|
{{ if $showNumber }}
|
||||||
<li
|
<li class="page-item{{ if eq . $pag }} active{{ end }}"><a class="page-link" href="{{ .URL }}">{{ .PageNumber }}</a></li>
|
||||||
{{ if eq . $pag }}class="active"{{ end }}><a href="{{ .URL }}">{{ .PageNumber }}</a></li>
|
|
||||||
{{ else if ($.Scratch.Get "__paginator.shouldEllipse") }}
|
{{ else if ($.Scratch.Get "__paginator.shouldEllipse") }}
|
||||||
<li class="disabled"><span aria-hidden="true">…</span></li>
|
<li class="page-item disabled"><span aria-hidden="true"> … </span></li>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{ end }}
|
{{ end }}
|
||||||
<li
|
<li class="page-item{{ if not $pag.HasNext }} disabled{{ end }}">
|
||||||
{{ if not $pag.HasNext }}class="disabled"{{ end }}>
|
<a href="{{ if $pag.HasNext }}{{ $pag.Next.URL }}{{ end }}" class="page-link" aria-label="Next"><span aria-hidden="true">»</span></a>
|
||||||
<a href="{{ if $pag.HasNext }}{{ $pag.Next.URL }}{{ end }}" aria-label="Next"><span aria-hidden="true">»</span></a>
|
|
||||||
</li>
|
</li>
|
||||||
{{ with $pag.Last }}
|
{{ with $pag.Last }}
|
||||||
<li>
|
<li class="page-item">
|
||||||
<a href="{{ .URL }}" aria-label="Last"><span aria-hidden="true">»»</span></a>
|
<a href="{{ .URL }}" class="page-link" aria-label="Last"><span aria-hidden="true">»»</span></a>
|
||||||
</li>
|
</li>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</ul>
|
</ul>
|
||||||
|
|
|
@ -1,14 +1,23 @@
|
||||||
{{ $pag := $.Paginator }}
|
{{ $pag := $.Paginator }}
|
||||||
{{ if gt $pag.TotalPages 1 }}
|
{{ if gt $pag.TotalPages 1 }}
|
||||||
|
<nav aria-label="Page navigation example">
|
||||||
|
<ul class="pagination">
|
||||||
|
<li class="page-item"><a class="page-link" href="#">Previous</a></li>
|
||||||
|
<li class="page-item"><a class="page-link" href="#">1</a></li>
|
||||||
|
<li class="page-item"><a class="page-link" href="#">2</a></li>
|
||||||
|
<li class="page-item"><a class="page-link" href="#">3</a></li>
|
||||||
|
<li class="page-item"><a class="page-link" href="#">Next</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
|
||||||
<ul class="pagination">
|
<ul class="pagination">
|
||||||
{{ with $pag.First }}
|
{{ with $pag.First }}
|
||||||
<li>
|
<li class="page-item">
|
||||||
<a href="{{ .URL }}" aria-label="First"><span aria-hidden="true">««</span></a>
|
<a href="{{ .URL }}" class="page-link" aria-label="First"><span aria-hidden="true">««</span></a>
|
||||||
</li>
|
</li>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
<li
|
<li class="page-item{{ if not $pag.HasPrev }} disabled{{ end }}">
|
||||||
{{ if not $pag.HasPrev }}class="disabled"{{ end }}>
|
<a href="{{ if $pag.HasPrev }}{{ $pag.Prev.URL }}{{ end }}" class="page-link" aria-label="Previous"><span aria-hidden="true">«</span></a>
|
||||||
<a href="{{ if $pag.HasPrev }}{{ $pag.Prev.URL }}{{ end }}" aria-label="Previous"><span aria-hidden="true">«</span></a>
|
|
||||||
</li>
|
</li>
|
||||||
{{ $.Scratch.Set "__paginator.ellipsed" false }}
|
{{ $.Scratch.Set "__paginator.ellipsed" false }}
|
||||||
{{ range $pag.Pagers }}
|
{{ range $pag.Pagers }}
|
||||||
|
@ -23,19 +32,17 @@
|
||||||
{{ $.Scratch.Set "__paginator.ellipsed" true }}
|
{{ $.Scratch.Set "__paginator.ellipsed" true }}
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{ if $showNumber }}
|
{{ if $showNumber }}
|
||||||
<li
|
<li class="page-item{{ if eq . $pag }} active{{ end }}"><a class="page-link" href="{{ .URL }}">{{ .PageNumber }}</a></li>
|
||||||
{{ if eq . $pag }}class="active"{{ end }}><a href="{{ .URL }}">{{ .PageNumber }}</a></li>
|
|
||||||
{{ else if ($.Scratch.Get "__paginator.shouldEllipse") }}
|
{{ else if ($.Scratch.Get "__paginator.shouldEllipse") }}
|
||||||
<li class="disabled"><span aria-hidden="true">…</span></li>
|
<li class="page-item disabled"><span aria-hidden="true"> … </span></li>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{ end }}
|
{{ end }}
|
||||||
<li
|
<li class="page-item{{ if not $pag.HasNext }} disabled{{ end }}">
|
||||||
{{ if not $pag.HasNext }}class="disabled"{{ end }}>
|
<a href="{{ if $pag.HasNext }}{{ $pag.Next.URL }}{{ end }}" class="page-link" aria-label="Next"><span aria-hidden="true">»</span></a>
|
||||||
<a href="{{ if $pag.HasNext }}{{ $pag.Next.URL }}{{ end }}" aria-label="Next"><span aria-hidden="true">»</span></a>
|
|
||||||
</li>
|
</li>
|
||||||
{{ with $pag.Last }}
|
{{ with $pag.Last }}
|
||||||
<li>
|
<li class="page-item">
|
||||||
<a href="{{ .URL }}" aria-label="Last"><span aria-hidden="true">»»</span></a>
|
<a href="{{ .URL }}" class="page-link" aria-label="Last"><span aria-hidden="true">»»</span></a>
|
||||||
</li>
|
</li>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</ul>
|
</ul>
|
||||||
|
|
Loading…
Reference in a new issue