Sha256: 0d4019d04236293bfb3d118a0a079454714bf928a3edd7e268de5143154ad623
Contents?: true
Size: 1.14 KB
Versions: 111
Compression:
Stored size: 1.14 KB
Contents
const NAV_GLOBAL_BOTTOM_NAV_ITEMS = document.getElementById('navGlobalBottom'); // ID from the HTML
function underlineCurrentSite() {
// JS is fun!
if (window.location.pathname === '/') // YOU DON'T NEED TO RUN THIS ON THE HOMEPAGE!!
return;
//console.log('execution of further functions has ceased.');
const NAV_ITEMS = NAV_GLOBAL_BOTTOM_NAV_ITEMS.querySelectorAll('li'); // Navigation HTML structure uses <ul><li>...</li><li>...</li></ul> which is common markup for a Bootrap's nav (from their documentation)
const url = window.location.pathname.replace(/(^\/|\/$)/g, '');
//console.log(url);
for (let i = 0, len = NAV_ITEMS.length; i < len; i++) {
let NAV_CATEGORIES = NAV_ITEMS[i].dataset.nav; // Comes from data-set attributes built into the HTML
if ( url.search(NAV_CATEGORIES) !== -1 ) {
let NAV_LINK = NAV_ITEMS[i].querySelector('a'); // Again, pretty standard bootstrap navigation HTML struture to have anchors in the <li>
return NAV_LINK.classList.add('header-global__nav-bottom--underlined'); // return breaks the loop and this is the class to underline stuff with
}
}
}
export default underlineCurrentSite;
Version data entries
111 entries across 111 versions & 3 rubygems