hyungi/TK-FB-Project
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 헤더/사이드바 레이아웃 개선 및 템플릿 표준화

Browse Source 
- 헤더를 fixed로 변경하고 z-index를 200으로 높여 사이드바와 겹침 방지
- 대시보드에서 빠른 작업 섹션 제거 (사이드바로 대체)
- 모든 템플릿(4개)에 사이드바 네비게이션 추가
- 템플릿 README에 사이드바 설명 추가

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Hyungi Ahn
2026-02-02 14:30:47 +09:00
parent 74d3a78aa3
commit 9998d9df96
7 changed files with 42 additions and 154 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
web-ui/templates/README.md
View File

@@ -79,17 +79,28 @@
- 색상, 타이포그래피, 간격 등 CSS 변수
- 공통 컴포넌트 스타일 (버튼, 카드, 배지 등)
### 네비게이션
### 상단 네비게이션 (Navbar)
```html
<div id="navbar-container"></div>
<script src="/js/load-navbar.js"></script>
<script type="module" src="/js/load-navbar.js"></script>
```
- 자동으로 로드되는 표준 네비게이션 헤더
- 사용자 프로필 메뉴, 로그아웃 기능 포함
- 현재 시각 표시
### 사이드바 네비게이션 (Sidebar)
```html
<div id="sidebar-container"></div>
<script type="module" src="/js/load-sidebar.js"></script>
```
- 카테고리별 접이식 메뉴 (작업관리, 안전관리, 근태관리, 시스템관리)
- 사용자 권한에 따른 메뉴 자동 필터링
- 접기/펼치기 상태 자동 저장 (localStorage)
- 현재 페이지 자동 하이라이트
### 인증
```html
<script src="/js/auth-check.js"></script>
<script type="module" src="/js/auth-check.js"></script>
```
- 페이지 접근 시 자동 로그인 확인
- 미인증 시 로그인 페이지로 리다이렉트

4
web-ui/templates/admin-layout.html
View File

@@ -17,12 +17,16 @@
<script type="module" src="/js/api-config.js"></script>
<script type="module" src="/js/auth-check.js"></script>
<script type="module" src="/js/load-navbar.js"></script>
<script type="module" src="/js/load-sidebar.js"></script>
<!-- 페이지별 스크립트 추가 -->
<!-- <script type="module" src="/js/your-admin-page.js" defer></script> -->
</head>
<body>
<!-- 사이드바 네비게이션 (자동 로드됨) -->
<div id="sidebar-container"></div>
<!-- 네비게이션 헤더 (자동 로드됨) -->
<div id="navbar-container"></div>

4
web-ui/templates/dashboard-layout.html
View File

@@ -15,12 +15,16 @@
<script type="module" src="/js/api-config.js"></script>
<script type="module" src="/js/auth-check.js" defer></script>
<script type="module" src="/js/load-navbar.js"></script>
<script type="module" src="/js/load-sidebar.js"></script>
<!-- 페이지별 스크립트 추가 -->
<!-- <script type="module" src="/js/your-page.js" defer></script> -->
</head>
<body>
<!-- 사이드바 네비게이션 (자동 로드됨) -->
<div id="sidebar-container"></div>
<!-- 메인 컨테이너 -->
<div class="dashboard-container">

4
web-ui/templates/simple-layout.html
View File

@@ -16,12 +16,16 @@
<script type="module" src="/js/api-config.js"></script>
<script type="module" src="/js/auth-check.js"></script>
<script type="module" src="/js/load-navbar.js"></script>
<script type="module" src="/js/load-sidebar.js"></script>
<!-- 페이지별 스크립트 추가 -->
<!-- <script type="module" src="/js/your-page.js" defer></script> -->
</head>
<body>
<!-- 사이드바 네비게이션 (자동 로드됨) -->
<div id="sidebar-container"></div>
<!-- 네비게이션 헤더 (자동 로드됨) -->
<div id="navbar-container"></div>

4
web-ui/templates/work-layout.html
View File

@@ -17,12 +17,16 @@
<script type="module" src="/js/api-config.js"></script>
<script type="module" src="/js/auth-check.js"></script>
<script type="module" src="/js/load-navbar.js"></script>
<script type="module" src="/js/load-sidebar.js"></script>
<!-- 페이지별 스크립트 추가 -->
<!-- <script type="module" src="/js/your-page.js" defer></script> -->
</head>
<body>
<!-- 사이드바 네비게이션 (자동 로드됨) -->
<div id="sidebar-container"></div>
<!-- 네비게이션 헤더 (자동 로드됨) -->
<div id="navbar-container"></div>