hugo-theme-contentful/layouts/partials/pagination.html

{{ $pag := .Paginator }}

{{- /* The minimum pages starting from the first page */ -}}
{{ $minimumPage := .minimumPage | default 1 }}

{{- /* The number of pages to be shown with the active page. */ -}}
{{ $activeNumberOfPages := .activeNumberOfPages | default 2 }}

{{- /* Since the active page is also included when adding the in-between pages of the active page, we need to increment it to mitigate against it. */ -}}
{{ $midpointPages := add $activeNumberOfPages 1 }}

{{ if gt $pag.TotalPages 1 -}}
<ul class="pagination">
  {{- $ellipsed := false -}}
  {{- $shouldEllipse := false -}}
  {{- range $pag.Pagers -}}
  {{ $minimumActivePage := sub $pag.PageNumber $activeNumberOfPages }}
  {{ $maximumActivePage := add $pag.PageNumber $activeNumberOfPages }}

  {{- /* Make all of the given number of pages starting from both ends to be visible */ -}}
  {{- $showNumber := or (le .PageNumber $minimumPage) (lt (sub .TotalPages .PageNumber) $minimumPage) -}}

  {{- /* Make all of the given number of pages between the active page number visible */ -}}
  {{- $showNumber := or $showNumber (and (gt .PageNumber (sub $pag.PageNumber $midpointPages)) (lt .PageNumber (add $pag.PageNumber $midpointPages))) -}}

  {{- /*
    Make all of the page number that is just before/after the minimum page threshold to be visible.
    This is applied to those situations where there's only one number remaining before the end
  */ -}}
  {{ if eq .PageNumber (sub $minimumActivePage 1) }}
    {{ $showNumber = or $showNumber (eq (sub $minimumActivePage $minimumPage) (add $pag.First.PageNumber 1)) }}
  {{ else if eq .PageNumber (add $maximumActivePage 1) }}
    {{ $showNumber = or $showNumber (eq (add $maximumActivePage 1) (sub $pag.Last.PageNumber $minimumPage)) }}
  {{ end }}

  {{- if $showNumber -}}
    {{- $ellipsed = false -}}
    {{- $shouldEllipse = false -}}
  {{- else -}}
    {{- $shouldEllipse = not $ellipsed -}}
    {{- $ellipsed = true -}}
  {{- end -}}
  {{- if $showNumber }}
  <li class="{{ if eq . $pag }} page-link--active{{ end }}">
      <a class="page-link" href="{{ .URL }}"
         {{- if eq (sub $pag.PageNumber .PageNumber) 1 }}
            rel="prev"
            aria-label="Previous"
         {{- else if (eq (sub $pag.PageNumber .PageNumber) -1) }}
            rel="next"
            aria-label="Next"
         {{- else if (eq $pag.PageNumber .PageNumber) }}
            aria-label="Current"
            aria-current="page"
         {{- end -}}
      >{{ .PageNumber }}</a>
  </li>
  {{- else if $shouldEllipse }}
  <li class="page-item disabled">
    <span aria-hidden="true">&nbsp;&hellip;&nbsp;</span>
  </li>
  {{- end -}}
  {{- end }}
</ul>
{{ end }}