// 데스크톱 네비게이션 기능 var items = document.querySelectorAll("#iuqkf"); for (var i = 0, len = items.length; i < len; i++) { (function () { let e = this.getAttribute("data-orientation") || "horizontal", t = "true" === this.getAttribute("data-enable-animation"), a = this.getAttribute("data-dropdown-style") || "slide", n = "false" !== this.getAttribute("data-hover-open"), o = parseInt(this.getAttribute("data-hover-close-delay") || "300", 10); (this.classList.add("nav-".concat(e)), t && (this.classList.add("nav-animated"), this.classList.add("nav-dropdown-".concat(a)))); let i = this.querySelectorAll(".nav-item.has-children"); i.forEach((t) => { let a = t.querySelector(".nav-link"), l = t.querySelector(".nav-submenu"), s = null; a && l && (n ? (t.addEventListener("mouseenter", () => { (s && (clearTimeout(s), (s = null)), i.forEach((e) => { e === t || e.contains(t) || e.classList.remove("active"); }), t.classList.add("active")); }), "horizontal" === e && t.addEventListener("mouseleave", () => { s = setTimeout(() => { t.classList.remove("active"); }, o); })) : (a.addEventListener("click", (e) => { (e.preventDefault(), i.forEach((e) => { e === t || e.contains(t) || e.classList.remove("active"); }), t.classList.toggle("active")); }), document.addEventListener("click", (e) => { t.contains(e.target) || t.classList.remove("active"); }))); }); }).bind(items[i])(); } // 모바일 메뉴 토글 기능 const mobileMenuBtn = document.getElementById("mobileMenuBtn"); const mobileNav = document.getElementById("mobileNav"); mobileMenuBtn.addEventListener("click", function (e) { e.preventDefault(); e.stopPropagation(); mobileMenuBtn.classList.toggle("active"); mobileNav.classList.toggle("active"); }); // 모바일 드롭다운 토글 기능 const dropdownItems = mobileNav.querySelectorAll("li > a"); dropdownItems.forEach((item) => { item.addEventListener("click", function (e) { const parentLi = item.parentElement; const subMenu = parentLi.querySelector(".sub-menu"); if (subMenu) { e.preventDefault(); parentLi.classList.toggle("open"); } }); }); // 서브메뉴 클릭 시 메뉴 닫기 const subMenuLinks = mobileNav.querySelectorAll(".sub-menu a"); subMenuLinks.forEach((link) => { link.addEventListener("click", function () { mobileMenuBtn.classList.remove("active"); mobileNav.classList.remove("active"); }); }); // 외부 클릭 시 메뉴 닫기 document.addEventListener("click", function (event) { if ( !mobileMenuBtn.contains(event.target) && !mobileNav.contains(event.target) ) { mobileMenuBtn.classList.remove("active"); mobileNav.classList.remove("active"); } }); // 바이어 등록 확인 클릭 시 알럿 document.querySelectorAll("a[data-alert]").forEach(function (el) { el.addEventListener("click", function (e) { e.preventDefault(); alert(this.getAttribute("data-alert")); }); }); // 언어 변경 기능 const changeLanguageSelects = document.querySelectorAll(".change-language"); changeLanguageSelects.forEach((select) => { select.addEventListener("change", function () { const selectedLang = this.value; window.location.href = window.location.pathname + "?hl=" + selectedLang; }); }); // 언어 버튼 - capture phase로 Next.js 라우터보다 먼저 처리 document.addEventListener( "click", function (e) { var langBtn = e.target.closest(".lang-btn"); if (langBtn) { e.preventDefault(); e.stopImmediatePropagation(); window.location.href = window.location.pathname + "?hl=ko"; } }, true, ); // /news 페이지 제목 추가 function addInfoCenterTitle() { const currentPath = window.location.pathname; if (!currentPath.startsWith("/news")) return; function insertTitle() { const contentElement = document.querySelector(".content"); if (!contentElement || contentElement.querySelector(".cms-board-top")) return; const tabOuter = contentElement.querySelector(".tab-outer"); if (!tabOuter) return; const titleHTML = `

Spotlight

`; tabOuter.insertAdjacentHTML("afterend", titleHTML); } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", insertTitle); } else { insertTitle(); } window.addEventListener("load", insertTitle); } addInfoCenterTitle(); // nav-list nav-primary 기반 tab_lst 자동 생성 function extractSubMenuData(currentPath) { if (currentPath === "/" || currentPath === "") return null; const menuItems = document.querySelectorAll(".site-nav .nav-item.has-children"); for (const menuItem of menuItems) { const subMenuLinks = menuItem.querySelectorAll(".nav-submenu .nav-item .nav-link"); const hasMatch = Array.from(subMenuLinks).some((link) => { const href = link.getAttribute("href"); if (!href || href.startsWith("javascript:") || href.startsWith("http")) return false; const hrefPath = href.split("?")[0]; if (currentPath === hrefPath) return true; if (currentPath.startsWith(hrefPath + "/")) return true; if (hrefPath.match(/^\/boards\/\d+$/)) { return new RegExp("^" + hrefPath.replace(/\//g, "\\/") + "(\\/|$)").test(currentPath); } return false; }); if (hasMatch) { return Array.from(subMenuLinks).map((link) => ({ name: link.querySelector(".nav-text")?.textContent.trim() || link.textContent.trim(), href: link.getAttribute("href"), target: link.getAttribute("target") || "", })); } } return null; } function createTabList() { const currentPath = window.location.pathname; if (currentPath === "/" || currentPath === "") return; if (currentPath.startsWith("/company-directories")) return; const items = extractSubMenuData(currentPath); if (!items || items.length === 0) return; function insertTab() { const content = document.querySelector(".content"); if (!content) return; // 기존 tab_lst가 있으면 제거하고 새로 생성 const existing = content.querySelector(".tab_lst"); if (existing) existing.remove(); const ul = document.createElement("ul"); ul.className = "tab_lst"; ul.innerHTML = items.map((item, idx) => { const hrefPath = item.href.split("?")[0]; let isActive = false; if (hrefPath && !hrefPath.startsWith("javascript:") && !hrefPath.startsWith("http")) { if (currentPath === hrefPath) isActive = true; else if (currentPath.startsWith(hrefPath + "/")) isActive = true; else if (hrefPath.match(/^\/boards\/\d+$/)) { isActive = new RegExp("^" + hrefPath.replace(/\//g, "\\/") + "(\\/|$)").test(currentPath); } } return `

${item.name}

`; }).join(""); content.insertBefore(ul, content.firstChild); } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", insertTab); } else { insertTab(); } const observer = new MutationObserver(() => { const content = document.querySelector(".content"); if (content && !content.querySelector(".tab_lst")) insertTab(); }); observer.observe(document.body, { childList: true, subtree: true }); } createTabList();