Simplify pagination

i18n/en.yaml

@@ -16,19 +16,34 @@ paige_edit_history:
 paige_edit_this_page:
  other: Edit this page
 
+paige_first:
+ other: First
+
+paige_last:
+ other: Last
+
 paige_minutes:
  one: minute
  other: minutes
 
+paige_next:
+ other: Next
+
 paige_noscript:
  other: JavaScript is required.
 
+paige_page_list_navigation:
+ other: Page list navigation
+
 paige_pages:
  other: Pages
 
 paige_pinned_page:
  other: Pinned page
 
+paige_previous:
+ other: Previous
+
 paige_recent_content:
  other: Recent content
 

layouts/partials/paige/pages.html

@@ -89,7 +89,35 @@ <h3 class="h5 paige-date-header text-center">{{ .Key }}</h3>
  {{ if or $pager.HasPrev $pager.HasNext }}
  <div id="paige-pagination">
  <div class="d-flex justify-content-center">
- {{ partial "paige/pagination.html" $page }}
+ <nav aria-label="{{ i18n `paige_page_list_navigation` }}">
+ <ul class="pagination">
+ {{ with $page.Paginator }}
+ {{ if and (ne .PageNumber .First.PageNumber) (ne .First.PageNumber .Prev.PageNumber) }}
+ <li class="page-item">
+ <a aria-label="{{ i18n `paige_first` }}" class="page-link" href="{{ .First.URL }}"><span aria-hidden="true">&laquo;</span></a>
+ </li>
+ {{ end }}
+
+ {{ with .Prev }}
+ <li class="page-item">
+ <a aria-label="{{ i18n `paige_previous` }}" class="page-link" href="{{ .URL }}"><span aria-hidden="true">&lsaquo;</span></a>
+ </li>
+ {{ end }}
+
+ {{ with .Next }}
+ <li class="page-item">
+ <a aria-label="{{ i18n `paige_next` }}" class="page-link" href="{{ .URL }}"><span aria-hidden="true">&rsaquo;</span></a>
+ </li>
+ {{ end }}
+
+ {{ if and (ne .PageNumber .Last.PageNumber) (ne .Last.PageNumber .Next.PageNumber) }}
+ <li class="page-item">
+ <a aria-label="{{ i18n `paige_last` }}" class="page-link" href="{{ .Last.URL }}"><span aria-hidden="true">&raquo;</span></a>
+ </li>
+ {{ end }}
+ {{ end }}
+ </ul>
+ </nav>
  </div>
  </div>
  {{ end }}