196 lines
7.4 KiB
Plaintext
196 lines
7.4 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="fn" uri = "http://java.sun.com/jsp/jstl/functions" %>
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<script src="${pageContext.request.contextPath}/js/admins/common.js"></script>
|
|
<script>
|
|
|
|
window.onload = function() {
|
|
// 페이지 로딩 후 실행될 코드
|
|
const activeEle = document.getElementById('${pId}');
|
|
if( activeEle ) {
|
|
activeEle.classList.add('active');
|
|
const menuItemEle = findClosestMenuItem(activeEle, 'menu-item');
|
|
if( menuItemEle ) {
|
|
menuItemEle.classList.add('active');
|
|
}
|
|
|
|
}
|
|
};
|
|
|
|
//상위 element에서 특정 class를 갖는 element를 검색한다.
|
|
function findClosestMenuItem(element, className) {
|
|
let currentElement = element.parentElement; // 현재 element의 부모 element부터 시작
|
|
|
|
while (currentElement) {
|
|
if (currentElement.classList.contains(className)) {
|
|
return currentElement; // 'menu-item' 클래스를 찾으면 해당 element 반환
|
|
}
|
|
currentElement = currentElement.parentElement; // 상위 element로 이동
|
|
}
|
|
|
|
return null; // 'menu-item' 클래스를 가진 element를 찾지 못하면 null 반환
|
|
}
|
|
|
|
|
|
function onClickSubMenuItem(e) {
|
|
// 클릭된 요소 가져오기
|
|
const clickedElement = e.target;
|
|
|
|
// data-url 속성 값 가져오기
|
|
const dataUrl = clickedElement.dataset.url;
|
|
|
|
goUrl(dataUrl, '${menuId}');
|
|
|
|
}
|
|
</script>
|
|
<link rel="stylesheet" HREF="${pageContext.request.contextPath}/css/admins/style.css" type="text/css">
|
|
<style type="text/css">
|
|
<!--
|
|
body
|
|
{
|
|
background-image: url(${pageContext.request.contextPath}/images/admins/left_bak.jpg);
|
|
margin-left:0;
|
|
margin-top:0;
|
|
margin-right:0;
|
|
margin-bottom:0;
|
|
}
|
|
img { border:0; }
|
|
-->
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<table width="244" border="0" cellpadding="0" cellspacing="0" >
|
|
<!-- <tr height=10><td colspan="3"><img src="/admins/img/left_top_border.gif"></td></tr>
|
|
<tr height=30><td colspan="3"><img src="/admins/img/user/left_title.gif"></td></tr>-->
|
|
<tr>
|
|
<td width="244" height="668" valign="top" background="${pageContext.request.contextPath}/images/admins/left_bak.jpg">
|
|
<table>
|
|
<tr>
|
|
<td><img src="${pageContext.request.contextPath}/images/admins/user/1_tit_01.gif" width="244" height="62" /></td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td width=209>
|
|
<c:choose>
|
|
<c:when test="${pId eq '00'}" >
|
|
<img src="${pageContext.request.contextPath}/images/admins/user/1_left_01_over.gif" style="cursor:hand" onClick="javascript:goUrl('00', '${menuId}')">
|
|
</c:when>
|
|
<c:otherwise>
|
|
<img src="${pageContext.request.contextPath}/images/admins/user/1_left_01.gif" style="cursor:hand" onClick="javascript:goUrl('00', '${menuId}')">
|
|
</c:otherwise>
|
|
</c:choose>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>
|
|
<c:choose>
|
|
<c:when test="${pId eq '01'}" >
|
|
<img src="${pageContext.request.contextPath}/images/admins/user/1_left_02_over.gif" style="cursor:hand" onClick="javascript:goUrl('01', '${menuId}')">
|
|
</c:when>
|
|
<c:otherwise>
|
|
<img src="${pageContext.request.contextPath}/images/admins/user/1_left_02.gif" style="cursor:hand" onClick="javascript:goUrl('01', '${menuId}')">
|
|
</c:otherwise>
|
|
</c:choose>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>
|
|
<c:choose>
|
|
<c:when test="${pId eq '02'}" >
|
|
<img src="${pageContext.request.contextPath}/images/admins/user/1_left_03_over.gif" style="cursor:hand" onClick="javascript:goUrl('02', '${menuId}')">
|
|
</c:when>
|
|
<c:otherwise>
|
|
<img src="${pageContext.request.contextPath}/images/admins/user/1_left_03.gif" style="cursor:hand" onClick="javascript:goUrl('02', '${menuId}')">
|
|
</c:otherwise>
|
|
</c:choose>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>
|
|
<c:choose>
|
|
<c:when test="${pId eq '03'}" >
|
|
<img src="${pageContext.request.contextPath}/images/admins/user/1_left_04_over.gif" style="cursor:hand" onClick="javascript:goUrl('03', '${menuId}')">
|
|
</c:when>
|
|
<c:otherwise>
|
|
<img src="${pageContext.request.contextPath}/images/admins/user/1_left_04.gif" style="cursor:hand" onClick="javascript:goUrl('03', '${menuId}')">
|
|
</c:otherwise>
|
|
</c:choose>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<c:choose>
|
|
<c:when test="${pId eq '40'}" >
|
|
<img src="${pageContext.request.contextPath}/images/admins/user/1_left_05_over.png" style="cursor:hand" onClick="javascript:goUrl('40', '${menuId}')">
|
|
</c:when>
|
|
<c:otherwise>
|
|
<img src="${pageContext.request.contextPath}/images/admins/user/1_left_05.png" style="cursor:hand" onClick="javascript:goUrl('40', '${menuId}')">
|
|
</c:otherwise>
|
|
</c:choose>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<c:choose>
|
|
<c:when test="${pId eq '05'}" >
|
|
<img src="${pageContext.request.contextPath}/images/admins/user/1_left_06_over.gif" style="cursor:hand" onClick="javascript:goUrl('05', '${menuId}')">
|
|
</c:when>
|
|
<c:otherwise>
|
|
<img src="${pageContext.request.contextPath}/images/admins/user/1_left_06.gif" style="cursor:hand" onClick="javascript:goUrl('05', '${menuId}')">
|
|
</c:otherwise>
|
|
</c:choose>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<c:choose>
|
|
<c:when test="${pId eq '07'}" >
|
|
<img src="${pageContext.request.contextPath}/images/admins/user/1_left_07_over.gif" style="cursor:hand" onClick="javascript:goUrl('07', '${menuId}')">
|
|
</c:when>
|
|
<c:otherwise>
|
|
<img src="${pageContext.request.contextPath}/images/admins/user/1_left_07.gif" style="cursor:hand" onClick="javascript:goUrl('07', '${menuId}')">
|
|
</c:otherwise>
|
|
</c:choose>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div class="menu-item">
|
|
<span style="cursor:hand" onClick="javascript:goUrl('home-training-index', '${menuId}')"><img src="${pageContext.request.contextPath}/images/renew/arrow-right.png" /> 집합교육 관리</span>
|
|
<ul class="sub-menu">
|
|
<li class="sub-menu-item" data-url="home-training-index" id="home-training-index" onClick="javascript:onClickSubMenuItem(event)"><img src="${pageContext.request.contextPath}/images/renew/arrow-right.png" /> 집합교육 개설</li>
|
|
<!-- <li class="sub-menu-item" data-url="home-training-approval-system" id="home-training-approval-system" onClick="onClickSubMenuItem(event)" ><img src="${pageContext.request.contextPath}/images/renew/arrow-right.png" /> 방문교육 신청 승인</li> -->
|
|
</ul>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div class="menu-item">
|
|
<span style="cursor:hand" data-url="visit-training-index" onClick="javascript:onClickSubMenuItem(event)"><img src="${pageContext.request.contextPath}/images/renew/arrow-right.png" /> 방문교육 관리</span>
|
|
<ul class="sub-menu">
|
|
<li class="sub-menu-item" data-url="visit-training-index" id="visit-training-index" onClick="javascript:onClickSubMenuItem(event)"><img src="${pageContext.request.contextPath}/images/renew/arrow-right.png" /> 교육가능 일자 지정</li>
|
|
<li class="sub-menu-item" data-url="visit-training-approval-system" id="visit-training-approval-system" onClick="onClickSubMenuItem(event)" ><img src="${pageContext.request.contextPath}/images/renew/arrow-right.png" /> 방문교육 신청 승인</li>
|
|
</ul>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
|
|
<!-- <tr><td colspan="3"> </td></tr>
|
|
<tr height=177><td colspan="3"><img src="/admins/img/left_logo.gif"></td></tr> -->
|
|
|
|
</table>
|
|
</body>
|
|
</html>
|