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

refactor: 페이지 구조 대대적 개편 - 명확한 폴더 구조 및 파일명 개선

Browse Source 
## 주요 변경사항

### 1. 미사용 페이지 아카이브 (24개)
- admin 폴더 전체 (8개) → .archived-admin/
- 분석 페이지 (5개) → .archived-*
- 공통 페이지 (5개) → .archived-*
- 대시보드 페이지 (2개) → .archived-*
- 기타 (4개) → .archived-*

### 2. 새로운 폴더 구조
```
pages/
├── dashboard.html          (메인 대시보드)
├── work/                   (작업 관련)
│   ├── report-create.html  (작업보고서 작성)
│   ├── report-view.html    (작업보고서 조회)
│   └── analysis.html       (작업 분석)
├── admin/                  (관리 기능)
│   ├── index.html          (관리 메뉴 허브)
│   ├── projects.html       (프로젝트 관리)
│   ├── workers.html        (작업자 관리)
│   ├── codes.html          (코드 관리)
│   └── accounts.html       (계정 관리)
└── profile/                (프로필)
    ├── info.html           (내 정보)
    └── password.html       (비밀번호 변경)
```

### 3. 파일명 개선
- group-leader.html → dashboard.html
- daily-work-report.html → work/report-create.html
- daily-work-report-viewer.html → work/report-view.html
- work-analysis.html → work/analysis.html
- work-management.html → admin/index.html
- project-management.html → admin/projects.html
- worker-management.html → admin/workers.html
- code-management.html → admin/codes.html
- my-profile.html → profile/info.html
- change-password.html → profile/password.html
- admin-settings.html → admin/accounts.html

### 4. 내부 링크 전면 수정
- navbar.html 프로필 메뉴 링크 업데이트
- dashboard.html 빠른 작업 링크 업데이트
- admin/* 페이지 간 링크 업데이트
- load-navbar.js 대시보드 경로 수정

영향받는 파일: 39개

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Hyungi Ahn
2026-01-20 10:44:34 +09:00
parent 33e9e2afec
commit a6ab9e395d
39 changed files with 21 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

151
web-ui/pages/.archived-my-attendance.html Normal file
View File

@@ -0,0 +1,151 @@
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>나의 출근 현황 | (주)테크니컬코리아</title>
<link rel="stylesheet" href="/css/main-layout.css">
<link rel="stylesheet" href="/css/attendance.css">
<link rel="stylesheet" href="/css/my-attendance.css">
<link rel="icon" type="image/png" href="/img/favicon.png">
<script src="/js/auth-check.js" defer></script>
</head>
<body>
<div class="main-layout">
<div id="navbar-container"></div>
<div class="content-wrapper">
<div id="sidebar-container"></div>
<div id="content-container">
<!-- 페이지 헤더 -->
<header class="page-header">
<div class="page-title-section">
<h1 class="page-title">
<span class="title-icon">📊</span>
나의 출근 현황
</h1>
<p class="page-description">나의 출근 기록과 근태 현황을 확인할 수 있습니다</p>
</div>
</header>
<!-- 필터 섹션 -->
<div class="controls">
<label for="yearSelect">연도:</label>
<select id="yearSelect"></select>
<label for="monthSelect">월:</label>
<select id="monthSelect"></select>
<button id="loadAttendance" class="btn-primary">조회</button>
</div>
<!-- 통계 카드 섹션 -->
<section class="stats-section">
<div class="stat-card">
<div class="stat-icon">⏱️</div>
<div class="stat-info">
<div class="stat-value" id="totalHours">-</div>
<div class="stat-label">총 근무시간</div>
</div>
</div>
<div class="stat-card">
<div class="stat-icon">📅</div>
<div class="stat-info">
<div class="stat-value" id="totalDays">-</div>
<div class="stat-label">근무일수</div>
</div>
</div>
<div class="stat-card">
<div class="stat-icon">🌴</div>
<div class="stat-info">
<div class="stat-value" id="remainingLeave">-</div>
<div class="stat-label">잔여 연차</div>
</div>
</div>
</section>
<!-- 탭 섹션 -->
<div class="tab-container">
<button class="tab-btn active" data-tab="list">
<span class="tab-icon">📋</span> 리스트 보기
</button>
<button class="tab-btn" data-tab="calendar">
<span class="tab-icon">📅</span> 달력 보기
</button>
</div>
<!-- 리스트 뷰 -->
<div id="listView" class="tab-content active">
<div id="attendanceTableContainer">
<table id="attendanceTable">
<thead>
<tr>
<th>날짜</th>
<th>요일</th>
<th>출근시간</th>
<th>퇴근시간</th>
<th>근무시간</th>
<th>상태</th>
<th>비고</th>
</tr>
</thead>
<tbody id="attendanceTableBody">
<tr>
<td colspan="7" class="loading-cell">데이터를 불러오는 중...</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- 달력 뷰 -->
<div id="calendarView" class="tab-content">
<div id="calendarContainer">
<div class="calendar-header">
<button id="prevMonth" class="calendar-nav-btn">◀</button>
<h3 id="calendarTitle">2026년 1월</h3>
<button id="nextMonth" class="calendar-nav-btn">▶</button>
</div>
<div id="calendarGrid" class="calendar-grid">
<!-- 달력이 여기에 동적으로 생성됩니다 -->
</div>
<div class="calendar-legend">
<span class="legend-item"><span class="legend-dot normal"></span> 정상</span>
<span class="legend-item"><span class="legend-dot late"></span> 지각</span>
<span class="legend-item"><span class="legend-dot early"></span> 조퇴</span>
<span class="legend-item"><span class="legend-dot absent"></span> 결근</span>
<span class="legend-item"><span class="legend-dot vacation"></span> 휴가</span>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 일별 상세 모달 -->
<div id="detailModal" class="modal" style="display: none;">
<div class="modal-content">
<div class="modal-header">
<h2 id="modalTitle">출근 상세 정보</h2>
<button class="modal-close-btn" onclick="closeDetailModal()">×</button>
</div>
<div class="modal-body" id="modalBody">
<!-- 상세 정보가 여기에 동적으로 생성됩니다 -->
</div>
<div class="modal-footer">
<button class="btn-secondary" onclick="closeDetailModal()">닫기</button>
</div>
</div>
</div>
<!-- 스크립트 로딩 -->
<script type="module" src="/js/api-config.js"></script>
<script type="module" src="/js/load-navbar.js"></script>
<script type="module" src="/js/load-sidebar.js"></script>
<script src="/js/my-attendance.js"></script>
</body>
</html>