kazu634
/
blog
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Introduce the pagination to the Labs's section list page: 

```
--- a/layouts/labs/list.html
+++ b/layouts/labs/list.html
@@ -6,14 +6,34 @@
     <div class="article-header light-gray"><h1>{{ .Title }}</h1></div>
     {{.Content}}
     <br>
-    {{ range .Data.Pages }}
+    {{ $paginator := .Paginate (where .Data.Pages  "Type" "labs") }}
+    {{ range $paginator.Pages }}
     <div class="summary">
       <h2><a href="{{ .Permalink }}">{{ .Title }} {{ if .Draft }}:: DRAFT{{end}}</a></h2>
       <div class="meta">
-        {{ .Date.Format "Jan 2, 2006" }}: {{.Description}}
+        {{ .Date.Format "Jan 2, 2006" }} &nbsp;
+        {{ range .Params.categories }}
+          #<a href="/categories/{{ . | urlize }}">{{ . }}</a>&nbsp;
+        {{ end }}
+        {{ range .Params.tags }}
+          #<a href="/tags/{{ . | urlize }}">{{ . }}</a>&nbsp;
+        {{ end }}: {{ .Description }}
       </div>
     </div>
     {{ end }}
   </main>

+<!-- Paginator Section Layout
+–––––––––––––––––––––––––––––––––––––––––––––––––– -->
+<nav>
+  {{ $paginator := .Paginate (where .Data.Pages "Type" "labs") }}
+  {{ if .Paginator.HasPrev }}
+  <a href="{{ .Paginator.Prev.URL }}">Prev</a>
+  {{ end }}
+  <span class="">Page {{ .Paginator.PageNumber }} of {{ .Paginator.TotalPages }}</span>
+  {{ if .Paginator.HasNext }}
+  <a href="{{ .Paginator.Next.URL }}">Next</a>
+  {{ end }}
+</nav>
+
 {{ partial "footer.html" . }}
```
This commit is contained in:
Kazuhiro MUSASHI 2019-04-14 23:59:34 +08:00
parent 6a6660144f
commit da156b535f
1 changed files with 22 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
layouts/labs/list.html
View File

@ -6,14 +6,34 @@
<div class="article-header light-gray"><h1>{{ .Title }}</h1></div> <div class="article-header light-gray"><h1>{{ .Title }}</h1></div>
{{.Content}} {{.Content}}
<br> <br>
{{ range .Data.Pages }} {{ $paginator := .Paginate (where .Data.Pages "Type" "labs") }}
{{ range $paginator.Pages }}
<div class="summary"> <div class="summary">
<h2><a href="{{ .Permalink }}">{{ .Title }} {{ if .Draft }}:: DRAFT{{end}}</a></h2> <h2><a href="{{ .Permalink }}">{{ .Title }} {{ if .Draft }}:: DRAFT{{end}}</a></h2>
<div class="meta"> <div class="meta">
{{ .Date.Format "Jan 2, 2006" }}: {{.Description}} {{ .Date.Format "Jan 2, 2006" }} &nbsp;
{{ range .Params.categories }}
#<a href="/categories/{{ . | urlize }}">{{ . }}</a>&nbsp;
{{ end }}
{{ range .Params.tags }}
#<a href="/tags/{{ . | urlize }}">{{ . }}</a>&nbsp;
{{ end }}: {{ .Description }}
</div> </div>
</div> </div>
{{ end }} {{ end }}
</main> </main>
<!-- Paginator Section Layout
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<nav>
{{ $paginator := .Paginate (where .Data.Pages "Type" "labs") }}
{{ if .Paginator.HasPrev }}
<a href="{{ .Paginator.Prev.URL }}">Prev</a>
{{ end }}
<span class="">Page {{ .Paginator.PageNumber }} of {{ .Paginator.TotalPages }}</span>
{{ if .Paginator.HasNext }}
<a href="{{ .Paginator.Next.URL }}">Next</a>
{{ end }}
</nav>
{{ partial "footer.html" . }} {{ partial "footer.html" . }}