From 9998d9df96f45b76c245331f16dd1024fd88ff89 Mon Sep 17 00:00:00 2001 From: Hyungi Ahn Date: Mon, 2 Feb 2026 14:30:47 +0900 Subject: [PATCH] =?UTF-8?q?fix:=20=ED=97=A4=EB=8D=94/=EC=82=AC=EC=9D=B4?= =?UTF-8?q?=EB=93=9C=EB=B0=94=20=EB=A0=88=EC=9D=B4=EC=95=84=EC=9B=83=20?= =?UTF-8?q?=EA=B0=9C=EC=84=A0=20=EB=B0=8F=20=ED=85=9C=ED=94=8C=EB=A6=BF=20?= =?UTF-8?q?=ED=91=9C=EC=A4=80=ED=99=94?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 헤더를 fixed로 변경하고 z-index를 200으로 높여 사이드바와 겹침 방지 - 대시보드에서 빠른 작업 섹션 제거 (사이드바로 대체) - 모든 템플릿(4개)에 사이드바 네비게이션 추가 - 템플릿 README에 사이드바 설명 추가 Co-Authored-By: Claude Opus 4.5 --- web-ui/components/navbar.html | 14 ++- web-ui/pages/dashboard.html | 149 ------------------------- web-ui/templates/README.md | 17 ++- web-ui/templates/admin-layout.html | 4 + web-ui/templates/dashboard-layout.html | 4 + web-ui/templates/simple-layout.html | 4 + web-ui/templates/work-layout.html | 4 + 7 files changed, 42 insertions(+), 154 deletions(-) diff --git a/web-ui/components/navbar.html b/web-ui/components/navbar.html index a0be968..ad676af 100644 --- a/web-ui/components/navbar.html +++ b/web-ui/components/navbar.html @@ -70,9 +70,19 @@ color: var(--text-inverse); padding: var(--space-4) var(--space-6); box-shadow: var(--shadow-lg); - position: sticky; + position: fixed; top: 0; - z-index: 100; + left: 0; + right: 0; + z-index: 200; + height: 80px; + display: flex; + align-items: center; +} + +/* 헤더 높이만큼 본문 여백 추가 */ +body { + padding-top: 80px; } .header-content { diff --git a/web-ui/pages/dashboard.html b/web-ui/pages/dashboard.html index 7f2b9a3..c98ae61 100644 --- a/web-ui/pages/dashboard.html +++ b/web-ui/pages/dashboard.html @@ -31,155 +31,6 @@
- -
-
-
-

빠른 작업

-
-
-
- - - - -
-

🚪 출입 신청

-

작업장 출입 및 안전교육을 신청합니다

-
-
-
- - -
-

🛡️ 안전관리

-

출입 신청 승인 및 안전교육 관리

-
-
-
- - -
-

📋 안전 체크리스트 관리

-

TBM 안전 체크 항목 관리 (기본/날씨/작업별)

-
-
-
- - -
-

⚠️ 문제 신고

-

작업 중 발생한 문제를 신고합니다

-
-
-
- - -
-

📋 신고 현황

-

신고 목록 및 처리 현황을 확인합니다

-
-
-
- - -
-

작업 보고서 작성

-

오늘의 작업 내용을 입력하고 관리합니다

-
-
-
- - -
-

작업 현황 확인

-

팀원들의 작업 현황을 실시간으로 조회합니다

-
-
-
- - -
-

작업 분석

-

작업 효율성 및 통계를 분석합니다

-
-
-
- - -
-

기본 정보 관리

-

프로젝트, 작업자, 코드를 관리합니다

-
-
-
- - -
-

📅 일일 출퇴근 입력

-

오늘의 출퇴근 기록을 입력합니다

-
-
-
- - -
-

📆 월별 출퇴근 현황

-

이번 달 출퇴근 현황을 조회합니다

-
-
-
- - -
-

📝 휴가 신청

-

휴가를 신청하고 신청 내역을 확인합니다

-
-
-
- - -
-

🏖️ 휴가 관리

-

휴가 승인, 직접 입력, 전체 내역을 관리합니다

-
-
-
- - -
-

📊 연간 연차 현황

-

모든 작업자의 연간 휴가 현황을 차트로 확인합니다

-
-
-
- - -
-

➕ 휴가 발생 입력

-

작업자별 휴가를 입력하고 특별 휴가를 관리합니다

-
-
-
- - -
-

🔍 출퇴근-작업보고서 대조

-

출퇴근 기록과 작업보고서를 비교 분석합니다

-
-
-
-
-
-
-
-
diff --git a/web-ui/templates/README.md b/web-ui/templates/README.md index 7c114db..2c004a5 100644 --- a/web-ui/templates/README.md +++ b/web-ui/templates/README.md @@ -79,17 +79,28 @@ - 색상, 타이포그래피, 간격 등 CSS 변수 - 공통 컴포넌트 스타일 (버튼, 카드, 배지 등) -### 네비게이션 +### 상단 네비게이션 (Navbar) ```html - + ``` - 자동으로 로드되는 표준 네비게이션 헤더 - 사용자 프로필 메뉴, 로그아웃 기능 포함 +- 현재 시각 표시 + +### 사이드바 네비게이션 (Sidebar) +```html + + +``` +- 카테고리별 접이식 메뉴 (작업관리, 안전관리, 근태관리, 시스템관리) +- 사용자 권한에 따른 메뉴 자동 필터링 +- 접기/펼치기 상태 자동 저장 (localStorage) +- 현재 페이지 자동 하이라이트 ### 인증 ```html - + ``` - 페이지 접근 시 자동 로그인 확인 - 미인증 시 로그인 페이지로 리다이렉트 diff --git a/web-ui/templates/admin-layout.html b/web-ui/templates/admin-layout.html index e1b4bfd..c9ee676 100644 --- a/web-ui/templates/admin-layout.html +++ b/web-ui/templates/admin-layout.html @@ -17,12 +17,16 @@ + + + + diff --git a/web-ui/templates/dashboard-layout.html b/web-ui/templates/dashboard-layout.html index 40126fb..fa06825 100644 --- a/web-ui/templates/dashboard-layout.html +++ b/web-ui/templates/dashboard-layout.html @@ -15,12 +15,16 @@ + + + +
diff --git a/web-ui/templates/simple-layout.html b/web-ui/templates/simple-layout.html index 68a99cf..d2b4d2f 100644 --- a/web-ui/templates/simple-layout.html +++ b/web-ui/templates/simple-layout.html @@ -16,12 +16,16 @@ + + + + diff --git a/web-ui/templates/work-layout.html b/web-ui/templates/work-layout.html index d4c1c80..44ca82d 100644 --- a/web-ui/templates/work-layout.html +++ b/web-ui/templates/work-layout.html @@ -17,12 +17,16 @@ + + + +