// 헤더에서 현재 URL과 매칭되는 메뉴의 서브메뉴 데이터 추출 function extractCurrentSubMenuData(currentPath) { if (currentPath === "/" || currentPath === "") { return null; } const menuItems = document.querySelectorAll( ".site-navs .navs-item.has-children", ); for (const menuItem of menuItems) { const subMenuLinks = menuItem.querySelectorAll( ".nav-submenu .navs-item .nav-link", ); const hasMatchingLink = Array.from(subMenuLinks).some((link) => { const href = link.getAttribute("href"); if (!href || href.startsWith("javascript:")) return false; // 쿼리스트링 제거 후 경로만 비교 const hrefPath = href.split("?")[0]; // 정확히 일치하거나, 하위 경로인 경우 (예: /boards/45/2385는 /boards/45의 하위) return ( currentPath === href || currentPath === hrefPath || currentPath.startsWith(hrefPath + "/") ); }); if (hasMatchingLink) { const items = Array.from(subMenuLinks).map((link) => ({ name: link.querySelector(".nav-text").textContent.trim(), href: link.getAttribute("href"), target: link.getAttribute("target") || "", })); return { items }; } } return null; } // 서브페이지 메뉴바 생성 함수 function createSubMenu() { // 이미 존재하면 제거 후 새로 생성 (뒤로가기 시 중복 방지) const existingSubVisualBox = document.querySelector(".sub-visual-box"); if (existingSubVisualBox) { existingSubVisualBox.remove(); } const currentPath = window.location.pathname; const menuData = extractCurrentSubMenuData(currentPath); if (!menuData || menuData.items.length === 0) return; // 현재 활성화된 메뉴 항목의 이름을 제목으로 사용 // Media 메뉴의 하위 항목들(BI 제외)과 참관등록 페이지는 제외 const excludePaths = [ "/boards/45", "/boards/42", "/boards/46", "/boards/43", "/boards/44", "/boards/47", "/tickets/2645", ]; const isMediaMenu = excludePaths.some((path) => currentPath.startsWith(path), ); let pageTitle = ""; if (!isMediaMenu) { const activeItem = menuData.items.find((item) => { const itemPath = item.href.split("?")[0]; return ( currentPath === item.href || currentPath === itemPath || (itemPath && !itemPath.startsWith("javascript:") && currentPath.startsWith(itemPath + "/")) ); }); pageTitle = activeItem ? activeItem.name : ""; // 특정 페이지의 제목 텍스트 변경 if (currentPath.startsWith("/sub-4-5")) { pageTitle = "Sponsorship Program"; } else if (currentPath.startsWith("/sub-6-7")) { pageTitle = "BRAND IDENTITY"; } } const subMenuHTML = `

${item.name}

${ pageTitle ? `

${pageTitle}

` : "" }

`; const contentWrap = document.getElementById("content-wrap"); if (contentWrap) { contentWrap.insertAdjacentHTML("afterbegin", subMenuHTML); } } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", createSubMenu); } else { createSubMenu(); }