Files
TK-FB-Project/web-ui/pages/.archived-my-dashboard.html
Hyungi Ahn a6ab9e395d refactor: 페이지 구조 대대적 개편 - 명확한 폴더 구조 및 파일명 개선
## 주요 변경사항

### 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>
2026-01-20 10:44:34 +09:00

112 lines
3.6 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/common.css?v=2">
<link rel="stylesheet" href="/css/my-dashboard.css?v=1">
<link rel="icon" type="image/png" href="/img/favicon.png">
<script type="module" src="/js/api-config.js?v=3"></script>
</head>
<body>
<div id="navbar-container"></div>
<main class="dashboard-container">
<a href="javascript:history.back()" class="back-button">
← 뒤로가기
</a>
<header class="page-header">
<h1>📊 나의 대시보드</h1>
<p>안녕하세요, <span id="userName"></span>님!</p>
</header>
<!-- 사용자 정보 카드 -->
<section class="user-info-card">
<div class="info-row">
<div class="info-item">
<span class="label">부서:</span>
<span id="department">-</span>
</div>
<div class="info-item">
<span class="label">직책:</span>
<span id="jobType">-</span>
</div>
<div class="info-item">
<span class="label">입사일:</span>
<span id="hireDate">-</span>
</div>
</div>
</section>
<!-- 연차 정보 위젯 -->
<section class="vacation-widget">
<h2>💼 연차 정보</h2>
<div class="vacation-summary">
<div class="stat">
<span class="label">총 연차</span>
<span class="value" id="totalLeave">15</span>
</div>
<div class="stat">
<span class="label">사용</span>
<span class="value used" id="usedLeave">0</span>
</div>
<div class="stat">
<span class="label">잔여</span>
<span class="value remaining" id="remainingLeave">15</span>
</div>
</div>
<div class="progress-bar">
<div class="progress" id="vacationProgress" style="width: 0%"></div>
</div>
</section>
<!-- 월별 출근 캘린더 -->
<section class="calendar-section">
<h2>📅 이번 달 출근 현황</h2>
<div class="calendar-controls">
<button onclick="previousMonth()"></button>
<span id="currentMonth">2026년 1월</span>
<button onclick="nextMonth()"></button>
</div>
<div id="calendar" class="calendar-grid">
<!-- 동적 생성 -->
</div>
<div class="calendar-legend">
<span><span class="dot normal"></span> 정상</span>
<span><span class="dot late"></span> 지각</span>
<span><span class="dot vacation"></span> 휴가</span>
<span><span class="dot absent"></span> 결근</span>
</div>
</section>
<!-- 근무 시간 통계 -->
<section class="work-hours-stats">
<h2>⏱️ 근무 시간 통계</h2>
<div class="stats-grid">
<div class="stat-card">
<span class="label">이번 달</span>
<span class="value" id="monthHours">0</span>시간
</div>
<div class="stat-card">
<span class="label">근무 일수</span>
<span class="value" id="workDays">0</span>
</div>
</div>
</section>
<!-- 최근 작업 보고서 -->
<section class="recent-reports">
<h2>📝 최근 작업 보고서</h2>
<div id="recentReportsList">
<p class="empty-message">최근 7일간의 작업 보고서가 없습니다.</p>
</div>
</section>
</main>
<script type="module" src="/js/load-navbar.js?v=5"></script>
<script type="module" src="/js/my-dashboard.js?v=1"></script>
</body>
</html>