제3차 퍼블 변경 사항 적용작업
This commit is contained in:
KNKIM
parent
8ccc28ef16
commit
005ee3fbad
@ -31,18 +31,6 @@
|
||||
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
|
||||
<%@ 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">
|
||||
var BTN_APP_PREFIX = "대출신청/예약";
|
||||
|
||||
@ -51,28 +39,28 @@ $( document ).ready(function() {
|
||||
$("[id^=chk_item_]").prop("disabled", true);
|
||||
$("[id^=chk_all_]").prop("disabled", true);
|
||||
|
||||
$("[id=selMngOrgCd]").change(function(obj) {
|
||||
var checked = $(this).prop("checked");
|
||||
var mngOrgCd = $(this).val();
|
||||
$("[id=selMngOrgCd]").change(function(obj) {
|
||||
var checked = $(this).prop("checked");
|
||||
var mngOrgCd = $(this).val();
|
||||
|
||||
if(checked) {
|
||||
// uncheck others and disable
|
||||
// enable
|
||||
if(checked) {
|
||||
// uncheck others and disable
|
||||
// enable
|
||||
//$("[id^=chk_item_" + mngOrgCd + "]").prop("checked", false);
|
||||
$("[id^=chk_item_" + 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("disabled", true);
|
||||
$("[id^=chk_item_]").not("[id^=chk_item_" + mngOrgCd + "]").prop("checked", false);
|
||||
$("[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("disabled", true);
|
||||
|
||||
}
|
||||
$("#mngOrgCd").val(mngOrgCd);
|
||||
$("[id^=chk_item_" + mngOrgCd + "]").filter(":first").trigger("change");
|
||||
}
|
||||
$("#mngOrgCd").val(mngOrgCd);
|
||||
$("[id^=chk_item_" + mngOrgCd + "]").filter(":first").trigger("change");
|
||||
|
||||
});
|
||||
});
|
||||
|
||||
$("[id^=chk_item_]").change(function(obj) {
|
||||
var mngOrgCd = $(this).attr("id").substr(9);
|
||||
@ -93,32 +81,32 @@ $( document ).ready(function() {
|
||||
}); // document ready
|
||||
|
||||
function fn_deleteCartItems() {
|
||||
if($("[id^=chk_item_]:checked").length < 1) {
|
||||
alert("삭제할 대상을 선택해 주세요.");
|
||||
return;
|
||||
}
|
||||
if($("[id^=chk_item_]:checked").length < 1) {
|
||||
alert("삭제할 대상을 선택해 주세요.");
|
||||
return;
|
||||
}
|
||||
|
||||
if(!confirm(($("[id^=chk_item_]:checked").length) + "건을 삭제하시겠습니까?")) {
|
||||
return;
|
||||
}
|
||||
|
||||
$("#selItems").val(fn_getCheckedCartItemsValues());
|
||||
$("#frm").attr("action","${pageContext.request.contextPath}/cart/deleteCartItems.do");
|
||||
$("#frm").submit();
|
||||
$("#selItems").val(fn_getCheckedCartItemsValues());
|
||||
$("#frm").attr("action","${pageContext.request.contextPath}/cart/deleteCartItems.do");
|
||||
$("#frm").submit();
|
||||
}
|
||||
|
||||
function fn_getCheckedCartItemsValues() {
|
||||
var values = "";
|
||||
$("[id^=chk_item_]:checked").each(function() {
|
||||
if(values.length > 0) values += ",";
|
||||
if(values.length > 0) values += ",";
|
||||
values += $(this).val();
|
||||
});
|
||||
return values;
|
||||
}
|
||||
|
||||
function fn_checkMngOrgGroup() {
|
||||
alert("hi");
|
||||
// $("[id^=chk_" + mngOrgCd + "]").prop("checked", checked);
|
||||
alert("hi");
|
||||
// $("[id^=chk_" + mngOrgCd + "]").prop("checked", checked);
|
||||
}
|
||||
|
||||
// 선택한 게시글 상세 보기로 이동
|
||||
@ -135,24 +123,15 @@ function fn_newArticle() {
|
||||
$("#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) {
|
||||
$("#cartTypeCd").val(cartTypeCd);
|
||||
$("#frm").submit();
|
||||
$("#cartTypeCd").val(cartTypeCd);
|
||||
$("#frm").submit();
|
||||
}
|
||||
|
||||
function fn_selectAll(mngOrgCd) {
|
||||
var allOjbName = "chk_all_" + mngOrgCd;
|
||||
var checked = $("#" + allOjbName).prop("checked");
|
||||
$("[id^=chk_item_" + mngOrgCd + "]").prop("checked", checked);
|
||||
var allOjbName = "chk_all_" + mngOrgCd;
|
||||
var checked = $("#" + allOjbName).prop("checked");
|
||||
$("[id^=chk_item_" + mngOrgCd + "]").prop("checked", checked);
|
||||
|
||||
$("[id^=chk_item_" + mngOrgCd + "]").filter(":first").trigger("change");
|
||||
}
|
||||
@ -173,142 +152,177 @@ function fn_changeCartItems(cartTypeCd, cartTypeNm) {
|
||||
$("#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>
|
||||
</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}
|
||||
<br/>
|
||||
<form name="frm" id="frm"
|
||||
action="${pageContext.request.contextPath}/cart/listCartItems.do"
|
||||
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>
|
||||
|
||||
|
|
||||
|
||||
<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>
|
||||
<div class="tab_content">
|
||||
<div class="tabs_item">
|
||||
<div class="inner">
|
||||
<div class="list-cart-wrap">
|
||||
|
||||
|
||||
<br>
|
||||
----------------------------------
|
||||
<br>
|
||||
1. 카트 > 2.신청/예약확인 > 3.신청/예약완료
|
||||
<br>
|
||||
----------------------------------
|
||||
<br>
|
||||
<c:set var="preMngOrgCd" value="" />
|
||||
<c:set var="mngOrgCdCnt" value="0" />
|
||||
|
||||
<c:set var="preMngOrgCd" value="" />
|
||||
<c:set var="mngOrgCdCnt" value="0" />
|
||||
<c:forEach var="cart" items="${list}" varStatus="status">
|
||||
|
||||
<c:if test="${preMngOrgCd != cart.mngOrgCd}">
|
||||
<c:if test="${status.count > 1 }">
|
||||
</table>
|
||||
<br>
|
||||
<br>
|
||||
<script>
|
||||
$("#_${preMngOrgCd}_cnt").text("${mngOrgCdCnt }");
|
||||
</script>
|
||||
</c:if>
|
||||
<c:if test="${preMngOrgCd != cart.mngOrgCd}">
|
||||
|
||||
<c:set var="mngOrgCdCnt" value="0" />
|
||||
<table style="border: 1px solid black;">
|
||||
<tr>
|
||||
<td colspan="8">
|
||||
selMngOrgCd
|
||||
<input type="radio" id="selMngOrgCd" name="selMngOrgCd" value="${cart.mngOrgCd}">
|
||||
${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:if test="${status.count > 1 }">
|
||||
</div>
|
||||
<script>
|
||||
$("#_${preMngOrgCd}_cnt").text("${mngOrgCdCnt }");
|
||||
</script>
|
||||
</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>
|
||||
<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 }
|
||||
<c:set var="mngOrgCdCnt" value="${mngOrgCdCnt+1}" />
|
||||
|
||||
</td>
|
||||
<td>${cart.useStatus }<br> ${cart.useStatusNm }</td>
|
||||
<td>${cart.rtnExpctDd }</td>
|
||||
<td>${cart.operOutRangeCd } ${cart.operOutRangeNm }</td>
|
||||
<td>${cart.operReadRangeCd } ${cart.operReadRangeNm }</td>
|
||||
</tr>
|
||||
</c:forEach>
|
||||
<!-- 행 : 시작 -->
|
||||
<div class="list">
|
||||
<div class="t-chk"><input type="checkbox" name="chk_item_${cart.mngOrgCd }" id="chk_item_${cart.mngOrgCd }" value="${cart.masterId }" ></div>
|
||||
<div class="t-data">
|
||||
<div class="img">${cart.interestYn }
|
||||
<a href="javascript:void(0)"><img src="/images/img/img-cart-img01.jpg" alt=""></a>
|
||||
<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 }">
|
||||
</table>
|
||||
<br>
|
||||
<br>
|
||||
<script>
|
||||
$("#_${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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</form>
|
||||
|
||||
|
||||
<br>
|
||||
COOKIES :
|
||||
<script>
|
||||
document.write(document.cookie);
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user