45 lines
1.5 KiB
JavaScript
45 lines
1.5 KiB
JavaScript
export function setActiveNavItem(contentType, href) {
|
|
const staticNavItems = document.querySelectorAll('#menu > ul > li > a');
|
|
const etapeNavItems = document.querySelectorAll('#etapes-liste li a');
|
|
|
|
for (let item of staticNavItems) {
|
|
item.classList.remove('is-active');
|
|
}
|
|
|
|
for (let item of etapeNavItems) {
|
|
item.closest('li').classList.add('inactive');
|
|
}
|
|
|
|
if (href === '/' || href === '') {
|
|
staticNavItems[1].classList.add('is-active');
|
|
for (let item of etapeNavItems) {
|
|
item.closest('li').classList.remove('inactive');
|
|
}
|
|
|
|
} else {
|
|
|
|
if (
|
|
contentType === 'static'
|
|
|| contentType === 'partenaire'
|
|
|| contentType === 'gouvernance'
|
|
|| contentType === 'ressource'
|
|
) {
|
|
for (let item of staticNavItems) {
|
|
if (item.getAttribute('href') === href) {
|
|
item.classList.add('is-active');
|
|
}
|
|
}
|
|
} else if (contentType === 'etape') {
|
|
for (let item of etapeNavItems) {
|
|
if (item.getAttribute('href') === href) {
|
|
item.closest('li').classList.remove('inactive');
|
|
document.querySelector('#etapes-liste').scrollTo(0, item.closest('li').offsetTop);
|
|
}
|
|
}
|
|
} else if (contentType === "ressourceItem") {
|
|
staticNavItems[2].classList.add('is-active');
|
|
}
|
|
}
|
|
|
|
}
|