major refactor, speedycard pagination beta testing

[kengrimes.com/theme.git] / layouts / partials / pagination.html

diff --git a/layouts/partials/pagination.html b/layouts/partials/pagination.html
new file mode 100644 (file)
index 0000000..68795bc
--- /dev/null
+++ b/layouts/partials/pagination.html
@@ -0,0 +1,36 @@
+{{ $pag := $.Paginator }}
+{{ if gt $pag.TotalPages 1 }}
+<ul class="pagination">
+  <li{{ if eq . (.Site.GetPage "section" .Section) }} class="disabled"{{ end }}>
+    <a href="{{ absURL $pag.First.URL }}" aria-label="First"><span aria-hidden="true">&laquo;&laquo;</span></a>
+  </li>
+  <li{{ if not $pag.HasPrev }} class="disabled"{{ end }}>
+    <a{{ if $pag.HasPrev }} href="{{ absURL $pag.Prev.URL }}"{{ end }} aria-label="Previous"><span aria-hidden="true">&laquo;</span></a>
+  </li>
+  {{ $.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 }}
+  <li{{ if eq . $pag }} class="active"{{ end }}>
+    <a href="{{ absURL .URL }}" aria-label="First">{{ .PageNumber }}</a>
+  {{ else if ($.Scratch.Get "__paginator.shouldEllipse") }}
+  <li class="disabled"><span aria-hidden="true">&hellip;</span></li>
+  {{ end }}
+  {{ end }}
+  <li{{ if not $pag.HasNext }} class="disabled"{{ end }}>
+    <a{{ if $pag.HasNext }} href="{{ absURL $pag.Next.URL }}"{{ end }} aria-label="Next"><span aria-hidden="true">&raquo;</span></a>
+  </li>
+  <li{{ if not $pag.HasNext }} class="disabled"{{ end }}>
+    <a href="{{ absURL $pag.Last.URL }}" aria-label="Last"><span aria-hidden="true">&raquo;&raquo;</span></a>
+  </li>
+</ul>
+{{ end }}