javier/Stirling-PDF
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge remote-tracking branch 'origin/main' into redesign

Browse Source
This commit is contained in:
Anthony Stirling
2024-05-18 13:53:34 +01:00
parent 56d4c02445 23b662e5dc
commit f203e07f55
9 changed files with 1105 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
src/main/resources/static/js/search.js
View File

@@ -1,4 +1,3 @@
// Toggle search bar when the search icon is clicked
window.onload = function () {
var items = document.querySelectorAll(".dropdown-item, .nav-link");
@@ -28,43 +27,45 @@ window.onload = function () {
// Show search results as user types in search box
document.querySelector("#navbarSearchInput").addEventListener("input", function (e) {
var searchText = e.target.value.toLowerCase();
var searchText = e.target.value.trim().toLowerCase(); // Trim whitespace and convert to lowercase
var items = document.querySelectorAll(".dropdown-item, .nav-link");
var resultsBox = document.querySelector("#searchResults");
// Clear any previous results
resultsBox.innerHTML = "";
if (searchText !== "") {
items.forEach(function (item) {
var titleElement = item.querySelector(".icon-text");
var iconElement = item.querySelector(".material-symbols-rounded, .icon");
var itemHref = item.getAttribute("href");
var tags = item.getAttribute("data-bs-tags") || ""; // If no tags, default to empty string
if (titleElement && iconElement && itemHref !== "#") {
var title = titleElement.innerText;
if (
(title.toLowerCase().indexOf(searchText) !== -1 || tags.toLowerCase().indexOf(searchText) !== -1) &&
!resultsBox.querySelector(`a[href="${item.getAttribute("href")}"]`)
) {
var result = document.createElement("a");
result.href = itemHref;
result.classList.add("dropdown-item");
if (titleElement && iconElement && itemHref !== "#") {
var title = titleElement.innerText;
if (
(title.toLowerCase().indexOf(searchText) !== -1 || tags.toLowerCase().indexOf(searchText) !== -1) &&
!resultsBox.querySelector(`a[href="${itemHref}"]`)
) {
var result = document.createElement("a");
result.href = itemHref;
result.classList.add("dropdown-item");
var resultIcon = document.createElement("span");
resultIcon.classList.add("material-symbols-rounded");
resultIcon.textContent = iconElement.textContent;
result.appendChild(resultIcon);
var resultText = document.createElement("span");
resultText.textContent = title;
resultText.classList.add("icon-text");
result.appendChild(resultText);
var resultText = document.createElement("span");
resultText.textContent = title;
resultText.classList.add("icon-text");
result.appendChild(resultText);
resultsBox.appendChild(result);
resultsBox.appendChild(result);
}
}
}
});
});
}
// Set the width of the search results box to the maximum width
resultsBox.style.width = window.navItemMaxWidth + "px";