FunctionalHacker/hugo-toha
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add search functionality in /posts page

Browse source
This commit is contained in:
diego 2020-09-14 17:40:32 +02:00
parent 6c2cca0127
commit 4e7f74bcf0
6 changed files with 250 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

5
layouts/_default/index.json Normal file
View file

@ -0,0 +1,5 @@
{{- $.Scratch.Add "index" slice -}}
{{- range .Site.RegularPages -}}
{{- $.Scratch.Add "index" (dict "title" .Title "tags" .Params.tags "content" .Plain "relPermalink" .RelPermalink "summary" .Summary) -}}
{{- end -}}
{{- $.Scratch.Get "index" | jsonify -}}

19
layouts/_default/list.html
View file

@ -29,18 +29,27 @@
<section class="content-section" id="content-section">
<div class="content container-fluid" id="content">
<div class="container-fluid post-card-holder" id="post-card-holder">
{{ $paginator := .Paginate .RegularPagesRecursive 12 }}
{{ range $paginator.Pages }}
{{ partial "cards/post.html" . }}
{{ end }}
{{ $paginator := .Paginate .RegularPagesRecursive 12 }}
{{ range $paginator.Pages }}
{{ partial "cards/post.html" . }}
{{ end }}
</div>
<div class="paginator">
{{ template "_internal/pagination.html" . }}
{{ template "_internal/pagination.html" . }}
</div>
<div class="container-fluid post-card-holder" id="search-results-holder">
</div>
<div class="search-results-template" id="search-results-template">
{{ partial "cards/search-result-post.html" . }}
</div>
<div class="search-results" id="search-results"></div>
</div>
</section>
{{ end }}
{{ define "scripts" }}
<script src="/assets/js/list.js"></script>
<script src="/assets/js/search.js"></script>
{{ end }}

21
layouts/partials/cards/search-result-post.html Normal file
View file

@ -0,0 +1,21 @@
<div class="post-card" id="${RelPermalink}">
<a href="${RelPermalink}" class="post-card-link">
<div class="card">
<div class="card-head">
<img class="card-img-top" src='{{ partial "helpers/get-hero.html" . }}'/>
</div>
<div class="card-body">
<h5 class="card-title">${Title}</h5>
<p class="card-text post-summary">${Summary}</p>
</div>
<div class="card-footer">
<span class="float-left">{{ .Date.Format "January 2, 2006" }}</span>
<a
href="${RelPermalink}"
class="float-right btn btn-outline-info btn-sm"
>Read</a
>
</div>
</div>
</a>
</div>