File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
<!DOCTYPE html>
<html lang="ko">
<head>
<title>온세종학교</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="Author" content="" />
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<meta name="format-detection" content="telephone=no" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
<link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" />
<!-- 공통 plugin -->
<script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
<script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
<!-- //공통 plugin -->
<!-- 페이지 plugin-->
<script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
<script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
<!-- chart -->
<script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
<script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
<!-- //chart -->
<!-- //페이지 plugin-->
<!-- 공통 퍼블 layout: 개발시 삭제-->
<script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
<!--//퍼블 layout-->
<!-- 공통 메뉴 js-->
<!-- //공통 메뉴 js -->
<!--공통 퍼블 js-->
<script src="/resources/front/site/SITE_00000/js/common.js"></script>
<script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
<!--//공통 퍼블 js-->
</head>
<body>
<div class="popup-modal xlg" data-popuppub="popupmodal">
<div class="pop-header">
<h1>멤버별 출석관리</h1>
</div>
<div class="pop-body">
<section class="section">
<div class="tit-area">
<div class="l-area">
<h2 class="title">김가은 / USER_ID</h2>
<p>세종중학교 3학년 2반 15번</p>
</div>
</div>
<div class="summary-page">
<div class="l-area">
<div class="txt-area">
<strong class="summary-tit">수업제목이 표시됩니다!</strong>
<p><strong>진행 일시</strong> : 9월 28일(월) 오전 10:00</p>
</div>
</div>
</div>
</section>
<section class="section">
<div class="tit-area">
<div class="l-area">
<h2 class="title">상세 이력</h2>
</div>
</div>
<div class="list-type">
<table>
<caption>디바이스, 출결 체크 일시, 출결 구분, 출결 상태 변경으로 구성된 상세이력 표</caption>
<colgroup>
<col>
<col>
<col>
<col style="width: 40%;">
</colgroup>
<thead>
<tr>
<th scope="row">디바이스</th>
<th scope="row">출결 체크 일시</th>
<th scope="row">출결 구분</th>
<th scope="row">출결 상태 변경</th>
</tr>
</thead>
<tbody>
<tr>
<td data-tit="디바이스">Desktop</td>
<td data-tit="출결 체크 일시">2025.10.20 10:04:25</td>
<td><span class="label-state red">결석</span></td>
<td>
<fieldset class="checkradio-custom-area">
<legend>출결 상태 선택</legend>
<div class="checkradio sm primary">
<input type="radio" id="r1_1" name="r1" checked="">
<label for="r1_1">출석</label>
</div>
<div class="checkradio sm primary">
<input type="radio" id="r1_2" name="r1">
<label for="r1_2">조퇴</label>
</div>
<div class="checkradio sm primary">
<input type="radio" id="r1_3" name="r1">
<label for="r1_3">지각</label>
</div>
<div class="checkradio sm primary">
<input type="radio" id="r1_4" name="r1">
<label for="r1_4">공결</label>
</div>
<div class="checkradio sm primary">
<input type="radio" id="r1_5" name="r1">
<label for="r1_5">결석</label>
</div>
</fieldset>
</td>
</tr>
<tr>
<td data-tit="디바이스">Desktop</td>
<td data-tit="출결 체크 일시">2025.10.20 10:04:25</td>
<td><span class="label-state green">출석</span></td>
<td>
<fieldset class="checkradio-custom-area">
<legend>출결 상태 선택</legend>
<div class="checkradio sm primary">
<input type="radio" id="r2_1" name="r2" checked="">
<label for="r2_1">출석</label>
</div>
<div class="checkradio sm primary">
<input type="radio" id="r2_2" name="r2">
<label for="r2_2">조퇴</label>
</div>
<div class="checkradio sm primary">
<input type="radio" id="r2_3" name="r2">
<label for="r2_3">지각</label>
</div>
<div class="checkradio sm primary">
<input type="radio" id="r2_4" name="r2">
<label for="r2_4">공결</label>
</div>
<div class="checkradio sm primary">
<input type="radio" id="r2_5" name="r2">
<label for="r2_5">결석</label>
</div>
</fieldset>
</td>
</tr>
<tr>
<td>Desktop</td>
<td>2025.10.20 10:04:25</td>
<td><span class="label-state">조퇴</span></td>
<td>
<fieldset class="checkradio-custom-area">
<legend>출결 상태 선택</legend>
<div class="checkradio sm primary">
<input type="radio" id="r3_1" name="r3" checked="">
<label for="r3_1">출석</label>
</div>
<div class="checkradio sm primary">
<input type="radio" id="r3_2" name="r3">
<label for="r3_2">조퇴</label>
</div>
<div class="checkradio sm primary">
<input type="radio" id="r3_3" name="r3">
<label for="r3_3">지각</label>
</div>
<div class="checkradio sm primary">
<input type="radio" id="r3_4" name="r3">
<label for="r3_4">공결</label>
</div>
<div class="checkradio sm primary">
<input type="radio" id="r3_5" name="r3">
<label for="r3_5">결석</label>
</div>
</fieldset>
</td>
</tr>
</tbody>
</table>
</div>
</section>
<section class="section">
<div class="tit-area">
<div class="l-area">
<h2 class="title">메모</h2>
</div>
</div>
<textarea placeholder="메모를 입력하세요." title="메모를 입력하세요."></textarea>
</section>
</div>
<div class="pop-footer">
<div class="pop-btn-cont">
<button type="button" class="btn" onclick="popupClosePub('popupmodal')">취소</button>
<button type="button" class="btn primary" onclick="popupClosePub('popupmodal')">확인</button>
</div>
</div>
<button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button>
</div>
<!-- toast -->
<div class="toast"></div>
<!--popup-->
<div class="dim"></div>
<script>
$(document).ready(function () {
popupOpenPub('popupmodal');
});
</script>
</body>
</html>