avitex/1bit.pw
1
0
Fork 0
mirror of https://github.com/avitex/avitex.github.io synced 2025-01-15 12:29:57 +00:00
Code Issues Releases Wiki Activity

update search.js

Browse Source
This commit is contained in:
avitex 2022-01-08 06:18:48 +11:00
parent f93b184983
commit f8099a6ec1
Signed by: avitex
GPG Key ID: 38C76CBF3749D62C
2 changed files with 36 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
config.toml
View File

@ -4,8 +4,8 @@ description = "Home of avitex"
minify_html = true minify_html = true
compile_sass = true compile_sass = true
build_search_index = true
generate_feed = true generate_feed = true
build_search_index = true
taxonomies = [{ name = "blog/tags", feed = true }] taxonomies = [{ name = "blog/tags", feed = true }]

67
static/search.js
View File

@ -39,13 +39,13 @@ function makeTeaser(body, terms) {
}); });
var termFound = false; var termFound = false;
var index = 0; var index = 0;
var weighted = []; // contains elements of ['word', weight, index_in_document] var weighted = []; // contains elements of ["word", weight, index_in_document]
// split in sentences, then words // split in sentences, then words
var sentences = body.toLowerCase().split('. '); var sentences = body.toLowerCase().split(". ");
for (var i in sentences) { for (var i in sentences) {
var words = sentences[i].split(' '); var words = sentences[i].split(" ");
var value = FIRST_WORD_WEIGHT; var value = FIRST_WORD_WEIGHT;
for (var j in words) { for (var j in words) {
@ -113,76 +113,79 @@ function makeTeaser(body, terms) {
// add <em/> around search terms // add <em/> around search terms
if (word[1] === TERM_WEIGHT) { if (word[1] === TERM_WEIGHT) {
teaser.push('<b>'); teaser.push("<b>");
} }
startIndex = word[2] + word[0].length; startIndex = word[2] + word[0].length;
teaser.push(body.substring(word[2], startIndex)); teaser.push(body.substring(word[2], startIndex));
if (word[1] === TERM_WEIGHT) { if (word[1] === TERM_WEIGHT) {
teaser.push('</b>'); teaser.push("</b>");
} }
} }
teaser.push('…'); teaser.push("…");
return teaser.join(''); return teaser.join("");
} }
function formatSearchResultItem(item, terms) { function formatSearchResultItem(item, terms) {
return '<div class="result">' return '<div class="search-results__item">'
+ `<a href="${item.ref}">${item.doc.title}</a>` + `<a href="${item.ref}">${item.doc.title}</a>`
+ `<div class="summary">${makeTeaser(item.doc.body, terms)}</div>` + `<div>${makeTeaser(item.doc.body, terms)}</div>`
+ '</div>'; + '</div>';
} }
function initSearch() { function initSearch() {
var $searchComponent = document.getElementById('search'); var $searchInput = document.getElementById("search");
if ($searchComponent === null) { var $searchResults = document.querySelector(".search-results");
return; var $searchResultsItems = document.querySelector(".search-results__items");
}
var $searchInput = $searchComponent.querySelector('input');
var $searchResults = $searchComponent.querySelector('.results-container');
var $searchResultsItems = $searchComponent.querySelector('.results');
var MAX_ITEMS = 10; var MAX_ITEMS = 10;
var options = { var options = {
bool: 'AND', bool: "AND",
fields: { fields: {
title: { boost: 2 }, title: {boost: 2},
body: { boost: 1 }, body: {boost: 1},
} }
}; };
var currentTerm = ''; var currentTerm = "";
var index = elasticlunr.Index.load(window.searchIndex); var index = elasticlunr.Index.load(window.searchIndex);
$searchInput.addEventListener("keyup", debounce(function () { $searchInput.addEventListener("keyup", debounce(function() {
var term = $searchInput.value.trim(); var term = $searchInput.value.trim();
if (term === currentTerm || !index) { if (term === currentTerm || !index) {
return; return;
} }
$searchResults.style.display = term === '' ? 'none' : 'block'; $searchResults.style.display = term === "" ? "none" : "block";
$searchResultsItems.innerHTML = ''; $searchResultsItems.innerHTML = "";
if (term === '') { if (term === "") {
return; return;
} }
var results = index.search(term, options); var results = index.search(term, options);
if (results.length === 0) { if (results.length === 0) {
$searchResults.style.display = 'none'; $searchResults.style.display = "none";
return; return;
} }
currentTerm = term; currentTerm = term;
for (var i = 0; i < Math.min(results.length, MAX_ITEMS); i++) { for (var i = 0; i < Math.min(results.length, MAX_ITEMS); i++) {
var item = document.createElement('li'); var item = document.createElement("li");
item.innerHTML = formatSearchResultItem(results[i], term.split(' ')); item.innerHTML = formatSearchResultItem(results[i], term.split(" "));
$searchResultsItems.appendChild(item); $searchResultsItems.appendChild(item);
} }
}, 150)); }, 150));
window.addEventListener('click', function(e) {
if ($searchResults.style.display == "block" && !$searchResults.contains(e.target)) {
$searchResults.style.display = "none";
}
});
} }
if (document.readyState === 'complete' ||
(document.readyState !== 'loading' && !document.documentElement.doScroll) if (document.readyState === "complete" ||
(document.readyState !== "loading" && !document.documentElement.doScroll)
) { ) {
initSearch(); initSearch();
} else { } else {
document.addEventListener('DOMContentLoaded', initSearch); document.addEventListener("DOMContentLoaded", initSearch);
} }