제3차 퍼블 변경 사항 적용작업

This commit is contained in:
KNKIM 2021-10-25 09:16:12 +09:00
parent 8ccc28ef16
commit 005ee3fbad

View File

@ -31,18 +31,6 @@
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %> <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="validator" uri="http://www.springmodules.org/tags/commons-validator" %> <%@ taglib prefix="validator" uri="http://www.springmodules.org/tags/commons-validator" %>
<c:set var="pageTitle">카트</c:set>
<!DOCTYPE html>
<html lang="ko">
<head>
<title>${pageTitle}</title>
<!-- GRID -->
<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/js/jsgrid/nlib-jsgrid.css" />
<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/js/jsgrid/nlib-jsgrid-theme.css" />
<script src="${pageContext.request.contextPath}/js/jsgrid/nlib-jsgrid.js"></script>
<script type="text/javaScript" language="javascript"> <script type="text/javaScript" language="javascript">
var BTN_APP_PREFIX = "대출신청/예약"; var BTN_APP_PREFIX = "대출신청/예약";
@ -135,15 +123,6 @@ function fn_newArticle() {
$("#articleForm").submit(); $("#articleForm").submit();
} }
// 그리드 데이터 조회 호출
function fn_searchArticle(pageSize, pageIndex) {
$("#jsGrid").jsGrid("search"
, {'pageSize' : (pageSize ? pageSize : fn_getIntValue("pageSize", ${pageSize}) ),
'pageIndex' : (pageIndex ? pageIndex : fn_getIntValue("pageIndex", 1))
}
);
}
function fn_search(cartTypeCd) { function fn_search(cartTypeCd) {
$("#cartTypeCd").val(cartTypeCd); $("#cartTypeCd").val(cartTypeCd);
$("#frm").submit(); $("#frm").submit();
@ -173,142 +152,177 @@ function fn_changeCartItems(cartTypeCd, cartTypeNm) {
$("#frm").submit(); $("#frm").submit();
} }
$(document).ready(function() {
/* 탭메뉴 */
var selectedIdx = '> li:eq(' + (${cartTypeCd } -1) + ')';
$('.cartTab ul.tabs').addClass('active').find(selectedIdx).addClass('current');
$('.tab ul.tabs li a').click(function (g) {
var tab = $(this).closest('.tab'),
index = $(this).closest('li').index();
tab.find('ul.tabs > li').removeClass('current');
$(this).closest('li').addClass('current');
tab.find('.tab_content').find('div.tabs_item').not('div.tabs_item:eq(' + index + ')').hide();
tab.find('.tab_content').find('div.tabs_item:eq(' + index + ')').show();
g.preventDefault();
});
if("${message}" != "") alert("${message}");
});
</script> </script>
</head>
<body> <form name="frm" id="frm" action="${pageContext.request.contextPath}/cart/listCartItems.do" method="post">
<input type="hidden" id="cartTypeCd" name="cartTypeCd" value="${cartTypeCd }" />
<input type="hidden" id="mngOrgCd" name="mngOrgCd" value="" />
<input type="teselItemsxt" id="selItems" name="selItems" value="" />
<h1>${pageTitle }</h1> <!-- 카트 섹션 -->
<section class="location cart">
<h2 class="blind">카트 섹션영역</h2>
<div class="inner">
<div class="row-top">
<div class="location-box">
<ul class="loc">
<li>HOME</li>
<li class="on">카트</li>
</ul>
<ul class="tit">
<li><span>카트</span></li>
</ul>
</div>
<div class="arr"><img src="/images/icon/icon-join-arr2.png" alt="화살표 아이콘"></div>
</div>
<div class="contents row-bottom">
<div class="cart-box">
<div class="tab">
<ul class="tabs active">
<li><a href="javascript:void(0);" onclick="fn_search('1')" <c:if test='${cartTypeCd == "1"}'>class="current"</c:if> >대출 <span>(5)</span></a></li>
<li><a href="javascript:void(0);" onclick="fn_search('2')" <c:if test='${cartTypeCd == "2"}'>class="current"</c:if> >방문열람 <span>(3)</span></a></li>
</ul>
메시지 : ${message} <div class="tab_content">
&nbsp;<br/> <div class="tabs_item">
<form name="frm" id="frm" <div class="inner">
action="${pageContext.request.contextPath}/cart/listCartItems.do" <div class="list-cart-wrap">
method="post">
cartTypeCd = <input type="text" id="cartTypeCd" name="cartTypeCd" value="${cartTypeCd }" />
mngOrgCd = <input type="text" id="mngOrgCd" name="mngOrgCd" value="" />
selItems = <input type="text" id="selItems" name="selItems" value="" />
<br>
<c:if test='${cartTypeCd == "1"}'>
<a href="javascript:void(0);" onclick="fn_search('1')"><span style="color:red">대출</span></a>
</c:if>
<c:if test='${cartTypeCd != "1"}'>
<a href="javascript:void(0);" onclick="fn_search('1')"><span style="color:blue">대출</span></a>
</c:if>
&nbsp;&nbsp;|&nbsp;&nbsp;
<c:if test='${cartTypeCd == "2"}'>
<a href="javascript:void(0);" onclick="fn_search('2')"><span style="color:red">열람</span></a>
</c:if>
<c:if test='${cartTypeCd != "2"}'>
<a href="javascript:void(0);" onclick="fn_search('2')"><span style="color:blue">열람</span></a>
</c:if>
<br>
----------------------------------
<br>
1. 카트 > 2.신청/예약확인 > 3.신청/예약완료
<br>
----------------------------------
<br>
<c:set var="preMngOrgCd" value="" /> <c:set var="preMngOrgCd" value="" />
<c:set var="mngOrgCdCnt" value="0" /> <c:set var="mngOrgCdCnt" value="0" />
<c:forEach var="cart" items="${list}" varStatus="status"> <c:forEach var="cart" items="${list}" varStatus="status">
<c:if test="${preMngOrgCd != cart.mngOrgCd}"> <c:if test="${preMngOrgCd != cart.mngOrgCd}">
<c:if test="${status.count > 1 }"> <c:if test="${status.count > 1 }">
</table> </div>
&nbsp;<br>
&nbsp;<br>
<script> <script>
$("#_${preMngOrgCd}_cnt").text("${mngOrgCdCnt }"); $("#_${preMngOrgCd}_cnt").text("${mngOrgCdCnt }");
</script> </script>
</c:if> </c:if>
<c:set var="mngOrgCdCnt" value="0" /> <c:set var="mngOrgCdCnt" value="0" />
<table style="border: 1px solid black;"> <!-- 문화원 시작 -->
<tr> <h3><label><input type="radio" id="selMngOrgCd" name="selMngOrgCd" value="${cart.mngOrgCd}">${cart.mngOrgNm } (<span class="count" id="_${cart.mngOrgCd}_cnt"></span>)</label></h3>
<td colspan="8"> <div class="list-cart">
selMngOrgCd <div class="list t-tit-line">
<input type="radio" id="selMngOrgCd" name="selMngOrgCd" value="${cart.mngOrgCd}"> <div class="t-chk"><input type="checkbox" id="chk_all_${cart.mngOrgCd }" name="chk_all_${cart.mngOrgCd }" onclick="fn_selectAll('${cart.mngOrgCd}')"></div>
${cart.mngOrgNm } (<span id="_${cart.mngOrgCd}_cnt"></span>) <div class="t-data">자료정보</div>
</td> <div class="t-state">이용상태</div>
</tr> <div class="t-date">반납예정일</div>
<tr> <div class="t-loan">대출</div>
<td> <div class="t-visit">방문열람</div>
chk_all_${cart.mngOrgCd } </div>
<input type="checkbox" id="chk_all_${cart.mngOrgCd }" name="chk_all_${cart.mngOrgCd }" onclick="fn_selectAll('${cart.mngOrgCd}')">선택</a></td>
<td>ID</td>
<td>썸네일/관심</td>
<td>제목</td>
<td>이용상태</td>
<td>반납예정일</td>
<td>대출</td>
<td>방문열람</td>
</tr>
<c:set var="preMngOrgCd" value="${cart.mngOrgCd}" /> <c:set var="preMngOrgCd" value="${cart.mngOrgCd}" />
</c:if> </c:if>
<c:set var="mngOrgCdCnt" value="${mngOrgCdCnt+1}" /> <c:set var="mngOrgCdCnt" value="${mngOrgCdCnt+1}" />
<tr> <!-- 행 : 시작 -->
<td> <div class="list">
chk_item_${cart.mngOrgCd } <div class="t-chk"><input type="checkbox" name="chk_item_${cart.mngOrgCd }" id="chk_item_${cart.mngOrgCd }" value="${cart.masterId }" ></div>
<input type="checkbox" name="chk_item_${cart.mngOrgCd }" id="chk_item_${cart.mngOrgCd }" value="${cart.masterId }" /></td> <div class="t-data">
<td>${cart.mbCartId }</td> <div class="img">${cart.interestYn }
<td><img src="${cart.rprsThumbUrl }" width="30" height="40"> : ${cart.interestYn }</td> <a href="javascript:void(0)"><img src="/images/img/img-cart-img01.jpg" alt=""></a>
<td>${cart.title }<br> <span class="favorites"><img src="images/icon/icon-cart-Favorites.png" class="off" alt="즐겨찾기 아이콘">
${cart.masterId } <img src="images/icon/icon-cart-Favorites-on.png" class="on" alt="즐겨찾기 아이콘">
${cart.mngOrgCd } </span>
${cart.rprsThumbUrl }
</div>
<div class="type">
</td> <c:if test="${cart.operReadRangeCd == '01' }">
<td>${cart.useStatus }<br> ${cart.useStatusNm }</td> <span class="online">온라인열람</span>
<td>${cart.rtnExpctDd }</td> </c:if>
<td>${cart.operOutRangeCd } ${cart.operOutRangeNm }</td>
<td>${cart.operReadRangeCd } ${cart.operReadRangeNm }</td> <c:if test="${cart.operOutRangeCd == '01' }">
</tr> <span class="loan">대출</span>
</c:if>
<c:if test="${cart.operReadRangeCd == '01' }">
<span class="visit">방문열람</span>
</c:if>
</div>
<div class="title">${cart.mbCartId }<a href="#">${cart.title }</a> ${cart.masterId }${cart.mngOrgCd }</div>
</div>
<div class="t-state"><p>${cart.useStatusNm }</p></div>
<div class="t-date">${cart.rtnExpctDd }</div>
<div class="t-loan poss">${cart.operOutRangeNm }</div>
<div class="t-visit imposs">${cart.operReadRangeNm }</div>
</div>
<!-- 행 : 종료 -->
</c:forEach> </c:forEach>
<c:if test="${fn:length(list) > 0 }"> <c:if test="${fn:length(list) > 0 }">
</table> </div>
&nbsp;<br>
&nbsp;<br>
<script> <script>
$("#_${preMngOrgCd}_cnt").text("${mngOrgCdCnt }"); $("#_${preMngOrgCd}_cnt").text("${mngOrgCdCnt }");
</script> </script>
</c:if> </c:if>
<div class="btn-box">
<input type="button" name="btnDelete" id="btnDelete" value="선택삭제" onclick="fn_deleteCartItems()" /> <div class="left">
<button type="button" class="btn btn-gray" onclick="fn_deleteCartItems()">선택삭제</button>
<c:if test='${cartTypeCd == "1"}'> <c:if test='${cartTypeCd == "1"}'>
<input type="button" name="btnMove" id="btnMove" value="방문열람으로이동" onclick="fn_changeCartItems('2', '방문열람')" /> <button type="button" class="btn btn-black" onclick="fn_changeCartItems('2', '방문열람')">방문열람으로</button>
<input type="button" name="btnApp" id="btnApp" value="대출신청/예약 (0)" onclick="fn_reserveCartItems()" />
<script>BTN_APP_PREFIX = "대출신청/예약"; </script>
</c:if> </c:if>
<c:if test='${cartTypeCd == "2"}'> <c:if test='${cartTypeCd == "2"}'>
<input type="button" name="btnMove" id="btnMove" value="대출로이동" onclick="fn_changeCartItems('1', '대출')" /> <button type="button" class="btn btn-black" onclick="fn_changeCartItems('1', '대출')">대출로</button>
<input type="button" name="btnApp" id="btnApp" value="열람신청 (0)" onclick="fn_reserveCartItems()" /> </c:if>
</div>
<div class="right">
<c:if test='${cartTypeCd == "1"}'>
<button type="button" name="btnApp" id="btnApp" class="btn btn-color" onclick="fn_reserveCartItems()">대출신청/예약 <span class="count">(2)</span></button>
<script>BTN_APP_PREFIX = "대출신청/예약"; </script>
</c:if>
<c:if test='${cartTypeCd == "2"}'>
<button type="button" name="btnApp" id="btnApp" class="btn btn-color" onclick="fn_reserveCartItems()">열람신청 <span class="count">(2)</span></button>
<script>BTN_APP_PREFIX = "열람신청"; </script> <script>BTN_APP_PREFIX = "열람신청"; </script>
</c:if> </c:if>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</form> </form>
<br>
COOKIES :
<script>
document.write(document.cookie);
</script>
</body>
</html>