You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
83 lines
2.9 KiB
83 lines
2.9 KiB
|
|
var searchAttr = 'data-search-mode';
|
|
function contains(a,m){
|
|
return (a.textContent || a.innerText || "").toUpperCase().indexOf(m) !== -1;
|
|
};
|
|
|
|
//on search
|
|
document.getElementById("nav-search").addEventListener("keyup", function(event) {
|
|
var search = this.value.toUpperCase();
|
|
|
|
if (!search) {
|
|
//no search, show all results
|
|
document.documentElement.removeAttribute(searchAttr);
|
|
|
|
document.querySelectorAll("nav > ul > li:not(.level-hide)").forEach(function(elem) {
|
|
elem.style.display = "block";
|
|
});
|
|
|
|
if (typeof hideAllButCurrent === "function"){
|
|
//let's do what ever collapse wants to do
|
|
hideAllButCurrent();
|
|
} else {
|
|
//menu by default should be opened
|
|
document.querySelectorAll("nav > ul > li > ul li").forEach(function(elem) {
|
|
elem.style.display = "block";
|
|
});
|
|
}
|
|
} else {
|
|
//we are searching
|
|
document.documentElement.setAttribute(searchAttr, '');
|
|
|
|
//show all parents
|
|
document.querySelectorAll("nav > ul > li").forEach(function(elem) {
|
|
elem.style.display = "block";
|
|
});
|
|
//hide all results
|
|
document.querySelectorAll("nav > ul > li > ul li").forEach(function(elem) {
|
|
elem.style.display = "none";
|
|
});
|
|
//show results matching filter
|
|
document.querySelectorAll("nav > ul > li > ul a").forEach(function(elem) {
|
|
if (!contains(elem.parentNode, search)) {
|
|
return;
|
|
}
|
|
elem.parentNode.style.display = "block";
|
|
});
|
|
//hide parents without children
|
|
document.querySelectorAll("nav > ul > li").forEach(function(parent) {
|
|
var countSearchA = 0;
|
|
parent.querySelectorAll("a").forEach(function(elem) {
|
|
if (contains(elem, search)) {
|
|
countSearchA++;
|
|
}
|
|
});
|
|
|
|
var countUl = 0;
|
|
var countUlVisible = 0;
|
|
parent.querySelectorAll("ul").forEach(function(ulP) {
|
|
// count all elements that match the search
|
|
if (contains(ulP, search)) {
|
|
countUl++;
|
|
}
|
|
|
|
// count all visible elements
|
|
var children = ulP.children
|
|
for (i=0; i<children.length; i++) {
|
|
var elem = children[i];
|
|
if (elem.style.display != "none") {
|
|
countUlVisible++;
|
|
}
|
|
}
|
|
});
|
|
|
|
if (countSearchA == 0 && countUl === 0){
|
|
//has no child at all and does not contain text
|
|
parent.style.display = "none";
|
|
} else if(countSearchA == 0 && countUlVisible == 0){
|
|
//has no visible child and does not contain text
|
|
parent.style.display = "none";
|
|
}
|
|
});
|
|
}
|
|
}); |