a6ab9e395d
## 주요 변경사항
### 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>
152 lines
5.3 KiB
HTML
152 lines
5.3 KiB
HTML
<!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>
|