Merge branch 'dev' into dev-layout-feat

main
Jonguk. Lim 2 years ago
commit 5f70217206

@ -86,8 +86,8 @@
});
$(".popup").css("position","absolute");
$(".content_header").css("display","none");
$("#cur_loc").css("display","none");
};
const addEc0100 = () => {

@ -9,8 +9,12 @@
<head>
<meta http-equiv="Content-Language" content="ko" >
<title>로그인</title>
<link href="<c:url value='/'/>resources/framework/css/common.css" rel="stylesheet" type="text/css" >
<link href="<c:url value='/'/>resources/framework/css/login.css" rel="stylesheet" type="text/css" >
<script src="${ctx}/resources/3rd-party/sneat/libs/jquery/jquery.js"></script>
<style>
.captcha_wrap {

@ -1,185 +0,0 @@
<%@ 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="ui" uri="http://egovframework.gov/ctl/ui"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Language" content="ko" >
<title>로그인</title>
<link href="<c:url value='/'/>resources/css/common.css" rel="stylesheet" type="text/css" >
<link href="<c:url value='/'/>resources/css/login.css" rel="stylesheet" type="text/css" >
<script type="text/javascript">
/**
* 로그인
*/
function actionLogin() {
if (document.loginForm.id.value =="") {
alert("아이디를 입력하세요");
return false;
} else if (document.loginForm.password.value =="") {
alert("비밀번호를 입력하세요");
return false;
} else {
document.loginForm.action="<c:url value='/login/actionSecurityLogin.do'/>";
//document.loginForm.j_username.value = document.loginForm.userSe.value + document.loginForm.username.value;
//document.loginForm.action="<c:url value='/j_spring_security_check'/>";
document.loginForm.submit();
}
}
/**
* 쿠키 설정
*/
function setCookie (name, value, expires) {
document.cookie = name + "=" + escape (value) + "; path=/; expires=" + expires.toGMTString();
}
/**
* 쿠키 조회
* -쿠키에 저장된 목록을 조회 한다.
*/
function getCookie(Name) {
var search = Name + "="
if (document.cookie.length > 0) { // 쿠키가 설정되어 있다면
offset = document.cookie.indexOf(search)
if (offset != -1) { // 쿠키가 존재하면
offset += search.length
// set index of beginning of value
end = document.cookie.indexOf(";", offset)
// 쿠키 값의 마지막 위치 인덱스 번호 설정
if (end == -1)
end = document.cookie.length
return unescape(document.cookie.substring(offset, end))
}
}
return "";
}
/**
* 쿠키에 ID 저장or제거
* -"로그인ID 저장여부"를 check 시 일정기간동안 쿠키에 ID를 저장 한다.
* -"로그인ID 저장여부"를 uncheck 시 쿠키에 저장된 ID를 삭제 한다.
*/
function saveid(form) {
var expdate = new Date();
// 기본적으로 30일동안 기억하게 함. 일수를 조절하려면 * 30에서 숫자를 조절하면 됨
if (form.checkId.checked)
expdate.setTime(expdate.getTime() + 1000 * 3600 * 24 * 30); // 30일
else
expdate.setTime(expdate.getTime() - 1); // 쿠키 삭제조건
setCookie("saveid", form.id.value, expdate);
}
/**
* 쿠키에 저장된 ID 취득
* -저장된 ID가 존재할 경우 "로그인ID 저장여부"항목을 check 설정 한다.
*/
function getid(form) {
form.checkId.checked = ((form.id.value = getCookie("saveid")) != "");
}
function fnInit() {
var message = document.loginForm.message.value;
if (message != "") {
alert(message);
}
getid(document.loginForm);
}
/**
* 회원가입 팝업
*/
function fnReg(){
var popUrl ="${ctx}/_anonymous_/login/UserReg_input.do";
var popOption = "width=975px, height=350px, resizable=no, scrollbars=yes, location=no, top=100px, left=100px";
var target = '사용자등록';
window.open(popUrl,target,popOption);
}
</script>
</head>
<body onload="fnInit();">
<noscript>자바스크립트를 지원하지 않는 브라우저에서는 일부 기능을 사용하실 수 없습니다.</noscript>
<!-- 전체 레이어 시작 -->
<div id="wrap">
<!-- header 시작 -->
<div id="header">
<div id="skipNav" class="invisible">
<dl>
<dt>콘텐츠 바로가기</dt>
<dd><a href="#content">컨텐츠 바로가기</a></dd>
<dd><a href="#topnavi">메인메뉴 바로가기</a></dd>
<dd><a href="#leftmenu">좌메뉴 바로가기</a></dd>
</dl>
</div>
<!-- 행정안전부 로고 및 타이틀 시작 -->
<div id="logoarea">
<h1><a href="<c:url value='/'/>login/actionMain.do"><img src="<c:url value='/'/>resources/images/header/logo.jpg" alt="템플릿 샘플 내부업무 사이트" /></a></h1>
</div>
<div id="project_title"><span class="maintitle">표준프레임워크 </span><strong>샘플 내부업무 사이트</strong>
<a href="<c:url value='/EgovPageLink.do?link=framework/egov/main/sample_menu/Intro'/>" target="_blank"><img width="20" height="20" src="<c:url value='/resources/images/question.jpg'/>" alt="메뉴구성 설명" title="메뉴구성 설명"></a>
</div>
<!-- //행정안전부 로고 및 타이틀 끝 -->
</div>
<div id="topnavi"><c:import url="/framework/biz/cmm/XitMainMenuHead.do" /></div>
<!-- //header 끝 -->
<!-- container 시작 -->
<div id="container">
<!-- 좌측메뉴 시작 -->
<div id="leftmenu"><c:import url="/framework/biz/cmm/XitMainMenuLeft.do" /></div>
<!-- //좌측메뉴 끝 -->
<!-- content 시작 -->
<div id="content">
<div id="login_title_div"><img alt="LOGIN 표준프레임워크 경량환경 내부업무 시스템에 오신것을 환영합니다." src="<c:url value='/' />images/login/img_logintitle.gif" /></div>
<div class="user_login">
<form:form id="loginForm" name="loginForm" method="post">
<fieldset>
<legend>조건정보 영역</legend>
<div class="user_login_ultop">
<ul>
<li>
<label for="id">아이디</label>
<input type="text" class="input_style" title="아이디를 입력하세요." id="id" name="id" maxlength="10"/>
</li>
<li>
<label for="password">비밀번호</label>
<input type="password" class="input_style" maxlength="25" title="비밀번호를 입력하세요." id="password" name="password" onkeydown="javascript:if (event.keyCode == 13) { actionLogin(); }"/>
</li>
<li>
<div>
<input type="checkbox" name="checkId" title="로그인ID 저장여부" onclick="javascript:saveid(this.form);" id="checkId" />
<label for="checkId" style="cursor: pointer;">ID저장</label>
</div>
</li>
<li>
<div>
<a href="#" style="float: left; font-size: 11px;" onclick="javascript:fnReg(); return false;">회원가입</a>
|&nbsp;<a href="#" style="float: right; font-size: 11px;" onclick="">아이디/비밀번호 찾기</a>
</div>
</li>
</ul>
<input type="image" alt="로그인" onclick="javascript:actionLogin()" src="<c:url value='/'/>images/login/btn_login.gif" />
</div>
</fieldset>
<input type="hidden" name="message" value="${message}" />
<input type="hidden" name="userSe" value="USR"/>
<input name="j_username" type="hidden"/>
</form:form>
</div>
</div>
<!-- //content 끝 -->
</div>
<!-- //container 끝 -->
<!-- footer 시작 -->
<div id="footer"><c:import url="/EgovPageLink.do?link=framework/egov/main/inc/EgovIncFooter" /></div>
<!-- //footer 끝 -->
</div>
<!-- //전체 레이어 끝 -->
</body>
</html>

@ -108,8 +108,8 @@ $(document).ready(function(){
}
});
$(".popup").css("position","absolute");
$(".content_header").css("display","none");
$("#cur_loc").css("display","none");
},
/* ========================
* 데이터 등록

@ -108,8 +108,8 @@ $(document).ready(function(){
}
});
$(".popup").css("position","absolute");
$(".content_header").css("display","none");
$("#cur_loc").css("display","none");
},
/* ========================
* 데이터 등록

@ -93,8 +93,8 @@ $(document).ready(function(){
}
});
$(".popup").css("position","absolute");
$(".content_header").css("display","none");
$("#cur_loc").css("display","none");
},
/* ========================
* 데이터 등록

@ -93,8 +93,8 @@ $(document).ready(function(){
}
});
$(".popup").css("position","absolute");
$(".content_header").css("display","none");
$("#cur_loc").css("display","none");
},
/* ========================
* 데이터 등록

@ -117,8 +117,8 @@ $(document).ready(function(){
}
});
$(".popup").css("position","absolute");
$(".content_header").css("display","none");
$("#cur_loc").css("display","none");
},
/* ========================
* 데이터 등록

@ -117,8 +117,8 @@ $(document).ready(function(){
}
});
$(".popup").css("position","absolute");
$(".content_header").css("display","none");
$("#cur_loc").css("display","none");
},
/* ========================
* 데이터 등록

@ -132,8 +132,8 @@ $(document).ready(function(){
}
})
$(".popup").css("position","absolute");
$(".content_header").css("display","none");
$("#cur_loc").css("display","none");
},
/* ========================
* 데이터 등록

@ -87,8 +87,8 @@ $(document).ready(function(){
}
});
$(".popup").css("position","absolute");
$(".content_header").css("display","none");
$("#cur_loc").css("display","none");
},
/* ========================
* 데이터 수정

@ -89,8 +89,8 @@ $(document).ready(function(){
}
});
$(".popup").css("position","absolute");
$(".content_header").css("display","none");
$("#cur_loc").css("display","none");
},
/* ========================
* 데이터 등록

@ -33,8 +33,8 @@ $(document).ready(function(){
}
});
$(".popup").css("position","absolute");
$(".content_header").css("display","none");
$("#cur_loc").css("display","none");
},
/* ========================
* 데이터 등록

@ -4,20 +4,19 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<c:set var="framework3rdparty" value="resources/3rd-party/sneat"/>
<!-- 프레임워크(폰트) -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" >
<!-- 프레임워크(아이콘) -->
<link rel="stylesheet" type="text/css" href="${ctx}/${framework3rdparty}/fonts/boxicons.css" />
<link rel="stylesheet" type="text/css" href="${ctx}/${framework3rdparty}/fonts/fontawesome.css" />
<link rel="stylesheet" type="text/css" href="${ctx}/resources/3rd-party/sneat/fonts/boxicons.css" />
<link rel="stylesheet" type="text/css" href="${ctx}/resources/3rd-party/sneat/fonts/fontawesome.css" />
<link rel="stylesheet" type="text/css" href="${ctx}/${framework3rdparty}/css/core.css" />
<link rel="stylesheet" type="text/css" href="${ctx}/${framework3rdparty}/css/theme-default.css" />
<link rel="stylesheet" type="text/css" href="${ctx}/resources/3rd-party/sneat/css/core.css" />
<link rel="stylesheet" type="text/css" href="${ctx}/resources/3rd-party/sneat/css/theme-default.css" />
<script src="${ctx}/${framework3rdparty}/js/helpers.js"></script>
<script src="${ctx}/resources/3rd-party/sneat/js/helpers.js"></script>
<script>
/**
@ -69,14 +68,58 @@
};
</script>
<script src="${ctx}/${framework3rdparty}/js/bootstrap.js"></script><!-- 부트스트랩 -->
<script src="${ctx}/${framework3rdparty}/js/menu.js"></script><!-- 메뉴 -->
<!-- 부트스트랩 -->
<script src="${ctx}/resources/3rd-party/sneat/js/bootstrap.js"></script>
<!-- 제이쿼리 -->
<script src="${ctx}/${framework3rdparty}/libs/jquery/jquery.js"></script>
<script src="${ctx}/resources/3rd-party/sneat/libs/jquery/jquery.js"></script>
<!-- 제이쿼리 직렬화 -->
<script type="text/javascript" src="${ctx}/resources/3rd-party/jquerySerializeObject/js/jquery.serializeObject.js" ></script>
<!-- 블록ui -->
<script type="text/javascript" src="${ctx}/${framework3rdparty}/libs/block-ui/block-ui.js"></script>
<script type="text/javascript" src="${ctx}/resources/3rd-party/sneat/libs/block-ui/block-ui.js"></script>
<!-- 스크롤바 -->
<link rel="stylesheet" href="${ctx}/${framework3rdparty}/libs/perfect-scrollbar/perfect-scrollbar.css" />
<script src="${ctx}/${framework3rdparty}/libs/perfect-scrollbar/perfect-scrollbar.js"></script>
<%--TODO: 보완 필요 : 공통 ajax 호출 모듈과 통합 필요 --%>
<script type="text/javascript">
var XitIncludeBase = {
/* ===================
* 초기화 항목
* @date 2020.09.15.
* @author 박민규
=================== */
init : function(){
XitIncludeBase.inputEnterEventIssue(); //form Tag에 배치된 input["text"] Tag가 한개일때 Event 이슈 처리
},
/* ===================
* form에 배치된 input[type="text"] 태그가 한개일 경우 엔터키 입력 시 submit 이슈 처리 함수
* @date 2020.09.15.
* @author 박민규
=================== */
inputEnterEventIssue : function(){
$('form').each(function(){
if($(this).find('input[type="text"]').length==1){
//form에 배치된 input[type="text"] 태그가 한개일 경우 엔터키 입력 시 이벤트를 무시하고 onload 되는것을 방지하기 위한 dummy 태그
$(this).append('<input type="text" style="display: none;"/>');
}
});
}
}
$(document).ready(function(){
// FIXME: 디자인 적용 필요
// blockUI 적용
$(document).ajaxStart(function(handler){
const br = '<br/>';
const msg = '처리중...';
const loading = '<div class="spinner-border text-primary" role="status"></div>';
$.blockUI({ message : br+msg+br+br+loading+br+br});
}).ajaxStop(function(){
$.unblockUI();
});
//초기화
XitIncludeBase.inputEnterEventIssue(); //form Tag에 배치된 input["text"] Tag가 한개일때 Event 이슈 처리
});
</script>

@ -11,18 +11,13 @@
<link rel="stylesheet" type="text/css" href="${ctx}/resources/framework/css/cmmn/common-style.css"/>
<!-- [JS/CSS] jquery ui -->
<script type="text/javascript" src="${ctx}/resources/biz/common/js/jquery.serializeObject.js" ></script>
<link rel="stylesheet" type="text/css" href="${ctx}/resources/3rd-party/jquery-ui/1.13.2/themes/redmond/jquery-ui.css" />
<script type="text/javascript" src="${ctx}/resources/3rd-party/jquery-ui/1.13.2/jquery-ui.js" ></script>
<!-- jquery datepicker custom -->
<link rel="stylesheet" type="text/css" href="${ctx}/resources/framework/datepicker/datepicker.css" />
<script type="text/javascript" src="${ctx}/resources/framework/datepicker/datepicker.js" ></script>
<!-- [JS] rolling -->
<script type="text/javascript" src="${ctx}/resources/3rd-party/rolling/js/jquery.vticker-min.js"></script>
<!-- [JS/CSS] tui Grid -->
<script type="text/javascript" src="${ctx}/resources/3rd-party/tuiGrid/js/tui-code-snippet.js" ></script>
@ -57,70 +52,4 @@
<%--TODO: 보완 필요 : 공통 ajax 호출 모듈과 통합 필요 --%>
<script type="text/javascript">
$(document).ready(function(){
// FIXME: 디자인 적용 필요
// blockUI 적용
$(document).ajaxStart(function(handler){
const br = '<br/>';
const msg = '처리중...';
const loading = '<img class="loading-bar" src="${ctx}/resources/framework/images/common/ajax-loading.gif" style="margin-left: -20px;" alt="조회 프로그래스바" />';
$.blockUI({ message : br+msg+br+br+loading+br+br});
}).ajaxStop(function(){
$.unblockUI();
});
//초기화
XitIncludeBase.inputEnterEventIssue(); //form Tag에 배치된 input["text"] Tag가 한개일때 Event 이슈 처리
});
var XitIncludeBase = {
/* ===================
* 초기화 항목
* @date 2020.09.15.
* @author 박민규
=================== */
init : function(){
XitIncludeBase.inputEnterEventIssue(); //form Tag에 배치된 input["text"] Tag가 한개일때 Event 이슈 처리
},
/* ===================
* form에 배치된 input[type="text"] 태그가 한개일 경우 엔터키 입력 시 submit 이슈 처리 함수
* @date 2020.09.15.
* @author 박민규
=================== */
inputEnterEventIssue : function(){
$('form').each(function(){
if($(this).find('input[type="text"]').length==1){
//form에 배치된 input[type="text"] 태그가 한개일 경우 엔터키 입력 시 이벤트를 무시하고 onload 되는것을 방지하기 위한 dummy 태그
$(this).append('<input type="text" style="display: none;"/>');
}
});
},
/* ===================
* 페이지 상단에 출력되는 공지사항을 rolling 처리 한다.
* @date 2020.10.13.
* @author 박민규
=================== */
noticeRollingEvent : function(){
//일치하는 셀렉터가 없으면 stop
if($('#rolling_noti').length==0 )
return false;
$('#rolling_noti').vTicker({
speed: 400, // 스크롤 속도(default: 700)
pause: 4000, // 스크롤 사이의 대기시간(default: 4000)
animation: 'fade', // 스크롤 애니메이션
mousePause: true, // 마우스 over 일때 멈출 설정
showItems: 1, // 한번에 보일 리스트수(default: 2)
height: 19, // 스크롤 컨테이너 높이(default: 0)
direction: 'up' // 아이템이 움직이는 방향, up/down (default: up)
});
}
}
</script>

@ -7,6 +7,14 @@
<head lang="ko">
<%@include file="/WEB-INF/jsp/framework/frameworkIncludeBase.jsp" %>
<!-- 메뉴 -->
<script src="${ctx}/resources/3rd-party/sneat/js/menu.js"></script>
<!-- 스크롤바 -->
<link rel="stylesheet" href="${ctx}/resources/3rd-party/sneat/libs/perfect-scrollbar/perfect-scrollbar.css" />
<script src="${ctx}/resources/3rd-party/sneat/libs/perfect-scrollbar/perfect-scrollbar.js"></script>
<!-- [JS] rolling -->
<script type="text/javascript" src="${ctx}/resources/3rd-party/rolling/js/jquery.vticker-min.js"></script>
<%@include file="/WEB-INF/jsp/framework/layouts/tiles/biz/cmmn/BizIncludeBase.jsp" %>
</head>
@ -27,7 +35,7 @@
<t:insertAttribute name="content"/>
</main>
<t:insertAttribute name="footer"/>
<%@include file="footer.jsp"%>
</div>
<!-- //wrap -->
<div class="modal-wrap">
@ -273,7 +281,15 @@
//공지사항 롤링 Event 처리
XitIncludeBase.noticeRollingEvent();
$('#rolling_noti').vTicker({
speed: 400, // 스크롤 속도(default: 700)
pause: 4000, // 스크롤 사이의 대기시간(default: 4000)
animation: 'fade', // 스크롤 애니메이션
mousePause: true, // 마우스 over 일때 멈출 설정
showItems: 1, // 한번에 보일 리스트수(default: 2)
height: 19, // 스크롤 컨테이너 높이(default: 0)
direction: 'up' // 아이템이 움직이는 방향, up/down (default: up)
});
//공지 목록 조회
cmmAjax({

@ -1,68 +0,0 @@
<%@ 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="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<!-- main_sidebar -->
<div class="main_sidebar ${sidebar_stts}">
<div class="sidebarInner">
<div class="left_menu">
<ul class="dp3">
<li>
<c:set var="memu2Name" value=""/>
<c:set var="memu2Sid" value=""/>
<c:set var="i" value="0"/>
<c:forTokens items="${urlInfoMap.menuPath}" delims="_" var="menuSid">
<c:if test="${ i eq 1 }">
<c:set var="menu2Sid" value="${menuSid}"/>
</c:if>
<c:set var="i" value="${i + 1}"/>
</c:forTokens>
<c:forEach items="${allMenuList}" var="sMap" varStatus="sStatus">
<c:if test="${menu2Sid eq sMap.menuSid }">
<c:set var="memu2Name" value="${sMap.menuName}"/>
</c:if>
</c:forEach>
<h3 class="dp2_tit">
${memu2Name}
</h3>
</li>
<c:if test="${urlInfoMap.menuDepth eq '3' or urlInfoMap.menuDepth eq '4'}">
<c:forEach items="${allMenuList}" var="listMap" varStatus="status">
<c:set var="childMenu" value="N" />
<c:if test="${listMap.menuDepth eq '3' and fn:contains(listMap.menuPath, urlInfoMap.secondMenu)}">
<c:set var="linkUrl" value="${listMap.menuUrl}" />
<c:forEach items="${allMenuList}" var="sMap" varStatus="sStatus">
<c:if test="${sMap.menuDepth eq '4'}">
<c:if test="${fn:contains(sMap.menuPath, listMap.menuSid)}">
<c:set var="linkUrl" value="${sMap.menuUrl}" />
<c:set var="childMenu" value="Y" />
</c:if>
</c:if>
</c:forEach>
<li>
<c:if test="${childMenu eq 'Y'}">
<c:set var="linkUrl" value="#" />
</c:if>
<a href="${linkUrl}">${listMap.menuName}</a>
<c:if test="${childMenu eq 'Y'}">
<ul class="dp4">
<c:forEach items="${allMenuList}" var="cMap" varStatus="cStatus">
<c:if test="${cMap.menuDepth eq '4'}">
<c:if test="${fn:contains(cMap.menuPath, listMap.menuSid)}">
<li><a href="${cMap.menuUrl}">${cMap.menuName}</a></li>
</c:if>
</c:if>
</c:forEach>
</ul>
</c:if>
</li>
</c:if>
</c:forEach>
</c:if>
</ul>
</div>
<a class="sidebar_btn ${sidebar_stts}" href="#">사이드메뉴 펼치기</a>
</div>
</div>
<!-- //main_sidebar -->

@ -1,4 +0,0 @@
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<c:import url="/EgovPageLink.do?link=framework/egov/main/inc/EgovIncFooter" />

@ -1,19 +0,0 @@
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<div id="skipNav" class="invisible">
<dl>
<dt>콘텐츠 바로가기</dt>
<dd><a href="#content">컨텐츠 바로가기</a></dd>
<dd><a href="#topnavi">메인메뉴 바로가기</a></dd>
<dd><a href="#leftmenu">좌메뉴 바로가기</a></dd>
</dl>
</div>
<!-- 행정안전부 로고 및 타이틀 시작 -->
<div id="logoarea">
<h1><a href="<c:url value='/'/>resources/login/actionMain.do"><img src="<c:url value='/'/>resources/images/header/logo.jpg" alt="템플릿 샘플 내부업무 사이트" /></a></h1>
</div>
<div id="project_title"><span class="maintitle">XIT 프레임워크 </span><strong>샘플 내부업무 사이트</strong>
<a href="<c:url value='/EgovPageLink.do?link=framework/egov/main/sample_menu/Intro'/>" target="_blank"><img width="20" height="20" src="<c:url value='/resources/images/question.jpg'/>" alt="메뉴구성 설명" title="메뉴구성 설명"></a>
</div>
<!-- //행정안전부 로고 및 타이틀 끝 -->

@ -1,49 +0,0 @@
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="t" uri="http://tiles.apache.org/tags-tiles" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
<%--<%@include file="/WEB-INF/jsp/framework/XitIncludeBase.jsp" %>--%>
<%@include file="/WEB-INF/jsp/framework/layouts/tiles/biz/cmmn/BizIncludeBase.jsp" %>
<!DOCTYPE html>
<html>
<head>
<title>FIMS></title>
<!-- XitFramework CSS -->
<%-- <link rel="stylesheet" type="text/css" href="${ctx}/css/framework/cmmn/common-style.css"/> --%>
<!-- eGovFramework 템플릿 CSS -->
<%--<link href="<c:url value='/resources/framework/css/common.css'/>" rel="stylesheet" type="text/css" >--%>
</head>
<body>
<!-- wrap -->
<div id="wrap">
<div id="header">
<t:insertAttribute name="header"/>
</div>
<!-- eGovFamework 경량화 템플릿 CSS 적용-->
<div id="topnavi"><c:import url="/framework/biz/cmm/XitMainMenuHead.do" /></div>
<div id="main_container">
<div id="leftmenu">
<t:insertAttribute name="left"/>
</div>
<div id="content">
<t:insertAttribute name="content"/>
</div>
</div>
<div id="footer">
<t:insertAttribute name="footer"/>
</div>
</div>
<!-- //wrap -->
</body>
</html>

@ -1,3 +0,0 @@
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<c:import url="/framework/biz/cmm/XitMainMenuLeft.do" />

@ -1,7 +0,0 @@
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<span><span class="copyright">Copyright © 2002.02.02. XIT All rights reserved.</span></span>
<span class="link_btn">
<a href="${ctx}/board/system_list.do" class="link1" >시스템문의</a>
</span>
<!-- //main_footer -->

@ -1,288 +0,0 @@
<%@ 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="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%String uri = request.getRequestURI();%>
<script type="text/javascript">
$(function() {
SideBarUtil.rmSideBar();
SideBarUtil.setSideBarUseAt();
/*=====================
* 좌측 메뉴 사이드바 tree view
=====================*/
$("#tree").treeview({
collapsed: true,
animated: "medium",
control:"#sidetreecontrol",
prerendered: true, //전체보기 여부(true:전체보기, false:펼치기/접기 버튼 사용)
persist: "location"
});
$( ".dp4 a[href='<c:url value='${urlInfoMap.menuUrl}'/>']" ).parents(".hasSub").addClass("active");
$( ".dp4 a[href='<c:url value='${urlInfoMap.menuUrl}'/>']" ).css("color","#e60012");
/*=====================
* 브라우저 타이틀명칭 변경
=====================*/
// $('ul.dp4 > li > a').each(function(){
// if($(this).css('color')=='rgb(230, 0, 18)'){
// var depth1 = $('ul.dp1 > li.active > a').text()
// var depth4 = $(this).text();
// $('head title').text(depth1+'-'+depth4);
// }
// });
navEventFunction.init();
})
/* 사용자 수정 화면*/
function fn_goMyView() {
/* ====================
* 2020.11.20 박민규
* 회원 유형별 페이지 분기
====================*/
//2020.11.20. 주석처리
// var popUrl ='<c:url value="/framework/biz/mng/usr/UserRegMng_view.do"/>';
// var popOption = "width=1100px, height=600px, resizable=no, scrollbars=no, location=no, top=100px, left=100px";
var popUrl ='';
var popOption = '';
if('GNR'=='${sessionScope.XitLoginSession.userSe}'){
popUrl ='<c:url value="/framework/biz/mng/usr/GnrUserRegMng_view.do"/>';
popOption = "width=738px, height=630px, resizable=no, scrollbars=no, location=no, top=100px, left=100px";
}
else if('ENT'=='${sessionScope.XitLoginSession.userSe}'){
popUrl ='<c:url value="/framework/biz/mng/usr/EntUserRegMng_view.do"/>';
popOption = "width=738px, height=777px, resizable=no, scrollbars=no, location=no, top=100px, left=100px";
}
else{
popUrl ='<c:url value="/framework/biz/mng/usr/UserRegMng_view.do"/>';
popOption = "width=1100px, height=600px, resizable=no, scrollbars=no, location=no, top=100px, left=100px";
}
var target = '정보수정';
window.open('',target,popOption);
var param = new Object();
param.selectedId = '${sessionScope.XitLoginSession.uniqId}';
//TODO : 개발완료후 이부분 제거
param.tilesDef = 'popup';
var form = XitCmmnUtil.createForm(param);
form.action = popUrl;
form.method = 'post';
form.target = target;
form.id = 'frmPost';
document.body.appendChild(form);
form.submit();
}
/**
* 사이드바 도구
* @author 박민규
* @date 2019.01.28
*/
var SideBarUtil = {
/**
* 사이드바를 제거한다.
* -일반 페이지도 팝업 페이지처럼 보이도록 하기 위함.
*/
rmSideBar : function(){
if(!this.isPopup())
return false;
var isSidebarUse = '${sidebar_use}'=='true'?true:false;
if(isSidebarUse)
return false;
$('.main_header').remove();
$('.main_sidebar').remove();
$('.main_footer').remove();
$('div.content_wrapper').removeClass('active');
$('.content_wrapper').css('padding-top','0px');
$('.spi .content_wrapper').css('padding-top','0px');
$('.content_body').css('padding-left','10px');
$('.content_body').css('padding-right','20px');
},
/**
* 사이드바 사용여부 설정값 생성
* -사이드바 사용여부를 form에 생성한다.
* -설정값을 submit 및 reloading 시에도 유지하기 위함이다.
*/
setSideBarUseAt : function(){
if(!this.isPopup())
return false;
$('form').each(function(frm){
if($(this).find('input[name="sidebar_use"]').length<1)
$(this).append('<input type="hidden" name="sidebar_use" value="${sidebar_use}"/>');
});
},
isPopup : function(){
var isPopup=false;
try{
window.opener.document;
isPopup=true;
}catch(e){
}
return isPopup;
}
}
function fn_openDuplWindow(){
window.open(location.href,'dupl_popup','width=1300px; height=850px; scrollbars=yes;');
}
function divHeightFlat(obj){
var maxHeight = 0;
obj.each(function(index, item){
if (maxHeight < $(item).height()){
maxHeight = $(item).height();
}
});
obj.each(function(index, item){
$(item).height(maxHeight);
$(".secDiv").height(maxHeight);
});
$(".nav_wrap").height(maxHeight);
}
</script>
<div class="header_up">
<div id="background">
<div class="ex">
<a href="<c:url value='/'/>login/actionMain.do"><img class="logo_pc " src="<c:url value='/'/>resources/images/login/logo.png" /></a>
</div>
<!-- 공지사항 롤링 -->
<c:if test="${not empty rollingNotiList }">
<div id="rolling_noti">
<%-- <div class="head_icon"><img src="<c:url value="/framework/images/common/a_icon.png"/>" /></div> --%>
<ul>
<c:forEach var="row" items="${rollingNotiList }">
<li>
<img src="<c:url value="/resources/framework/images/common/a_icon.png"/>" />
<a href="<c:url value="/framework/biz/mng/bbs/BasicBbsMng_${row.bbs_id}_list.do?searchWrd=${row.ntt_sj }"/>">${row.ntt_sj }</a>
</li>
</c:forEach>
</ul>
</div>
</c:if>
<!-- //공지사항 롤링 -->
<div class="left_m">
<ul class="img_F">
<li><img src="<c:url value="/resources/framework/images/common/icon_01.png"/>" /></li>
</ul>
<ul class="text_L">
<li class="deco_01"><c:out value="${sessionScope.XitLoginSession.name }" />님 반갑습니다.</li>
<li class="deco_02"><a href="<c:url value='/'/>login/actionLogout.do" style="">로그아웃</a></li>
<li class="deco_03"><a href="#" style="" onclick="fn_goMyView();">정보수정</a></li>
</ul>
</div>
</div>
</div><!-- header_up종료 -->
<div class="header_down">
<ul class="gnb" tabindex="1000">
<li class="menu_bar"><a href="#" class="all_menu"><img src="/resources/framework/images/common/menu_b.png" /></a></li>
<c:forEach items="${allMenuList}" var="listMap" varStatus="status">
<c:if test="${listMap.menuDepth eq '1' }">
<li class ="mainDepth" style="float: left;">
<c:choose>
<c:when test="${status.first}">
<a class ="menu_dep1" href="${listMap.menuUrl}">${listMap.menuName}</a>
<div class="secDiv" style="float: left;">
</c:when>
<c:otherwise>
<a href="${listMap.menuUrl}">${listMap.menuName}</a>
<div class="secDiv" style="float: left;">
</c:otherwise>
</c:choose>
<ul class="secDepthMenu" style="float: left;">
<c:forEach items="${allMenuList}" var="sMap" varStatus="sStatus">
<c:if test="${sMap.menuDepth eq '2' and listMap.menuSid eq sMap.parentSid}">
<c:set var="linkUrl" value="${sMap.menuUrl}" />
<c:set var="flag" value="1"/>
<c:forEach items="${allMenuList}" var="cMap" varStatus="cStatus">
<c:if test="${cMap.menuDepth eq '3'}">
<c:if test="${fn:contains(cMap.menuPath, sMap.menuSid) and flag eq 1}">
<c:set var="linkUrl" value="${cMap.menuUrl}" />
<c:set var="flag" value="2"/>
</c:if>
</c:if>
</c:forEach>
<c:set var="flag" value="1"/>
<c:forEach items="${allMenuList}" var="cMap" varStatus="cStatus">
<c:if test="${fn:contains(cMap.menuPath, sMap.menuSid) and flag eq 1}">
<c:if test="${cMap.menuUrl ne '#'}">
<c:set var="linkUrl" value="${cMap.menuUrl}" />
<c:set var="flag" value="2"/>
</c:if>
</c:if>
</c:forEach>
<li class ="secDepth" style="float: left; text-align: left; line-height: 20px; height: 20px">
<a class ="menu_dep2" href="${linkUrl}" style="font-size: 12; padding-left: 10px; height: 20px;">${sMap.menuName}</a>
</li>
</c:if>
</c:forEach>
</ul>
</div>
</li>
</c:if>
</c:forEach>
</ul>
<div class="nav_wrap"></div>
</div>
</div><!-- header_down종료 -->
<!-- //main_header -->
<div class="all_menu_wrap">
<p>전체메뉴보기 <a href="#" class="close">전체메뉴 닫기</a></p>
<div class="inner">
<ul id="tree">
<c:forEach items="${allMenuList}" var="listMap1" varStatus="status">
<c:if test="${listMap1.menuDepth eq '1' }">
<li>
<a href="${listMap1.menuUrl}"><strong>${listMap1.menuName}</strong></a>
<ul>
<c:forEach items="${allMenuList}" var="listMap2">
<c:if test="${ listMap2.parentSid eq listMap1.menuSid and listMap2.menuDepth eq '2' }">
<li>
<a href="${listMap2.menuUrl}">${listMap2.menuName}</a>
<ul>
<c:forEach items="${allMenuList}" var="listMap3">
<c:if test="${ listMap3.parentSid eq listMap2.menuSid and listMap3.menuDepth eq '3' }">
<li>
<a href="${listMap3.menuUrl}">${listMap3.menuName}</a>
<ul>
<c:forEach items="${allMenuList}" var="listMap4">
<c:if test="${ listMap4.parentSid eq listMap3.menuSid and listMap4.menuDepth eq '4' }">
<li>
<a href="${listMap4.menuUrl}">${listMap4.menuName}</a>
</li>
</c:if>
</c:forEach>
</ul>
</li>
</c:if>
</c:forEach>
</ul>
</li>
</c:if>
</c:forEach>
</ul>
</li>
</c:if>
</c:forEach>
</ul>
</div>
</div>

@ -1,60 +0,0 @@
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="t" uri="http://tiles.apache.org/tags-tiles" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
<!-- XitFramework 공통 페이지 -->
<%--<%@include file="/WEB-INF/jsp/framework/XitIncludeBase.jsp" %>--%>
<!DOCTYPE html>
<html>
<head>
<title>FIMS</title>
<%@include file="/WEB-INF/jsp/framework/layouts/tiles/biz/cmmn/BizIncludeBase.jsp" %>
<!-- eGovFramework 템플릿 CSS -->
<c:if test="${fn:indexOf(requestScope['javax.servlet.forward.servlet_path'],'/main/')>-1 }">
<link rel="stylesheet" type="text/css" href="<c:url value='/resources/framework/css/common.css'/>" />
</c:if>
<!-- [JS] layout -->
<script type="text/javascript" src="${ctx}/resources/framework/js/cmm/common-navbar.js"></script>
</head>
<body>
<!-- wrap -->
<div id="wrap" class="wrapper">
<!-- header -->
<div id="header">
<t:insertAttribute name="header"/>
</div>
<!-- contents -->
<!-- 2020.04.17 박민규: 사이드바 Default를 Show로 설정하기 위해 기존소스 주석처리 및 class에 active 추가 -->
<!-- 2020.07.31 정지현: 메인화면을 XitMain.jsp와 동일하게 출력하기 위해 container, contents div 주석처리-->
<!-- <div id="container" class="content_wrapper"> -->
<!-- <div id="container" class="content_wrapper active"> -->
<!-- <div id="contents" class="content_body"> -->
<div class="row">
<t:insertAttribute name="content"/>
</div>
<!-- </div> -->
<!-- </div> -->
<!-- footer -->
<div id="footer" class="main_footer">
<t:insertAttribute name="footer"/>
</div>
</div>
<!-- //wrap -->
</body>
</html>

@ -3,29 +3,17 @@
"-//Apache Software Foundation//DTD Tiles Configuration 3.0//EN"
"http://tiles.apache.org/dtds/tiles-config_3_0.dtd">
<tiles-definitions>
<definition name="main" template="/WEB-INF/jsp/framework/layouts/tiles/biz/layout-tiles-biz-main.jsp">
<put-attribute name="content" value="" />
</definition>
<!-- ******************************* -->
<!-- tiles "biz" View Page 설정 -->
<!-- ******************************* -->
<definition name="biz" template="/WEB-INF/jsp/framework/layouts/tiles/biz/layout-tiles-biz.jsp">
<put-attribute name="header" value="/WEB-INF/jsp/framework/layouts/tiles/biz/header.jsp" />
<put-attribute name="left" value="/WEB-INF/jsp/framework/layouts/tiles/biz/left.jsp" />
<put-attribute name="content" value="" />
<put-attribute name="footer" value="/WEB-INF/jsp/framework/layouts/tiles/biz/footer.jsp" />
</definition>
<definition name="main" template="/WEB-INF/jsp/framework/layouts/tiles/biz/layout-tiles-biz-main.jsp">
<put-attribute name="header" value="/WEB-INF/jsp/framework/layouts/tiles/biz/header.jsp" />
<put-attribute name="left" value="/WEB-INF/jsp/framework/layouts/tiles/biz/left.jsp" />
<put-attribute name="content" value="" />
<put-attribute name="footer" value="/WEB-INF/jsp/framework/layouts/tiles/biz/footer.jsp" />
</definition>
<!--definition name="base" template="/WEB-INF/jsp/framework/layouts/tiles/base/layout-tiles-base.jsp">
<put-attribute name="header" value="/WEB-INF/jsp/framework/layouts/tiles/base/header.jsp" />
<put-attribute name="left" value="/WEB-INF/jsp/framework/layouts/tiles/base/left.jsp" />
<put-attribute name="content" value="" />
<put-attribute name="footer" value="/WEB-INF/jsp/framework/layouts/tiles/base/footer.jsp" />
</definition-->
<definition name="popup" template="/WEB-INF/jsp/framework/layouts/tiles/popup/layout-tiles-popup.jsp">
<put-attribute name="content" value="" />

@ -30,7 +30,7 @@ function openMenu(menuId, menuNm, menuUrl) {
let liEl = '<li id="li-'+ menuId +'" class="tab d-flex align-items-center">';
liEl +='<a href="#tab-'+ menuId + '">' + menuNm + '</a>';
if(menuId != "main"){
liEl += '<button class="bx bxs-x-square bx-sm bg-transparent border-transparent" onclick="closeTab('+ menuId + ')"></button>'
liEl += '<button type="button" class="btn btn-close" onclick="closeTab('+ menuId + ')"></button>'
}
liEl += '</li>';

@ -54,7 +54,7 @@ select {
.t2_rightdiv{float:right;padding-right:25px;}
/* Main wrap */
#mainview_title_img{padding-top:10px;padding-left:10px;}
#main_container{clear:both;width: 996px; height: 535px;}
#mainview_wrap{float:left;height:302px;}
/* Main left board */
@ -77,32 +77,9 @@ select {
.board_title{padding-left:10px;padding-top:10px; height:34px; }
.board_title2{background: url("/resources/images/bl_underline2.gif") no-repeat ; background-position: 0px 30px;padding-top:10px; height:34px; }
.more{float:right; padding-right: 5px;}
/* Main right board */
#main_rightcontent_wrap{float:left;padding-left:18px;}
#main_rightcontent{background: url("/resources/images/index/bg_board03.gif") no-repeat ;float:left;width:545px; height:302px; margin-top:20px;padding-left:10px; vertical-align: middle;display:inline;}
#main_rightcontent ul{list-style-type: none; padding-bottom:5px;}
#main_rightcontent li{display:inline;}
#main_container a:link {
color: #666666;
letter-spacing: -1px;
text-decoration: none;
}
#main_container a:visited {
color: #666666;
letter-spacing: -1px;
text-decoration: none;
}
#main_container a:active {
color: #155AC6;
letter-spacing: -1px;
text-decoration: none;
}
#main_container a:hover {
color: #155AC6;
text-decoration: none;
}
#header{padding-top:5px;}
#logoarea{float:left;padding-left:10px;}
@ -134,14 +111,9 @@ background-position: left center;padding-left:10px;padding-top:2px;letter-spacin
#copyright{float:left;font-size:90%;padding-top:20px;padding-left:20px; letter-spacing: -1px;}
#nialogo{float:left;padding-top:0px;padding-left:10px;padding-right:15px;}
/* content area */
#cur_loc{clear:both;float:left;border-bottom:1px solid #e1e1e1;width:800px;}
#cur_loc_align{float:right; }
#cur_loc ul{list-style-type:none;padding-top:13px;padding-right:10px; letter-spacing: -1px;}
#cur_loc li{display:inline;font-size:90%;color:#727272;padding-right:1px;padding-left:1px;}
#nav{margin-left:10px;margin-top:10px;margin-bottom:10px;background: url("/resources/images/leftmenu/leftmenu_repeat.gif") repeat-y scroll 0 0 transparent; margin-bottom: 10px;}
.bottom{
.bottom{
background: url("/resources/images/leftmenu/leftmenu_bottom.gif") no-repeat scroll left bottom transparent;
padding: 0px 3px 3px 15px;height:10px;}
.top{

@ -253,42 +253,7 @@ const cmmAjax = (param) => {
return document.write(jqXHR.responseText);
/*
if(settings.dataType==undefined){
//html 문자열을 객체로 변환 후 메시지만 추출
var doc = document.createElement("html");
doc.innerHTML = jqxhr.responseText;
var msg = $(doc).find('.content_body').eq(0).text();
if(msg == '')
msg = jqxhr.responseText;
alert(msg);
}else if(settings.dataType=='json'){
//FIXME: 에러처리 화면 깨지는 경우 체크해야 함
//error 발생시 html type인 경우 반영
//try{
//const jsonObject = JSON.stringify(jqxhr.responseText);
//if(typeof jsonObject === 'object') alert(jsonObject.message)
//else return document.write(jqxhr.responseText);
if(jqxhr.responseJSON?.message){
alert(jqxhr.responseJSON?.message);
return false;
}
else {
document.write(jqxhr.responseText);
return false;
}
//}catch{
// document.write(jqxhr.responseText);
// return false;
//}
}else {
console.log('??? alert(jqxhr.responseText) 으로 처리 했는데 .... document.write(jqxhr.responseText)로 처리해야 하지 않을까????? 확인이 필요');
alert(jqxhr.responseText);
}
*/
}
});
};

@ -1,182 +0,0 @@
$(document).ready(function(){
if($(".navbar .dp1 > li").hasClass("active")){
$(".wrapper").addClass("spi")
}
if($(".left_menu .dp4").length){
$(".left_menu .dp4").parent("li").addClass("hasSub")
}
if($(".left_menu .dp3").length){
$(".main_sidebar").show();
}else{
// $(".main_sidebar").hide();
// $(".content_wrapper").css({"margin-left":"0"})
}
// $(".sidebar_btn").addClass("active");
// $(".main_sidebar").addClass("active");
// $(".content_wrapper").addClass("active");
$('.mainDepth').hover(function(e){
$('.nav_wrap, .menu_dep2, .secDiv').show();
/*if( !$('.nav_wrap, .menu_dep2, .secDiv').has(e.target).length )*/
});
$('.content_body, .nav_wrap').mouseout(function(e){
/*if( !$('.nav_wrap, .menu_dep2, .secDiv').has(e.target).length )*/ {
$(".secDiv, .menu_dep2, .nav_wrap").slideUp(5,function(){
/*divHeightFlat($(".secDiv"));*/
});
}
});
})
$(function(){
$(".navbar .dp1 > li").on("click", function(){
$(".navbar .dp1 > li").removeClass("active")
$(this).addClass("active")
if($(".navbar .dp1 > li").hasClass("active")){
$(".wrapper").addClass("spi")
}
})
$(".navbar .dp2 > li").on("click", function(){
$(".navbar .dp2 > li").removeClass("active")
$(this).addClass("active")
})
$(".left_menu .dp3 > li").on("click", function(){
$(".left_menu .dp3 > li").removeClass("active")
$(this).addClass("active")
})
$(".left_menu .dp4 > li").on("click", function(){
$(".left_menu .dp4 > li").removeClass("active")
$(this).addClass("active")
})
$(".sidebar_btn").on("click", function(){
$(this).toggleClass("active");
$(".main_sidebar").toggleClass("active");
$(".content_wrapper").toggleClass("active");
//사이드바 접기/펼치기 상태값 설정
var sidebar_stts = $(".sidebar_btn.active").length>0?'active':'';
sessionStorage.setItem("sidebar_stts", sidebar_stts);
/*
* 2020.11.02. 박민규
* tui-grid layout refresh
* -사유: 사이드바 접기/펼치기 사이드바 만큼 늘어나고 줄어든 grid 영역에 대해 값이 출력되지 않는 이슈에 대한 처리
*/
for(var i=0; i<=10; i++){
try {
if(i==0)
instance.refreshLayout();
else
eval("instance"+[i]+".refreshLayout()");
} catch (e) {
// console.log(e);
}
}
})
$(".all_menu").on("click", function(){
$(".all_menu_wrap").show();
})
$(".all_menu_wrap .close").on("click", function(){
$(".all_menu_wrap").hide();
})
})
/*
* 2020-08-18 최유수
* 신규 네비게이션 이벤트 추가
*/
var navEventFunction = {
init : function(){
/*
1뎁스 메뉴 클릭시 드롭다운
*/
navEventFunction.DivHeightFlat($(".secDiv"));
/*$(".mainDepth").click(function() {
var flag = $('.hold').length == 0 ? true:false;
$(".secDiv, .nav_wrap").stop().slideToggle(350, 'swing', function(){
});
$(".hold").removeClass("hold");
$(".ancrHold").removeClass("ancrHold");
if(flag){
$(this).addClass("ancrHold");
$(this).find(".secDiv").addClass("hold");
}
});*/ //[2020.09.17 박소영 주석처리/메뉴 클릭기능을 지움]
/*
* 1뎁스 Hover 이벤트
*/
$(".mainDepth").hover(function() {
if($(".secDiv").attr("display") == "none"){
$(".secDiv, .nav_wrap").stop().slideToggle(350, 'swing', function(){
divHeightFlat($(".secDiv"));
});
}
$(this).addClass("ancrOntoggle");
$(this).find(".secDiv").addClass("onToggle");
}, function(){
$(".onToggle").removeClass("onToggle");
$(".ancrOntoggle").removeClass("ancrOntoggle");
});
/*
2뎁스 메뉴 클릭시 드롭다운
현재 사용하지 않음.
*/
$(".secDepth").click(function(e){
//수정할 높이의 크기
var updateHeight = 0;
//수정할 네비게이션 DIV의 높이
var height = $(".secDiv").height();
var open = true;
var shut = true;
if($(this).find(".trdOn").length == 1){
updateHeight = $(".trdOn").height();
$(this).next().css("margin-top",0);
height = height - updateHeight
open = false;
}else if($("ul").hasClass("trdOn")){
updateHeight = $(".trdOn").height();
$(".secOn").next().css("margin-top",0);
height = height - updateHeight
}else{
}
if(shut){
$(".trdOn").css("display","none");
$(".trdOn").removeClass("trdOn");
$(".secOn").removeClass("secOn");
}
if(open){
updateHeight = $(this).find(".trdDepthMenu").height();
$(this).next().css("margin-top",updateHeight)
height = height + updateHeight;
$(this).find(".trdDepthMenu").css("display","block");
$(this).find(".trdDepthMenu").addClass("trdOn");
$(this).addClass("secOn");
}
$(".secDiv").height(height);
$(".nav_wrap").height(height);
//이벤트 버블링 방지
e.stopPropagation();
});
}
,DivHeightFlat : function(obj){
var maxHeight = 0;
obj.each(function(index, item){
if (maxHeight < $(item).find('li').length){
maxHeight = $(item).find('li').length;
}
});
maxHeight = maxHeight * 20;
obj.each(function(index, item){
$(item).height(maxHeight);
$(".secDiv").height(maxHeight);
});
$(".nav_wrap").height(maxHeight);
}
}
Loading…
Cancel
Save