tolag3/koipa_edu_2025-1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'advc' of http://yongjoon.cho@vcs.iten.co.kr:9999/hylee/offedu into advc

Browse Source
This commit is contained in:
myname 2023-10-17 15:20:21 +09:00
commit 95bf268375
15 changed files with 793 additions and 220 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/main/java/kcc/ve/aplct/cpyrgExprnClsrm/exprnClsrmAplct/web/ExprnClsrmAplctController.java
View File

@ -530,9 +530,7 @@ public class ExprnClsrmAplctController {
}
if("1".equals(Type)) { //type1 - 신청정보
return "/web/ve/aplct/cpyrgExprnClsrm/exprnClsrmInfo/exprnAplctDashboard";
}else if("2".equals(Type)) { //type2 - 운영계획
return "/web/ve/aplct/cpyrgExprnClsrm/exprnClsrmInfo/exprnPlanDashboard";
}else if("3".equals(Type)) { //type3 - 거래선
}else if("2".equals(Type)) { //type2 - 서류제출
//거래선 파일 정보 가져오기
FileVO fileVO = new FileVO();
fileVO.setAtchFileId(vEEduAplctVO.getTransAtchFileId());
@ -552,6 +550,8 @@ public class ExprnClsrmAplctController {
model.addAttribute("planFileList", result);
model.addAttribute("planFileListCnt", result.size());
return "/web/ve/aplct/cpyrgExprnClsrm/exprnClsrmInfo/exprnDocumentDashboard";
}else if("3".equals(Type)) { //type3 - 운영계획
return "/web/ve/aplct/cpyrgExprnClsrm/exprnClsrmInfo/exprnPlanDashboard";
}else if("4".equals(Type)) { //type4 - 결과보고
FileVO fileVO = new FileVO();
if(vEEduAplctVO.getOrgnlRsltAtchFileId() != null){

2
src/main/webapp/WEB-INF/jsp/oprtn/cpyrgExprnClsrm/oprtnAplctMngDetail.jsp
View File

@ -422,7 +422,7 @@
</c:if>
<!-- 교육 확정인 경우 관리자만 수정 가능 하도록 -->
<%-- <c:if test="${info.aprvlCd eq '60'}"> --%>
<button type="button" class="btn_type01" onclick="fncGoEdit();">변경</button>
<button type="button" class="btn_type01" onclick="fncGoEdit();">수정</button>
<%-- </c:if> --%>
</div>
<div class="btn_right">

5
src/main/webapp/WEB-INF/jsp/web/com/webCommonHeader.jsp
View File

@ -230,14 +230,15 @@ function usrJoin(){
<span>GO</span>
</button>
<button class="site" onclick="window.location.href='http://223.255.205.7/user/main/main.do" title="새창열림">
<!-- 회원 SEQ 변경되는 문제로 인해 주석 -->
<%-- <button class="site" onclick="window.location.href='http://223.255.205.7/user/main/main.do'" title="새창열림">
<img src="${pageContext.request.contextPath}/visitEdu/usr/publish/images/common/kcc_ci.png" alt="한국저작권위원회">
<span>e-배움터GO(비로그인)</span>
</button>
<button class="site" onclick="javascript:goEEdu();" title="새창열림">
<img src="${pageContext.request.contextPath}/visitEdu/usr/publish/images/common/kcc_ci.png" alt="한국저작권위원회">
<span>e-배움터GO(로그인)</span>
</button>
</button> --%>
<div class="area_right">
<!-- Sso 연계 테스트 로그인 후-->

2
src/main/webapp/WEB-INF/jsp/web/ve/aplct/cpyrgExprnClsrm/exprnClsrmInfo/exprnAplctDashboard.jsp
View File

@ -276,7 +276,7 @@
</c:if>
</div>
<div class="btn_right">
<button type="button" class="btnType05" onclick="nextTab('2');">운영계획으로 이동</button>
<button type="button" class="btnType05" onclick="nextTab('2');">서류제출로 이동</button>
</div>
</div>
</div>

4
src/main/webapp/WEB-INF/jsp/web/ve/aplct/cpyrgExprnClsrm/exprnClsrmInfo/exprnClsrmAplctDashboard.jsp
View File

@ -68,8 +68,8 @@
<!-- 체험교실 프로세스 -->
<ul class="ex_process">
<li class="p_1"><a href="#" id="p_1" onclick="tabLoad(this,'1');">신청정보</a></li>
<li class="p_2"><a href="#" onclick="tabLoad(this,'2');">운영계획</a></li>
<li class="p_3"><a href="#" onclick="tabLoad(this,'3');">서류 제출</a></li>
<li class="p_2"><a href="#" onclick="tabLoad(this,'2');">서류 제출</a></li>
<li class="p_3"><a href="#" onclick="tabLoad(this,'3');">운영계획</a></li>
<li class="p_4"><a href="#" onclick="tabLoad(this,'4');">결과보고</a></li>
<li class="p_5"><a href="#" onclick="tabLoad(this,'5');">최종결과</a></li>
</ul>

2
src/main/webapp/WEB-INF/jsp/web/ve/aplct/cpyrgExprnClsrm/exprnClsrmInfo/exprnClsrmAplctGuide.jsp
View File

@ -20,7 +20,7 @@
function openPop(){
//if(!checkAplctPsbl()) return;
if(${detailVO == null}){
alert("등록된 운영신청 안내가 없습니다.");
alert("신청기간이 아닙니다.");
return false;
}
commonPopLayeropen(

2
src/main/webapp/WEB-INF/jsp/web/ve/aplct/cpyrgExprnClsrm/exprnClsrmInfo/exprnDocumentDashboard.jsp
View File

@ -124,7 +124,7 @@
<div class="btn_center">
</div>
<div class="btn_right">
<button type="button" class="btnType05" onclick="nextTab('4');">결과보고로 이동</button>
<button type="button" class="btnType05" onclick="nextTab('3');">운영계획으로 이동</button>
</div>
</div>
</div>

2
src/main/webapp/WEB-INF/jsp/web/ve/aplct/cpyrgExprnClsrm/exprnClsrmInfo/exprnPlanDashboard.jsp
View File

@ -179,7 +179,7 @@
</c:if>
</div>
<div class="btn_right">
<button type="button" class="btnType05" onclick="nextTab('3');">서류 제출로 이동</button>
<button type="button" class="btnType05" onclick="nextTab('4');">결과보고로 이동</button>
</div>
</div>
</div>

2
src/main/webapp/WEB-INF/jsp/web/ve/aplct/cpyrgExprnClsrm/exprnClsrmInfo/exprnRsltDashboard.jsp
View File

@ -705,7 +705,7 @@
<div class="btn_center">
<button type="button" class="btnType04" onclick="fncGoLctrAplctReg();">교육콘텐츠 신청</button>
<c:if test="${info.exprnAprvlCd ne '10'}">
<button type="button" class="btnType05" onclick="fncGoRslt();">결과보고제출</button>
<button type="button" class="btnType05" onclick="nextTab('4');;">결과보고제출</button>
</c:if>
</div>
<div class="btn_right">

195
src/main/webapp/WEB-INF/jsp/web/ve/aplct/fndtnEnhanceTrn/eduAplctList.jsp
View File

@ -157,6 +157,190 @@ $(document).ready(function(){
<button type="button" title="새창열림"><img src="${pageContext.request.contextPath}/visitEdu/usr/publish/images/content/twitter_icon.png" alt="트위터 바로가기"></button>
</div>
</div>
<div class="tb_tit02">
<div class="tb_tit02_left">
<div class="t_best">베스트</div>
</div>
<div class="btn_wrap1">
<button type="button" title="베스트 더보기" class="con_more" onclick="location.href=''">더보기</button>
</div>
</div>
<div class="best_list">
<div class="best_con">
<div class="img"><img src="/offeduadvc/visitEdu/usr/publish/images/content/popup_img_imsi.jpg" alt="핵심인재 역량강화"></div>
<ul>
<li class="con_title">핵심인재 역량강화 핵심인재 역량강화</li>
<li class="con_date">2023-09-24 ~ 2023-09-30</li>
<li class="con_btn"><button type="button" title="수강신청">수강신청</button></li>
</ul>
</div>
<div class="best_con">
<div class="img"><img src="https://www.copyright.or.kr/images/renewal/facebook_thumbnail.jpg" alt="핵심인재 역량강화"></div>
<ul>
<li class="con_title">핵심인재 역량강화</li>
<li class="con_date">2023-09-24 ~ 2023-09-30</li>
<li class="con_btn"><button type="button" title="수강신청">수강신청</button></li>
</ul>
</div>
<div class="best_con">
<div class="img"><img src="https://www.copyright.or.kr/images/renewal/facebook_thumbnail.jpg" alt="핵심인재 역량강화"></div>
<ul>
<li class="con_title">핵심인재 역량강화</li>
<li class="con_date">2023-09-24 ~ 2023-09-30</li>
<li class="con_btn"><button type="button" title="수강신청">수강신청</button></li>
</ul>
</div>
<div class="best_con">
<div class="img"><img src="https://www.copyright.or.kr/images/renewal/facebook_thumbnail.jpg" alt="핵심인재 역량강화"></div>
<ul>
<li class="con_title">핵심인재 역량강화</li>
<li class="con_date">2023-09-24 ~ 2023-09-30</li>
<li class="con_btn"><button type="button" title="수강신청">수강신청</button></li>
</ul>
</div>
</div>
<!-- tab -->
<ul class="tab tab_02">
<li class="tab_li on"><button type="button" class="tab_button">캘린더형</button></li>
<li class="tab_li"><button type="button" class="tab_button">리스트형</button></li>
</ul>
<div class="tab_content on">
<div class="list_top">
<div class="list_top_left">
<label for="" class="label">교육과정 선택</label>
<select class="selType1">
<option for="">전체</option>
<option for="">지난교육일정</option>
<option for="">당월교육일정</option>
<option for="">교육예정일정</option>
</select>
</div>
<div class="btn_wrap">
<div class="calendar_wrap">
<duet-date-picker identifier="date" name="searchStartDt" class="startDate hydrated" value=""></duet-date-picker>
</div>
~
<div class="calendar_wrap">
<duet-date-picker identifier="date" name="searchEndDt" class="endDate hydrated" value=""></duet-date-picker>
</div>
<script src="/offeduadvc/visitEdu/usr/publish/script/duetdatepicker.js"></script>
<button type="button" class="btnType01">검색</button>
</div>
</div>
<div class="edup_result">
<div>총 <span>6</span>개의 검색결과가 있습니다.</div>
<ul>
<li class="pass">지난교육일정</li>
<li class="this">당월교육일정</li>
<li class="pre">교육예정일정</li>
</ul>
</div>
<div class="edu_program">
<table>
<caption>교육일정표</caption>
<colgroup>
<col style="width: ;">
<col style="width: ;">
<col style="width: ;">
<col style="width:4%;">
<col style="width:4%;">
<col style="width:4%;">
<col style="width:4%;">
<col style="width:4%;">
<col style="width:4%;">
<col style="width:4%;">
<col style="width:4%;">
<col style="width:4%;">
<col style="width:4%;">
<col style="width:4%;">
<col style="width:4%;">
</colgroup>
<thead>
<tr>
<th class="first" rowspan="2">교육과정명<br/><span class="ep_text">(상세 내용을 보시려면 과정을 클릭하세요)</span></th>
<th rowspan="2">일수</th>
<th rowspan="2">시간</th>
<th colspan="12">교육일정<sapn class="ep_text">(교육 시작일)</sapn></th>
</tr>
<tr>
<th>1</th>
<th>2</th>
<th>3</th>
<th>4</th>
<th>5</th>
<th>6</th>
<th>7</th>
<th>8</th>
<th class="edup_this">9</th>
<th>10</th>
<th>11</th>
<th>12</th>
</tr>
</thead>
<tbody>
<tr>
<td class="edup_title"><a href="#">[경영기획] 경영기획기본</a></td>
<td class="edup_days">2</td>
<td class="edup_time">14</td>
<td class="edup_pass"></td>
<td class="edup_pass">15,22</td>
<td class="edup_pass"></td>
<td class="edup_pass">2</td>
<td class="edup_pass"></td>
<td class="edup_pass">24</td>
<td class="edup_pass"></td>
<td class="edup_pass">22</td>
<td class="edup_this">8</td>
<td class="edup_pre">14</td>
<td class="edup_pre">27</td>
<td class="edup_pre"></td>
</tr>
<tr>
<td class="edup_title"><a href="#">[경영기획] 경영기획기본</a></td>
<td class="edup_days">2</td>
<td class="edup_time">14</td>
<td class="edup_pass"></td>
<td class="edup_pass">15,22</td>
<td class="edup_pass"></td>
<td class="edup_pass">2</td>
<td class="edup_pass"></td>
<td class="edup_pass">24</td>
<td class="edup_pass"></td>
<td class="edup_pass">22</td>
<td class="edup_this">8</td>
<td class="edup_pre">14</td>
<td class="edup_pre">27</td>
<td class="edup_pre"></td>
</tr>
<tr>
<td class="edup_title"><a href="#">[경영기획] 경영기획기본</a></td>
<td class="edup_days">2</td>
<td class="edup_time">14</td>
<td class="edup_pass"></td>
<td class="edup_pass">15,22</td>
<td class="edup_pass"></td>
<td class="edup_pass">2</td>
<td class="edup_pass"></td>
<td class="edup_pass">24</td>
<td class="edup_pass"></td>
<td class="edup_pass">22</td>
<td class="edup_this">8</td>
<td class="edup_pre">14</td>
<td class="edup_pre">27</td>
<td class="edup_pre"></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="tab_content">
<div class="list_top">
<div class="list_top_left">
<label for="searchStatus2" class="label">신청상태 선택</label>
@ -190,7 +374,7 @@ $(document).ready(function(){
<div class="tb_list01">
<table>
<colgroup>
<%-- <col style="width: 5%"> --%>
<%-- <col style="width: 5%"> --%>
<col style="width: 10%">
<col style="width: auto">
<col style="width: 180px;">
@ -201,7 +385,7 @@ $(document).ready(function(){
</colgroup>
<thead>
<tr>
<!-- <th>NO</th> -->
<!-- <th>NO</th> -->
<th>교육구분</th>
<th>과정명</th>
<th>신청기간</th>
@ -214,9 +398,9 @@ $(document).ready(function(){
<tbody>
<c:forEach var="list" items="${list}" varStatus="status">
<tr class="listCount">
<%-- <td onclick="fncGoDetail('<c:out value="${list.prcsAplctPrdOrd}"/>');" style="cursor:pointer;"> --%>
<%-- <c:out value="${status.count}"/> --%>
<!-- </td> -->
<%-- <td onclick="fncGoDetail('<c:out value="${list.prcsAplctPrdOrd}"/>');" style="cursor:pointer;"> --%>
<%-- <c:out value="${status.count}"/> --%>
<!-- </td> -->
<td>
<kc:code codeId="VEA001" code="${list.prcsDiv}"/>
</td>
@ -268,5 +452,6 @@ $(document).ready(function(){
<div class="page">
<ui:pagination paginationInfo = "${paginationInfo}" type="image" jsFunction="linkPage" />
</div>
</div>
</form:form>
</div>

155
src/main/webapp/WEB-INF/jsp/web/ve/aplct/sspnIdtmt/eduAplctList.jsp
View File

@ -216,12 +216,151 @@ $(document).ready(function(){
<input type="hidden" name="eduAplctOrd" id="eduAplctOrd" value="" />
<div class="cont_tit">
<h2>교육신청목록</h2>
<h2>교육신청목록1</h2>
<div class="sns_go">
<button type="button" title="새창열림"><img src="${pageContext.request.contextPath}/visitEdu/usr/publish/images/content/facebook_icon.png" alt="페이스북 바로가기"></button>
<button type="button" title="새창열림"><img src="${pageContext.request.contextPath}/visitEdu/usr/publish/images/content/twitter_icon.png" alt="트위터 바로가기"></button>
</div>
</div>
<!-- tab -->
<ul class="tab tab_02">
<li class="tab_li on"><button type="button" class="tab_button">캘린더형</button></li>
<li class="tab_li"><button type="button" class="tab_button">리스트형</button></li>
</ul>
<div class="tab_content on">
<div class="list_top">
<div class="list_top_left">
<label for="" class="label">교육과정 선택</label>
<select class="selType1">
<option for="">전체</option>
<option for="">지난교육일정</option>
<option for="">당월교육일정</option>
<option for="">교육예정일정</option>
</select>
</div>
<div class="btn_wrap">
<div class="calendar_wrap">
<duet-date-picker identifier="date" name="searchStartDt" class="startDate hydrated" value=""></duet-date-picker>
</div>
~
<div class="calendar_wrap">
<duet-date-picker identifier="date" name="searchEndDt" class="endDate hydrated" value=""></duet-date-picker>
</div>
<button type="button" class="btnType01">검색</button>
</div>
</div>
<div class="edup_result">
<div>총 <span>6</span>개의 검색결과가 있습니다.</div>
<ul>
<li class="pass">지난교육일정</li>
<li class="this">당월교육일정</li>
<li class="pre">교육예정일정</li>
</ul>
</div>
<div class="edu_program">
<table>
<caption>교육일정표</caption>
<colgroup>
<col style="width: ;">
<col style="width: ;">
<col style="width: ;">
<col style="width:4%;">
<col style="width:4%;">
<col style="width:4%;">
<col style="width:4%;">
<col style="width:4%;">
<col style="width:4%;">
<col style="width:4%;">
<col style="width:4%;">
<col style="width:4%;">
<col style="width:4%;">
<col style="width:4%;">
<col style="width:4%;">
</colgroup>
<thead>
<tr>
<th class="first" rowspan="2">교육과정명<br/><span class="ep_text">(상세 내용을 보시려면 과정을 클릭하세요)</span></th>
<th rowspan="2">일수</th>
<th rowspan="2">시간</th>
<th colspan="12">교육일정<sapn class="ep_text">(교육 시작일)</sapn></th>
</tr>
<tr>
<th>1</th>
<th>2</th>
<th>3</th>
<th>4</th>
<th>5</th>
<th>6</th>
<th>7</th>
<th>8</th>
<th class="edup_this">9</th>
<th>10</th>
<th>11</th>
<th>12</th>
</tr>
</thead>
<tbody>
<tr>
<td class="edup_title"><a href="#">[경영기획] 경영기획기본</a></td>
<td class="edup_days">2</td>
<td class="edup_time">14</td>
<td class="edup_pass"></td>
<td class="edup_pass">15,22</td>
<td class="edup_pass"></td>
<td class="edup_pass">2</td>
<td class="edup_pass"></td>
<td class="edup_pass">24</td>
<td class="edup_pass"></td>
<td class="edup_pass">22</td>
<td class="edup_this">8</td>
<td class="edup_pre">14</td>
<td class="edup_pre">27</td>
<td class="edup_pre"></td>
</tr>
<tr>
<td class="edup_title"><a href="#">[경영기획] 경영기획기본</a></td>
<td class="edup_days">2</td>
<td class="edup_time">14</td>
<td class="edup_pass"></td>
<td class="edup_pass">15,22</td>
<td class="edup_pass"></td>
<td class="edup_pass">2</td>
<td class="edup_pass"></td>
<td class="edup_pass">24</td>
<td class="edup_pass"></td>
<td class="edup_pass">22</td>
<td class="edup_this">8</td>
<td class="edup_pre">14</td>
<td class="edup_pre">27</td>
<td class="edup_pre"></td>
</tr>
<tr>
<td class="edup_title"><a href="#">[경영기획] 경영기획기본</a></td>
<td class="edup_days">2</td>
<td class="edup_time">14</td>
<td class="edup_pass"></td>
<td class="edup_pass">15,22</td>
<td class="edup_pass"></td>
<td class="edup_pass">2</td>
<td class="edup_pass"></td>
<td class="edup_pass">24</td>
<td class="edup_pass"></td>
<td class="edup_pass">22</td>
<td class="edup_this">8</td>
<td class="edup_pre">14</td>
<td class="edup_pre">27</td>
<td class="edup_pre"></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="tab_content">
<div class="list_top">
<div class="list_top_left">
<label for="searchStatus2" class="label">신청상태 선택</label>
@ -250,12 +389,11 @@ $(document).ready(function(){
</div>
</div>
<!-- list -->
<div class="tb_list01">
<table>
<colgroup>
<%-- <col style="width: 5%"> --%>
<%-- <col style="width: 5%"> --%>
<col style="width: 10%">
<col style="width: auto">
<col style="width: 180px;">
@ -266,7 +404,7 @@ $(document).ready(function(){
</colgroup>
<thead>
<tr>
<!-- <th>NO</th> -->
<!-- <th>NO</th> -->
<th>교육구분</th>
<th>과정명</th>
<th>신청기간</th>
@ -279,9 +417,9 @@ $(document).ready(function(){
<tbody>
<c:forEach var="list" items="${list}" varStatus="status">
<tr class="listCount">
<%-- <td onclick="fncGoDetail('<c:out value="${list.prcsAplctPrdOrd}"/>');" style="cursor:pointer;"> --%>
<%-- <c:out value="${status.count}"/> --%>
<!-- </td> -->
<%-- <td onclick="fncGoDetail('<c:out value="${list.prcsAplctPrdOrd}"/>');" style="cursor:pointer;"> --%>
<%-- <c:out value="${status.count}"/> --%>
<!-- </td> -->
<td>
<kc:code codeId="VEA001" code="${list.prcsDiv}"/>
</td>
@ -308,7 +446,7 @@ $(document).ready(function(){
</c:choose>
</td>
<td class="aplctBtn">
<%-- <button type="button" class="btnType04" onclick="fncEduReg('<c:out value="${list.prcsAplctPrdOrd}"/>');">신청</button> --%>
<%-- <button type="button" class="btnType04" onclick="fncEduReg('<c:out value="${list.prcsAplctPrdOrd}"/>');">신청</button> --%>
<button type="button" class="btnType04" data-info="<c:out value="${list.prcsAplctPrdOrd}"/>" data-tooltip="target_confirm_popup" >신청</button>
</td>
</tr>
@ -334,6 +472,7 @@ $(document).ready(function(){
<div class="page">
<ui:pagination paginationInfo = "${paginationInfo}" type="image" jsFunction="linkPage" />
</div>
</div>
</form:form>
</div>

2
src/main/webapp/visitEdu/usr/publish/css/common.css
View File

@ -60,7 +60,7 @@ header.scroll{box-shadow: 0 5px 8px rgba(0,0,0,0.15);}
.header_inner .dep_li_02 .depth01_li{width: calc((100% - 20px)/2);}
.header_inner .dep_li_03 .depth01_li{width: calc((100% - 30px)/3);max-width:270px;}
.header_inner .dep_li_05 .depth01_li{width: calc(100%/5);}
.header_inner .dep_li_06 .depth01_li{width: calc((100% - 60px)/6);}
.header_inner .dep_li_06 .depth01_li{width: calc(100%/6);}
.header_inner .dep_li_07 .depth01_li:nth-child(n+2):nth-child(-n+4){width: 16%;}
.header_inner .dep_li_07 .depth01_li:nth-child(n+5){width: 12%; min-width: 85px;}
.header_inner .dep_li_07 .depth01_li:nth-child(1),.header_inner .dep_li_07 .depth01_li:nth-child(2){width:170px;}

15
src/main/webapp/visitEdu/usr/publish/css/content.css
View File

@ -215,6 +215,21 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
.calendar_wrap input[type="text"] {width: 150px; height: 40px; font-weight: 300;}
.calendar_wrap input[type="text"]:read-only {background-color: #fff;}
/* tab */
.tab{display:flex;width:100%;border:1px solid #e9e9e9;border-bottom:1px solid #f37632;border-radius:10px 10px 0 0;margin:0 0 30px 0;}
.tab .tab_li{position:relative;border-right:1px solid #e9e9e9;}
.tab .tab_li.on::after{position:absolute;content:"";width:100%;height:calc(100% + 10px);background:#f37632;left:0;top:-10px;border-radius:10px 10px 0 0;box-shadow:0 0 5px rgba(0,0,0,0.25);}
.tab .tab_li:last-child{border-right:0;}
.tab.tab_02 .tab_li{width:calc(100%/2);}
.tab.tab_03 .tab_li{width:calc(100%/3);}
.tab.tab_04 .tab_li{width:calc(100%/4);}
.tab.tab_05 .tab_li{width:calc(100%/5);}
.tab .tab_li .tab_button{width:100%;height:50px;font-size:20px;font-weight:400;color:#666;}
.tab .tab_li.on .tab_button{position:relative;z-index:20;margin:-5px 0 0 0;font-weight:500;color:#fff;}
.tab_content{display:none;}
.tab_content.on{display:block;}
/* table title */
.tb_tit01 {display: flex; width: 100%; justify-content: space-between; align-items: flex-end; margin-bottom: 15px;}
.tb_tit01>p {font-size: 18px;}

7
src/main/webapp/visitEdu/usr/publish/script/content.js
View File

@ -71,6 +71,13 @@ $(document).ready(function () {
event.preventDefault();
}
});
// tab 클릭시
$('.tab_button').on('click',function(){
var tabNum = $(this).closest(".tab_li").index();
$(this).closest(".tab_li").addClass("on").siblings(".tab_li").removeClass("on");
$('.tab_content').eq(tabNum).addClass("on").siblings('.tab_content').removeClass('on');
});
})
function birthSelectBoxDraw(){

226
src/main/webapp/visitEdu/usr/publish/script/duetdatepicker.js
View File

@ -1,5 +1,18 @@
$(window).on('load',function(){
$(".startDate").each(function(idx,itm){
if(idx != "0"){
idx+=1;
$(itm).removeClass("startDate").addClass("startDate"+idx);
}
});
$(".endDate").each(function(idx,itm){
if(idx != "0"){
idx+=1;
$(itm).removeClass("endDate").addClass("endDate"+idx);
}
});
// input value 값 추가, 검색 시 input value 값 안없어지게.
var start_duetValue = $("duet-date-picker.startDate").val();
var end_duetValue = $("duet-date-picker.endDate").val();
@ -422,6 +435,219 @@ endDate.addEventListener("duetChange", function (e) {
}
}*/
var duetdateleng = $("duet-date-picker").length+1;
var startDateNum = [];
setTimeout(function(){
for (var i = 2; i<duetdateleng; i++){
startDateNum[i] = document.querySelector(".startDate"+i);
startDateNum[i].dateAdapter = {
parse: function parse() {
var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ""
var createDate = arguments.length > 1 ? arguments[1] : undefined
var matches = value.match(DATE_FORMAT)
if (matches) {
return createDate(matches[3], matches[2], matches[1])
}
},
format: function format(date) {
if (date.getMonth() < 9) {
if (date.getDate() < 10) {
return ""
.concat(date.getFullYear(), ".")
.concat('0', date.getMonth() + 1, ".")
.concat('0', date.getDate())
} else {
return ""
.concat(date.getFullYear(), ".")
.concat('0', date.getMonth() + 1, ".")
.concat(date.getDate())
}
} else {
if (date.getDate() < 10) {
return ""
.concat(date.getFullYear(), ".")
.concat(date.getMonth() + 1, ".")
.concat('0', date.getDate())
} else {
return ""
.concat(date.getFullYear(), ".")
.concat(date.getMonth() + 1, ".")
.concat(date.getDate())
}
}
},
}
// 달력 플러그인 실행
startDateNum[i].localization = {
placeholder: '시작날짜를 입력하세요',
selectedDateMessage: 'Selected date is',
prevMonthLabel: '이전 달 보기',
nextMonthLabel: '다음 달 보기',
monthSelectLabel: '달 선택',
yearSelectLabel: '년도 선택',
closeLabel: '달력 닫기',
dayNames: ['일', '월', '화', '수', '목', '금', '토'],
monthNames: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'],
monthNamesShort: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'],
identifier: "searchStartDt",
name: "searchStartDt"
}
// 달력 닫았을 때 input, input[type=hidden]에 value 값 넣어주기
startDateNum[i].addEventListener("duetClose", function (e) {
startDt = e.target;
startDtVal = e.target.value;
startSub = startDtVal.replace(/\-/g, '');
var inputName = $(this).attr("name");
$(".startDate").each(function(idx,itm){
$(this).find(".duet-date__input").attr("id", inputName+idx);
$(this).find(".duet-date__input").attr("name", inputName);
$(this).find(".duet-date__input").attr("value", startSub);
$(this).find(".duet-date__input").next().attr("name", inputName+i+"_submit");
$(this).find(".duet-date__input").next().attr("value", startSub);
});
});
//날짜 값 바꼈을 때 시작일, 종료일 찾아 alert 띄우기
startDateNum[i].addEventListener("duetChange", function (e) {
startDt = e.target;
startDtVal = e.target.value;
var n = i-1;
var endDtVal = $(".endDate"+n).find(".duet-date__input").val();
endDtVal = endDtVal.replace(/[.]/gi, '');
startDtVal = startDtVal.replace(/[.]/gi, '');
if(startDtVal > endDtVal && endDtVal != ""){
e.target.value = "";
alert("시작일이 종료일보다 클 수 없습니다.");
}else{}
});
setTimeout(function(){
//$("duet-date-picker .duet-date__input").attr("title","교육희망일을 YYYY.MM.DD 형식으로 입력해주세요11111");
$("duet-date-picker .duet-date__input").each(function(idx,itm){
idx+=1;
$(itm).attr("name","searchStartDt"+idx);
$(itm).attr("id","searchStartDt"+idx);
});
$("duet-date-picker .duet-date__input").attr('onkeydown','this.value=dateSetting(this.value);');
},100)
startDateNum[i].addEventListener("duetFocus", function (e) {
calendarSetting();
});
}
},1000)
var endDateNum = [];
setTimeout(function(){
for (var i = 2; i<duetdateleng; i++){
endDateNum[i] = document.querySelector(".endDate"+i);
endDateNum[i].dateAdapter = {
parse: function parse() {
var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ""
var createDate = arguments.length > 1 ? arguments[1] : undefined
var matches = value.match(DATE_FORMAT)
if (matches) {
return createDate(matches[3], matches[2], matches[1])
}
},
format: function format(date) {
if (date.getMonth() < 9) {
if (date.getDate() < 10) {
return ""
.concat(date.getFullYear(), ".")
.concat('0', date.getMonth() + 1, ".")
.concat('0', date.getDate())
} else {
return ""
.concat(date.getFullYear(), ".")
.concat('0', date.getMonth() + 1, ".")
.concat(date.getDate())
}
} else {
if (date.getDate() < 10) {
return ""
.concat(date.getFullYear(), ".")
.concat(date.getMonth() + 1, ".")
.concat('0', date.getDate())
} else {
return ""
.concat(date.getFullYear(), ".")
.concat(date.getMonth() + 1, ".")
.concat(date.getDate())
}
}
},
}
// 달력 플러그인 실행
endDateNum[i].localization = {
placeholder: '종료날짜를 입력하세요',
selectedDateMessage: 'Selected date is',
prevMonthLabel: '이전 달 보기',
nextMonthLabel: '다음 달 보기',
monthSelectLabel: '달 선택',
yearSelectLabel: '년도 선택',
closeLabel: '달력 닫기',
dayNames: ['일', '월', '화', '수', '목', '금', '토'],
monthNames: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'],
monthNamesShort: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'],
identifier: "searchEndDt",
name: "searchEndDt"
}
// 달력 닫았을 때 input, input[type=hidden]에 value 값 넣어주기
endDateNum[i].addEventListener("duetClose", function (e) {
endDt = e.target;
endDtVal = e.target.value;
endSub = endDtVal.replace(/\-/g, '');
var inputName = $(this).attr("name");
$(".endDate").each(function(idx,itm){
$(this).find(".duet-date__input").attr("id", inputName+idx);
$(this).find(".duet-date__input").attr("name", inputName);
$(this).find(".duet-date__input").attr("value", endSub);
$(this).find(".duet-date__input").next().attr("name", inputName+i+"_submit");
$(this).find(".duet-date__input").next().attr("value", endSub);
});
});
//날짜 값 바꼈을 때 시작일, 종료일 찾아 alert 띄우기
endDateNum[i].addEventListener("duetChange", function (e) {
endDt = e.target;
endDtVal = e.target.value;
var n = i-1
var startDtVal = $(".startDate"+n).find(".duet-date__input").val();
startDtVal = startDtVal.replace(/[.]/gi, '');
endDtVal = endDtVal.replace(/[.]/gi, '');
//console.log("2",startDtVal,endDtVal);
if(endDtVal < startDtVal){
e.target.value = "";
alert("종료일이 시작일보다 작을 수 없습니다.");
}else{}
});
setTimeout(function(){
$("duet-date-picker .duet-date__input").each(function(idx,itm){
idx+=1;
$(itm).attr("name","searchEndDt"+idx);
$(itm).attr("id","searchEndDt"+idx);
});
$("duet-date-picker .duet-date__input").attr('onkeydown','this.value=dateSetting(this.value);');
},100)
endDateNum[i].addEventListener("duetFocus", function (e) {
calendarSetting();
});
}
},1000)
function calendarMsgKey(ipt,startVal,endVal,startName,endName){
startVal = startVal.replace(/[.]/gi, '');
endVal = endVal.replace(/[.]/gi, '');