Fix results being searched before index building;

refactor resultSet generation to fix duplicate items with large db
This commit is contained in:
Aditya Telange 2021-04-10 00:58:40 +05:30
parent ba48765e2c
commit c255d148d8
No known key found for this signature in database
GPG Key ID: 82E844EF3DA99E77
1 changed files with 16 additions and 19 deletions

View File

@ -38,11 +38,6 @@ window.onload = function () {
xhr.send(); xhr.send();
} }
function itemGen(name, link) {
return `<li class="post-entry"><header class="entry-header">${name}&nbsp;»</header><a href="${link}" aria-label="${name}"></a></li>`
}
function activeToggle() { function activeToggle() {
document.activeElement.parentElement.classList.toggle("focus") document.activeElement.parentElement.classList.toggle("focus")
} }
@ -57,23 +52,25 @@ function reset() {
sInput.onkeyup = function (e) { sInput.onkeyup = function (e) {
// run a search query (for "term") every time a letter is typed // run a search query (for "term") every time a letter is typed
// in the search box // in the search box
const results = fuse.search(this.value.trim()); // the actual query being run using fuse.js if (fuse) {
const results = fuse.search(this.value.trim()); // the actual query being run using fuse.js
if (results.length !== 0) {
// build our html if result exists
let resultSet = ''; // our results bucket
if (results.length !== 0) { for (let item in results) {
// build our html if result exists resultSet += `<li class="post-entry"><header class="entry-header">${results[item].item.title}&nbsp;»</header>` +
let resultSet = ''; // our results bucket `<a href="${results[item].item.permalink}" aria-label="${results[item].item.title}"></a></li>`
}
for (let item in results) { resList.innerHTML = resultSet;
resultSet = resultSet + itemGen(results[item].item.title, results[item].item.permalink) resultsAvailable = true;
first = resList.firstChild;
last = resList.lastChild;
} else {
resultsAvailable = false;
resList.innerHTML = '';
} }
resList.innerHTML = resultSet;
resultsAvailable = true;
first = resList.firstChild;
last = resList.lastChild;
} else {
resultsAvailable = false;
resList.innerHTML = '';
} }
} }