Selaa lähdekoodia

Add pagination to blog article list

George Cushen 9 vuotta sitten
vanhempi
commit
6613eab8f6
3 muutettua tiedostoa jossa 34 lisäystä ja 2 poistoa
  1. 4 2
      layouts/_default/list.html
  2. 12 0
      layouts/partials/pagination.html
  3. 18 0
      layouts/section/blog.html

+ 4 - 2
layouts/_default/list.html

@@ -2,14 +2,16 @@
 {{ partial "navbar.html" . }}
 <div class="container">
 
-    {{ range .Data.Pages }}
+    {{ $paginator := .Paginate .Data.Pages }}
+    {{ range $paginator.Pages }}
     <div>
         <h2><a href="{{ .Permalink }}">{{ .Title }}</a></h2>
-        <h4>{{ .Date.Format .Site.Params.date_format }}</h4>
         <p>{{ .Summary }}</p>
     </div>
     {{ end }}
 
+    {{ partial "pagination" . }}
+
     {{ partial "footer_container.html" . }}
 </div>
 {{ partial "footer.html" . }}

+ 12 - 0
layouts/partials/pagination.html

@@ -0,0 +1,12 @@
+{{ if or (.Paginator.HasPrev) (.Paginator.HasNext) }}
+<nav>
+    <ul class="pager">
+        {{ if .Paginator.HasPrev }}
+        <li><a href="{{ .Site.BaseURL }}{{ .Paginator.Prev.URL }}">« Previous</a></li>
+        {{ end }}
+        {{ if .Paginator.HasNext }}
+        <li><a href="{{ .Site.BaseURL }}{{ .Paginator.Next.URL }}">Next »</a></li>
+        {{ end }}
+    </ul>
+</nav>
+{{ end }}

+ 18 - 0
layouts/section/blog.html

@@ -0,0 +1,18 @@
+{{ partial "header.html" . }}
+{{ partial "navbar.html" . }}
+<div class="container">
+
+    {{ $paginator := .Paginate .Data.Pages }}
+    {{ range $paginator.Pages }}
+    <div>
+        <h2><a href="{{ .Permalink }}">{{ .Title }}</a></h2>
+        <h4>{{ .Date.Format .Site.Params.date_format }}</h4>
+        <p>{{ .Summary }}</p>
+    </div>
+    {{ end }}
+
+    {{ partial "pagination" . }}
+
+    {{ partial "footer_container.html" . }}
+</div>
+{{ partial "footer.html" . }}