74d3a78aa3
- 페이지 폴더 재구성: safety/, attendance/ 폴더 신규 생성 - work/ → safety/: 이슈 신고, 출입 신청 관련 페이지 이동 - common/ → attendance/: 근태/휴가 관련 페이지 이동 - admin/ 정리: safety-* 파일들을 safety/로 이동 - 사이드바 네비게이션 메뉴 구현 - 카테고리별 메뉴: 작업관리, 안전관리, 근태관리, 시스템관리 - 접기/펼치기 기능 및 상태 저장 - 관리자 전용 메뉴 자동 표시/숨김 - 날씨 API 연동 (기상청 단기예보) - TBM 및 navbar에 현재 날씨 표시 - weatherService.js 추가 - 안전 체크리스트 확장 - 기본/날씨별/작업별 체크 유형 추가 - checklist-manage.html 페이지 추가 - 이슈 신고 시스템 구현 - workIssueController, workIssueModel, workIssueRoutes 추가 - DB 마이그레이션 파일 추가 (실행 대기) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
112 lines
3.6 KiB
HTML
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>
|