doc-fui-ds/assets/js/fui/include.js

Doc

// including HTML
async function includeHTML(elementId, file) {
  const response = await fetch(file);
  if (response.ok) {
    const content = await response.text();
    document.getElementById(elementId).innerHTML = content;
    setActiveLink(); // Call after including header
  } else {
    console.error(`Failed to load ${file}:`, response.status, response.statusText);
  }
}

// active nav
function setActiveLink() {
  const currentPage = window.location.pathname.split('/').pop();
  const navLinks = document.querySelectorAll('.fui-nav-link, .fui-sub-nav-link');
  navLinks.forEach(link => {
    link.classList.remove('fui-active');
    if (link.getAttribute('href') === currentPage) {
      link.classList.add('fui-active');
    }
  });
}