geoinfo_admin/src/main/webapp/WEB-INF/views/admins/user/home-training-index.jsp

201 lines
7.5 KiB
Plaintext

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="${pageContext.request.contextPath}/js/jquery/jquery-1.10.2.min.js"></script>
<script src="${pageContext.request.contextPath}/js/admins/user.js"></script>
<script src="${pageContext.request.contextPath}/js/admins/common.js"></script>
<link rel="stylesheet" HREF="${pageContext.request.contextPath}/css/admins/style.css" type="text/css">
<script>
var context = "${pageContext.request.contextPath}";
document.addEventListener('DOMContentLoaded', function () {
const addBtnEle = document.getElementById('add-btn');
if( addBtnEle ) {
addBtnEle.addEventListener('click', function () {
var contentAddTable = document.getElementById('ContentAdd');
if (contentAddTable.style.display === 'none' || contentAddTable.style.display === '') {
contentAddTable.style.display = 'block';
} else {
contentAddTable.style.display = 'none';
}
});
}
const rows = document.querySelectorAll('#Table_contents tbody tr td:nth-child(7)');
rows.forEach(function (cell) {
const text = cell.textContent;
const number = parseInt(text.match(/\d+/));
if (number >= 100) {
cell.style.color = 'red';
} else {
cell.style.color = 'blue';
}
});
});
</script>
</head>
<body>
<h1>집합교육</h1>
<div class="home-trainning" style="width: 1020px; position: relative;">
<div class="contentBtn">
<button class="modify">수정</button>
<button class="delete">삭제</button>
</div>
<table class="Table_Main" id="Table_contents">
<colgroup>
<col style="width:40px;">
<col style="width:40px;">
<col style="width:250px;">
<col style="width:215px;">
<col style="width:215px;">
<col style="width:230px;">
<col style="width:70px;">
</colgroup>
<thead class="Table_List">
<tr>
<th></th>
<th>번호</th>
<th>집합교육명</th>
<th>교육일시</th>
<th>교육장소</th>
<th>접수기간</th>
<th>신청</th>
</tr>
</thead>
<tbody>
<tr>
<td><input type="checkbox"></td>
<td>3</td>
<td>`24 제2차 국토지반정보 집합교육</td>
<td>2024-10-23(수)</td>
<td>한국건설기술연구원</td>
<td>2024-09-23(월) ~ 2024-10-18(금)</td>
<td>56명 접수중</td>
</tr>
<tr>
<td><input type="checkbox"></td>
<td>2</td>
<td>`24 제2차 국토지반정보 집합교육</td>
<td>2024-10-23(수)</td>
<td>한국건설기술연구원</td>
<td>2024-09-23(월) ~ 2024-10-18(금)</td>
<td>123명 (마감)</td>
</tr>
<tr>
<td><input type="checkbox"></td>
<td>1</td>
<td>`24 제2차 국토지반정보 집합교육</td>
<td>2024-10-23(수)</td>
<td>한국건설기술연구원</td>
<td>2024-09-23(월) ~ 2024-10-18(금)</td>
<td>198명(마감)</td>
</tr>
</tbody>
</table>
<button class="AddBtn" id="add-btn">추가</button>
<!-- 추가 버튼 눌렸을 경우 -->
<table class="Table_Main" id="ContentAdd">
<colgroup>
<col style="width:40px;">
<col style="width:250px;">
<col style="width:215px;">
<col style="width:215px;">
<col style="width:230px;">
<col style="width:70px;">
</colgroup>
<thead class="Table_List">
<tr>
<th>번호</th>
<th>집합교육명</th>
<th>교육일시</th>
<th>교육장소</th>
<th>접수기간</th>
<th>신청</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td><input type="text" placeholder="`24 제2차 국토지반정보 집합교육"></td>
<td>2024-10-23(수)</td>
<td>한국건설기술연구원</td>
<td>2024-09-23(월) ~ 2024-10-18(금)</td>
<td><button class="register">등록</button></td>
</tr>
</tbody>
</table>
<!-- 명단 클릭 했을 경우 -->
<h2 class="DateTitle">교육 대상자 명단</h2>
<span class="DateText">⁕ 신청 집합교육명 : `24 제2차 국토지반정보 집합교육
<button class="" style="float: right; margin-bottom: 10px;">내보내기</button>
</span>
<table class="Table_Main" id="Table_contents">
<colgroup>
<col style="width:80px;">
<col style="width:230px;">
<col style="width:200px;">
<col style="width:200px;">
<col style="width:150px;">
<col style="width:70px;">
<col style="width:120px;">
</colgroup>
<thead class="Table_List">
<tr>
<th>신청자</th>
<th>소속기관</th>
<th>부서</th>
<th>직급</th>
<th>연락처</th>
<th>이메일</th>
<th>비고</th>
</tr>
</thead>
<tbody>
<tr>
<td>홍길동</td>
<td>디비엔텍</td>
<td>개발</td>
<td>대리</td>
<td>010-1234-5678</td>
<td>abcdw@naver.com</td>
<td></td>
</tr>
<tr>
<td>홍길동</td>
<td>디비엔텍</td>
<td>개발</td>
<td>대리</td>
<td>010-1234-5678</td>
<td>abcdw@naver.com</td>
<td></td>
</tr>
<tr>
<td>홍길동</td>
<td>디비엔텍</td>
<td>개발</td>
<td>대리</td>
<td>010-1234-5678</td>
<td>abcdw@naver.com</td>
<td></td>
</tr>
</tbody>
</table>
</div>
</body>
</html>