uci-hugo-doc/assets/js/search.js

120 lines
3.3 KiB
JavaScript
Raw Normal View History

2020-01-12 06:33:02 -08:00
'use strict';
{{ $searchDataFile := printf "js/%s.search-data.js" .Language.Lang }}
{{ $searchData := resources.Get "js/search-data.js" | resources.ExecuteAsTemplate $searchDataFile . | resources.Minify | resources.Fingerprint }}
(function() {
const input = document.querySelector('#gdoc-search-input');
const results = document.querySelector('#gdoc-search-results');
2020-12-20 11:09:49 -08:00
let showParent = false
2020-12-23 07:43:41 -08:00
{{ if .Site.Params.GeekdocSearchShowParent }}
2020-12-20 11:09:49 -08:00
showParent = true
{{ end }}
2020-01-12 06:33:02 -08:00
input.addEventListener('focus', init);
input.addEventListener('keyup', search);
function init() {
input.removeEventListener('focus', init); // init once
input.required = true;
2020-12-23 07:43:41 -08:00
loadScript('{{ index .Site.Data.assets "js/groupBy.min.js" | relURL }}');
2020-12-02 06:21:34 -08:00
loadScript('{{ index .Site.Data.assets "js/flexsearch.min.js" | relURL }}');
2020-01-12 06:33:02 -08:00
loadScript('{{ $searchData.RelPermalink }}', function() {
input.required = false;
search();
});
}
function search() {
while (results.firstChild) {
results.removeChild(results.firstChild);
}
if (!input.value) {
2020-12-23 07:43:41 -08:00
return results.classList.remove("has-hits");
2020-01-12 06:33:02 -08:00
}
2020-12-20 11:09:49 -08:00
let searchHits = window.geekdocSearchIndex.search(input.value, 10);
if (searchHits.length < 1) {
return results.classList.remove("has-hits");
}
results.classList.add("has-hits");
2020-12-20 11:09:49 -08:00
if (showParent) {
searchHits = groupBy(searchHits, hit => hit.parent);
}
const items = [];
2020-12-23 07:43:41 -08:00
if (showParent) {
for (const section in searchHits) {
const item = document.createElement('li'),
title = item.appendChild(document.createElement('span')),
subList = item.appendChild(document.createElement('ul'));
2020-12-20 11:09:49 -08:00
title.textContent = section;
2020-12-23 07:43:41 -08:00
createLinks(searchHits[section], subList);
items.push(item);
2020-12-20 11:09:49 -08:00
}
2020-12-23 07:43:41 -08:00
} else {
const item = document.createElement('li'),
title = item.appendChild(document.createElement('span')),
subList = item.appendChild(document.createElement('ul'));
2020-12-23 07:43:41 -08:00
title.textContent = "Results";
createLinks(searchHits, subList);
items.push(item);
2020-01-12 06:33:02 -08:00
}
2020-12-20 11:09:49 -08:00
items.forEach(item => {
results.appendChild(item);
})
}
/**
* Creates links to given pages and either returns them in an array or attaches them to a target element
* @param {Object} pages Page to which the link should point to
* @param {HTMLElement} target Element to which the links should be attatched
* @returns {Array} If target is not specified, returns an array of built links
*/
function createLinks(pages, target) {
const items = [];
2020-01-12 06:33:02 -08:00
2020-12-20 11:09:49 -08:00
for (const page of pages) {
const item = document.createElement("li"),
entry = item.appendChild(document.createElement("span")),
a = entry.appendChild(document.createElement("a"));
entry.classList.add("flex")
2020-11-10 13:50:21 -08:00
2020-12-20 11:09:49 -08:00
a.href = page.href;
2020-01-12 06:33:02 -08:00
a.textContent = page.title;
a.classList.add("gdoc-search__entry")
2020-01-12 06:33:02 -08:00
2020-12-20 11:09:49 -08:00
if (target) {
target.appendChild(item);
continue
}
items.push(item);
}
2020-01-12 06:33:02 -08:00
2020-12-20 11:09:49 -08:00
return items;
2020-01-12 06:33:02 -08:00
}
function loadScript(src, callback) {
2020-12-23 07:43:41 -08:00
let script = document.createElement('script');
2020-01-12 06:33:02 -08:00
script.defer = true;
2020-12-23 07:58:56 -08:00
script.async = false;
2020-01-12 06:33:02 -08:00
script.src = src;
script.onload = callback;
2020-12-23 07:43:41 -08:00
document.body.appendChild(script);
2020-01-12 06:33:02 -08:00
}
})();