// 공통 네비게이션 컴포넌트 class CommonNavigation { constructor(currentPage = '') { this.currentPage = currentPage; this.init(); } init() { this.createNavigation(); this.addEventListeners(); } createNavigation() { const nav = document.createElement('nav'); nav.className = 'glass-effect border-b border-white/10'; nav.innerHTML = this.getNavigationHTML(); // body의 첫 번째 자식으로 추가 document.body.insertBefore(nav, document.body.firstChild); } getNavigationHTML() { const menuItems = [ { key: 'dashboard', title: '대시보드', url: '/DashBoard/index.html', icon: 'M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2H5a2 2 0 00-2-2z M8 5a2 2 0 012-2h4a2 2 0 012 2v2H8V5z' }, { key: 'common', title: '공용코드', url: '/Common.html', icon: 'M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z' }, { key: 'jobreport', title: '업무일지', url: '/Jobreport/index.html', icon: 'M9 5H7a2 2 0 00-2 2v10a2 2 0 002 2h8a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2' }, { key: 'kuntae', title: '근태관리', url: '/Kuntae/index.html', icon: 'M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z' }, { key: 'todo', title: '할일관리', url: '/Todo/index.html', icon: 'M9 5H7a2 2 0 00-2 2v10a2 2 0 002 2h8a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2M12 12l2 2 4-4' }, { key: 'project', title: '프로젝트', url: '/Project/index.html', icon: 'M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10' } ]; return `
GroupWare
사용자
`; } addEventListeners() { // 필요한 이벤트 리스너가 있으면 여기에 추가 } } // 전역 함수로 내비게이션 초기화 function initNavigation(currentPage = '') { // DOM이 로드된 후에 실행 if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', () => { new CommonNavigation(currentPage); }); } else { new CommonNavigation(currentPage); } } // 개발중 경고 메시지 생성 함수 function createDevWarning() { return `

🚧 개발중인 기능입니다

일부 기능이 정상적으로 동작하지 않을 수 있습니다.

`; }