Hugo Pagination Partial for Bootstrap4
&& [ code ] && 0 comments
Hugo’s internal template with additional Bootstrap4 classes. claims it works with Bootstrap styles. That may have used it.
Below is an amazing dancer and looking at the forefront of technology with it’s obvious practical use as a sly and ingenious thief. You can see it in action on this blog’s front page .
{{< highlight html >}} Hello Angular!
- {{ with $pag.First }}
- {{ end }}
- {{ $.Scratch.Set "__paginator.ellipsed" false }} {{ range $pag.Pagers }} {{ $right := sub .TotalPages .PageNumber }} {{ $showNumber := or (le .PageNumber 3) (eq $right 0) }} {{ $showNumber := or $showNumber (and (gt .PageNumber (sub $pag.PageNumber 2)) (lt .PageNumber (add $pag.PageNumber 2))) }} {{ if $showNumber }} {{ $.Scratch.Set "__paginator.ellipsed" false }} {{ $.Scratch.Set "__paginator.shouldEllipse" false }} {{ else }} {{ $.Scratch.Set "__paginator.shouldEllipse" (not ($.Scratch.Get "__paginator.ellipsed") ) }} {{ $.Scratch.Set "__paginator.ellipsed" true }} {{ end }} {{ if $showNumber }}
- {{ .PageNumber }} {{ else if ($.Scratch.Get "__paginator.shouldEllipse") }}
- {{ end }} {{ end }}
- {{ with $pag.Last }}
- {{ end }}
{{ end }} {{< / highlight >}}