87 lines
3.0 KiB
HTML
87 lines
3.0 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/admin.css">
|
|
<link rel="stylesheet" href="/css/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">
|
|
<div class="page-header">
|
|
<h1>📊 출근부 조회</h1>
|
|
<p class="subtitle">월별 출근 현황 및 잔업 시간을 확인할 수 있습니다.</p>
|
|
</div>
|
|
|
|
<div id="pdfContent">
|
|
<!-- 조회 컨트롤 -->
|
|
<div class="control-panel card">
|
|
<div class="control-group">
|
|
<label for="year">연도</label>
|
|
<select id="year" class="form-control"></select>
|
|
</div>
|
|
<div class="control-group">
|
|
<label for="month">월</label>
|
|
<select id="month" class="form-control"></select>
|
|
</div>
|
|
<div class="control-actions">
|
|
<button id="loadAttendance" class="btn btn-primary">
|
|
<span class="icon">📊</span> 조회하기
|
|
</button>
|
|
<button id="downloadPdf" class="btn btn-secondary">
|
|
<span class="icon">📄</span> PDF 저장
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 출근부 테이블 -->
|
|
<div class="table-container card">
|
|
<div id="attendanceTableContainer">
|
|
<div class="empty-state">
|
|
<p>조회할 연도와 월을 선택하세요.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 범례 -->
|
|
<div class="legend card">
|
|
<h3>범례</h3>
|
|
<div class="legend-items">
|
|
<span class="legend-item">
|
|
<span class="color-box overtime-cell"></span> 잔업
|
|
</span>
|
|
<span class="legend-item">
|
|
<span class="color-box leave"></span> 연차/반차
|
|
</span>
|
|
<span class="legend-item">
|
|
<span class="color-box paid-leave"></span> 유급
|
|
</span>
|
|
<span class="legend-item">
|
|
<span class="color-box holiday"></span> 휴무
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="module" src="/js/load-navbar.js"></script>
|
|
<script type="module" src="/js/load-sidebar.js"></script>
|
|
<script type="module" src="/js/attendance.js"></script>
|
|
|
|
<!-- PDF 생성 라이브러리 -->
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
|
|
</body>
|
|
</html> |