제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 = "대출신청/예약";
@ -51,28 +39,28 @@ $( document ).ready(function() {
$("[id^=chk_item_]").prop("disabled", true); $("[id^=chk_item_]").prop("disabled", true);
$("[id^=chk_all_]").prop("disabled", true); $("[id^=chk_all_]").prop("disabled", true);
$("[id=selMngOrgCd]").change(function(obj) { $("[id=selMngOrgCd]").change(function(obj) {
var checked = $(this).prop("checked"); var checked = $(this).prop("checked");
var mngOrgCd = $(this).val(); var mngOrgCd = $(this).val();
if(checked) { if(checked) {
// uncheck others and disable // uncheck others and disable
// enable // enable
//$("[id^=chk_item_" + mngOrgCd + "]").prop("checked", false); //$("[id^=chk_item_" + mngOrgCd + "]").prop("checked", false);
$("[id^=chk_item_" + mngOrgCd + "]").prop("disabled", false); $("[id^=chk_item_" + mngOrgCd + "]").prop("disabled", false);
$("[id^=chk_all_" + mngOrgCd + "]").prop("disabled", false); $("[id^=chk_all_" + mngOrgCd + "]").prop("disabled", false);
$("[id^=chk_item_]").not("[id^=chk_item_" + mngOrgCd + "]").prop("checked", false); $("[id^=chk_item_]").not("[id^=chk_item_" + mngOrgCd + "]").prop("checked", false);
$("[id^=chk_item_]").not("[id^=chk_item_" + mngOrgCd + "]").prop("disabled", true); $("[id^=chk_item_]").not("[id^=chk_item_" + mngOrgCd + "]").prop("disabled", true);
$("[id^=chk_all_]").not("[id^=chk_all_" + mngOrgCd + "]").prop("checked", false); $("[id^=chk_all_]").not("[id^=chk_all_" + mngOrgCd + "]").prop("checked", false);
$("[id^=chk_all_]").not("[id^=chk_all_" + mngOrgCd + "]").prop("disabled", true); $("[id^=chk_all_]").not("[id^=chk_all_" + mngOrgCd + "]").prop("disabled", true);
} }
$("#mngOrgCd").val(mngOrgCd); $("#mngOrgCd").val(mngOrgCd);
$("[id^=chk_item_" + mngOrgCd + "]").filter(":first").trigger("change"); $("[id^=chk_item_" + mngOrgCd + "]").filter(":first").trigger("change");
}); });
$("[id^=chk_item_]").change(function(obj) { $("[id^=chk_item_]").change(function(obj) {
var mngOrgCd = $(this).attr("id").substr(9); var mngOrgCd = $(this).attr("id").substr(9);
@ -93,32 +81,32 @@ $( document ).ready(function() {
}); // document ready }); // document ready
function fn_deleteCartItems() { function fn_deleteCartItems() {
if($("[id^=chk_item_]:checked").length < 1) { if($("[id^=chk_item_]:checked").length < 1) {
alert("삭제할 대상을 선택해 주세요."); alert("삭제할 대상을 선택해 주세요.");
return; return;
} }
if(!confirm(($("[id^=chk_item_]:checked").length) + "건을 삭제하시겠습니까?")) { if(!confirm(($("[id^=chk_item_]:checked").length) + "건을 삭제하시겠습니까?")) {
return; return;
} }
$("#selItems").val(fn_getCheckedCartItemsValues()); $("#selItems").val(fn_getCheckedCartItemsValues());
$("#frm").attr("action","${pageContext.request.contextPath}/cart/deleteCartItems.do"); $("#frm").attr("action","${pageContext.request.contextPath}/cart/deleteCartItems.do");
$("#frm").submit(); $("#frm").submit();
} }
function fn_getCheckedCartItemsValues() { function fn_getCheckedCartItemsValues() {
var values = ""; var values = "";
$("[id^=chk_item_]:checked").each(function() { $("[id^=chk_item_]:checked").each(function() {
if(values.length > 0) values += ","; if(values.length > 0) values += ",";
values += $(this).val(); values += $(this).val();
}); });
return values; return values;
} }
function fn_checkMngOrgGroup() { function fn_checkMngOrgGroup() {
alert("hi"); alert("hi");
// $("[id^=chk_" + mngOrgCd + "]").prop("checked", checked); // $("[id^=chk_" + mngOrgCd + "]").prop("checked", checked);
} }
// 선택한 게시글 상세 보기로 이동 // 선택한 게시글 상세 보기로 이동
@ -135,24 +123,15 @@ 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();
} }
function fn_selectAll(mngOrgCd) { function fn_selectAll(mngOrgCd) {
var allOjbName = "chk_all_" + mngOrgCd; var allOjbName = "chk_all_" + mngOrgCd;
var checked = $("#" + allOjbName).prop("checked"); var checked = $("#" + allOjbName).prop("checked");
$("[id^=chk_item_" + mngOrgCd + "]").prop("checked", checked); $("[id^=chk_item_" + mngOrgCd + "]").prop("checked", checked);
$("[id^=chk_item_" + mngOrgCd + "]").filter(":first").trigger("change"); $("[id^=chk_item_" + mngOrgCd + "]").filter(":first").trigger("change");
} }
@ -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> <c:set var="preMngOrgCd" value="" />
---------------------------------- <c:set var="mngOrgCdCnt" value="0" />
<br>
1. 카트 > 2.신청/예약확인 > 3.신청/예약완료
<br>
----------------------------------
<br>
<c:set var="preMngOrgCd" value="" />
<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 }">
</table>
&nbsp;<br>
&nbsp;<br>
<script>
$("#_${preMngOrgCd}_cnt").text("${mngOrgCdCnt }");
</script>
</c:if>
<c:set var="mngOrgCdCnt" value="0" /> <c:if test="${status.count > 1 }">
<table style="border: 1px solid black;"> </div>
<tr> <script>
<td colspan="8"> $("#_${preMngOrgCd}_cnt").text("${mngOrgCdCnt }");
selMngOrgCd </script>
<input type="radio" id="selMngOrgCd" name="selMngOrgCd" value="${cart.mngOrgCd}"> </c:if>
${cart.mngOrgNm } (<span id="_${cart.mngOrgCd}_cnt"></span>)
</td>
</tr>
<tr>
<td>
chk_all_${cart.mngOrgCd }
<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:if>
<c:set var="mngOrgCdCnt" value="${mngOrgCdCnt+1}" /> <c:set var="mngOrgCdCnt" value="0" />
<!-- 문화원 시작 -->
<h3><label><input type="radio" id="selMngOrgCd" name="selMngOrgCd" value="${cart.mngOrgCd}">${cart.mngOrgNm } (<span class="count" id="_${cart.mngOrgCd}_cnt"></span>)</label></h3>
<div class="list-cart">
<div class="list t-tit-line">
<div class="t-chk"><input type="checkbox" id="chk_all_${cart.mngOrgCd }" name="chk_all_${cart.mngOrgCd }" onclick="fn_selectAll('${cart.mngOrgCd}')"></div>
<div class="t-data">자료정보</div>
<div class="t-state">이용상태</div>
<div class="t-date">반납예정일</div>
<div class="t-loan">대출</div>
<div class="t-visit">방문열람</div>
</div>
<c:set var="preMngOrgCd" value="${cart.mngOrgCd}" />
</c:if>
<tr> <c:set var="mngOrgCdCnt" value="${mngOrgCdCnt+1}" />
<td>
chk_item_${cart.mngOrgCd }
<input type="checkbox" name="chk_item_${cart.mngOrgCd }" id="chk_item_${cart.mngOrgCd }" value="${cart.masterId }" /></td>
<td>${cart.mbCartId }</td>
<td><img src="${cart.rprsThumbUrl }" width="30" height="40"> : ${cart.interestYn }</td>
<td>${cart.title }<br>
${cart.masterId }
${cart.mngOrgCd }
</td> <!-- 행 : 시작 -->
<td>${cart.useStatus }<br> ${cart.useStatusNm }</td> <div class="list">
<td>${cart.rtnExpctDd }</td> <div class="t-chk"><input type="checkbox" name="chk_item_${cart.mngOrgCd }" id="chk_item_${cart.mngOrgCd }" value="${cart.masterId }" ></div>
<td>${cart.operOutRangeCd } ${cart.operOutRangeNm }</td> <div class="t-data">
<td>${cart.operReadRangeCd } ${cart.operReadRangeNm }</td> <div class="img">${cart.interestYn }
</tr> <a href="javascript:void(0)"><img src="/images/img/img-cart-img01.jpg" alt=""></a>
</c:forEach> <span class="favorites"><img src="images/icon/icon-cart-Favorites.png" class="off" alt="즐겨찾기 아이콘">
<img src="images/icon/icon-cart-Favorites-on.png" class="on" alt="즐겨찾기 아이콘">
</span>
${cart.rprsThumbUrl }
</div>
<div class="type">
<c:if test="${cart.operReadRangeCd == '01' }">
<span class="online">온라인열람</span>
</c:if>
<c:if test="${cart.operOutRangeCd == '01' }">
<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:if test="${fn:length(list) > 0 }">
</div>
<script>
$("#_${preMngOrgCd}_cnt").text("${mngOrgCdCnt }");
</script>
</c:if>
<div class="btn-box">
<div class="left">
<button type="button" class="btn btn-gray" onclick="fn_deleteCartItems()">선택삭제</button>
<c:if test='${cartTypeCd == "1"}'>
<button type="button" class="btn btn-black" onclick="fn_changeCartItems('2', '방문열람')">방문열람으로</button>
</c:if>
<c:if test='${cartTypeCd == "2"}'>
<button type="button" class="btn btn-black" onclick="fn_changeCartItems('1', '대출')">대출로</button>
</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>
</c:if>
</div>
</div>
</div>
</div>
</div>
<c:if test="${fn:length(list) > 0 }"> </div>
</table> </div>
&nbsp;<br> </div>
&nbsp;<br> </div>
<script> </section>
$("#_${preMngOrgCd}_cnt").text("${mngOrgCdCnt }");
</script>
</c:if>
<input type="button" name="btnDelete" id="btnDelete" value="선택삭제" onclick="fn_deleteCartItems()" />
<c:if test='${cartTypeCd == "1"}'>
<input type="button" name="btnMove" id="btnMove" value="방문열람으로이동" onclick="fn_changeCartItems('2', '방문열람')" />
<input type="button" name="btnApp" id="btnApp" value="대출신청/예약 (0)" onclick="fn_reserveCartItems()" />
<script>BTN_APP_PREFIX = "대출신청/예약"; </script>
</c:if>
<c:if test='${cartTypeCd == "2"}'>
<input type="button" name="btnMove" id="btnMove" value="대출로이동" onclick="fn_changeCartItems('1', '대출')" />
<input type="button" name="btnApp" id="btnApp" value="열람신청 (0)" onclick="fn_reserveCartItems()" />
<script>BTN_APP_PREFIX = "열람신청"; </script>
</c:if>
</form> </form>
<br>
COOKIES :
<script>
document.write(document.cookie);
</script>
</body>
</html>