52 lines
1.7 KiB
HTML
52 lines
1.7 KiB
HTML
|
{{ define "main" }}
|
||
|
|
<noscript>
|
||
|
|
You need to enable JavaScript to be able to search.
|
||
|
|
</noscript>
|
||
|
|
<div class="search">
|
||
|
|
<input id="searchbar" type="text" placeholder="{{ .Title }}" />
|
||
|
|
<a class="nerdlink" onclick="newSearch();"></a>
|
||
|
|
</div>
|
||
|
|
<div class="postlist {{ if .Site.Params.gridView }}gridView{{ end }}" id="postlist">
|
||
|
|
</div>
|
||
|
|
{{- partial "js_paginator.html" . -}}
|
||
|
|
<script>
|
||
|
|
function matchTags(page, term) {
|
||
|
|
for (let tag of page.tags) {
|
||
|
|
if (tag.includes(term)) return true;
|
||
|
|
}
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
function performSearch(term) {
|
||
|
|
document.getElementById('postlist').innerHTML = '';
|
||
|
|
term = term.toLowerCase();
|
||
|
|
fetch('/search/index.json').then(res => res.json())
|
||
|
|
.then(res => {
|
||
|
|
let articles = res.pages.filter(page => (
|
||
|
|
page.title.toLowerCase().includes(term) ||
|
||
|
|
matchTags(page, term) ||
|
||
|
|
page.text.includes(term)
|
||
|
|
));
|
||
|
|
if (articles.length > 0) renderArticles(articles);
|
||
|
|
else document.getElementById('postlist').innerHTML = `
|
||
|
|
<h3>No results found</h3>
|
||
|
|
`;
|
||
|
|
});
|
||
|
|
}
|
||
|
|
var url = location.href;
|
||
|
|
var baseUrl = url.split('?')[0];
|
||
|
|
var searchbar = document.getElementById('searchbar');
|
||
|
|
if (url.includes('?')) {
|
||
|
|
var urlParams = new URLSearchParams(url.split('?')[1]);
|
||
|
|
if (urlParams.has('q')) {
|
||
|
|
let searchTerm = urlParams.get('q');
|
||
|
|
searchbar.value = searchTerm;
|
||
|
|
performSearch(searchTerm);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
function newSearch() {
|
||
|
|
location.href = baseUrl+`?q=${searchbar.value}`;
|
||
|
|
}
|
||
|
|
searchbar.onkeyup = (ev) => {if (ev.keyCode == 13) newSearch()};
|
||
|
|
</script>
|
||
|
|
{{ end }}
|