|
|
@@ -94,16 +94,12 @@
|
|
|
</th:block>
|
|
|
<!-- only 주문목록 -->
|
|
|
|
|
|
- <!-- common 주문목록 -->
|
|
|
- <div data-id="layer_infinite_item" >
|
|
|
- <section id="infiniteContainer">
|
|
|
- <div id="listBoxOuter">
|
|
|
- <div class="area_list" id="listBox">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </section>
|
|
|
- </div>
|
|
|
- <!-- common 주문목록 -->
|
|
|
+ <section id="infiniteContainer">
|
|
|
+ <div id="listBoxOuter">
|
|
|
+ <ul class="area_list" id="listBox">
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
|
|
|
<!-- only 마이페이지메인 -->
|
|
|
<th:block th:if="${mypageMainYn} == 'Y'">
|
|
|
@@ -170,9 +166,8 @@
|
|
|
</div>
|
|
|
<!-- //주문상태 선택 팝업 -->
|
|
|
|
|
|
-<!--<script src="/ux/plugins/jquery/jquery.history.min.js"></script> -->
|
|
|
-<!--<script src="/ux/plugins/gaga/gaga.infinite.scrollLayer.js"></script> -->
|
|
|
-<!--<script src="/ux/plugins/gaga/gaga.paging.js"></script> -->
|
|
|
+<script src="/ux/plugins/gaga/gaga.infinite.scrollSession.js"></script>
|
|
|
+<script src="/ux/plugins/jquery/jquery.history.min.js"></script>
|
|
|
|
|
|
<script th:inline="javascript">
|
|
|
// 변수설정
|
|
|
@@ -184,12 +179,10 @@ var jsonObj = {};
|
|
|
var scrollTemp = true;
|
|
|
var mypageMainYn = [[${mypageMainYn}]];
|
|
|
let customerInfo = [[${customerInfo}]];
|
|
|
+var pageNo = 0;
|
|
|
|
|
|
// 초기설정
|
|
|
$(document).ready(function() {
|
|
|
-
|
|
|
- // 인피니티스크롤 초기화
|
|
|
- //fnGoodsReviewInfiniteScrollInit();
|
|
|
|
|
|
// AJAX 로드를 위한 변수 설정
|
|
|
jsonObj = {
|
|
|
@@ -209,44 +202,11 @@ $(document).ready(function() {
|
|
|
if (mypageMainYn == 'Y') {
|
|
|
// 타이틀명
|
|
|
$('#htopTitle').text('마이페이지');
|
|
|
-
|
|
|
- jsonObj.pageSize = 1;
|
|
|
- jsonObj.pageUnit = 1;
|
|
|
- fnSetSearchPeriod(1);
|
|
|
}
|
|
|
// 마이페이지 주문목록화면일때
|
|
|
else {
|
|
|
// 타이틀명
|
|
|
$('#htopTitle').text('주문확인/배송조회');
|
|
|
-
|
|
|
- // 전체페이지 구하기
|
|
|
- totalPage = parseInt(totalCnt / 10);
|
|
|
- remainList = totalCnt % 10;
|
|
|
-
|
|
|
- // 나머지가 있으면 전체 페이지 + 1
|
|
|
- if (remainList > 0) {
|
|
|
- totalPage = totalPage + 1;
|
|
|
- }
|
|
|
-
|
|
|
- fnSetSearchPeriod(3);
|
|
|
-
|
|
|
- var win = $(window);
|
|
|
-
|
|
|
- // Each time the user scrolls
|
|
|
- win.scroll(function() {
|
|
|
- // End of the document reached?
|
|
|
- if ($(document).height() - win.height() == win.scrollTop()) {
|
|
|
- if (scrollTemp) {
|
|
|
- var tempPage = parseInt($("#searchForm input[name=pageNo]").val());
|
|
|
- tempPage = tempPage + 1;
|
|
|
-
|
|
|
- if (totalPage > tempPage) {
|
|
|
- scrollTemp = false;
|
|
|
- fnGetInfiniteScrollDataList(tempPage);
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- });
|
|
|
}
|
|
|
|
|
|
// 주문상세상태코드 셀렉트박스 변경 이벤트
|
|
|
@@ -268,14 +228,10 @@ $(document).ready(function() {
|
|
|
$(".container .my_order .od_status_btn").text(ordDtlStatNm);
|
|
|
}
|
|
|
});
|
|
|
-
|
|
|
- // 리헷
|
|
|
- $("#listBox").html("");
|
|
|
|
|
|
- // 초기화설정
|
|
|
- fnGetInfiniteScrollDataList(1);
|
|
|
- //fnOrderListInfiniteScrollInit();
|
|
|
- //fnOrderListSearch();
|
|
|
+ // 인피니티스크롤 초기화
|
|
|
+ fnMypageOrderListInfiniteScrollInit();
|
|
|
+ fnGetInfiniteScrollDataList();
|
|
|
|
|
|
// 팝업닫기
|
|
|
$(".popup_close").trigger("click");
|
|
|
@@ -287,12 +243,38 @@ $(document).ready(function() {
|
|
|
}
|
|
|
});
|
|
|
|
|
|
-// 주문 목록 조회
|
|
|
-var fnGetInfiniteScrollDataList = function(pageNo) {
|
|
|
+//사파리 - event.persisted || 크롬 - window.performance.navigation.type 이 1이면 새로고침, 2면 페이지 이동을 통한 캐쉬페이징
|
|
|
+$(window).on("pageshow", function(event) {
|
|
|
+ if ((event.originalEvent && event.originalEvent.persisted) || (window.performance && window.performance.navigation.type == 2)) {
|
|
|
+ var historyData = sessionStorage.getItem(document.location.href);
|
|
|
+ if (historyData != null) {
|
|
|
+ historyData = JSON.parse(historyData);
|
|
|
+ } else {
|
|
|
+ historyData = {};
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ // 마이페이지 메인화면일때 초기 1개월 조회
|
|
|
+ if (mypageMainYn == 'Y') {
|
|
|
+ jsonObj.pageSize = 1;
|
|
|
+ jsonObj.pageUnit = 1;
|
|
|
+ fnSetSearchPeriod(1);
|
|
|
+ }
|
|
|
+ // 마이페이지 주문목록화면일때
|
|
|
+ else {
|
|
|
+ // 2021.05.28 인피니티스크롤 초기화
|
|
|
+ fnMypageOrderListInfiniteScrollInit();
|
|
|
+ fnGetInfiniteScrollDataList();
|
|
|
+ }
|
|
|
+ }
|
|
|
+});
|
|
|
|
|
|
- // 페이지번호가 없으면 1페이지 설정
|
|
|
- if (pageNo == null || pageNo == 0) {
|
|
|
- pageNo = 1;
|
|
|
+// 주문 목록 조회
|
|
|
+var fnGetInfiniteScrollDataList = function() {
|
|
|
+ // 2021.05.28 페이지 기능 수정
|
|
|
+ if (pageNo <= totalPage) {
|
|
|
+ pageNo++;
|
|
|
+ } else {
|
|
|
+ return false;
|
|
|
}
|
|
|
|
|
|
// 페이지설정
|
|
|
@@ -303,35 +285,13 @@ var fnGetInfiniteScrollDataList = function(pageNo) {
|
|
|
jsonObj.edDate = $("#searchForm input[name=edDate]").val();
|
|
|
jsonObj.ordDtlStat = $('#searchForm input[name=ordDtlStat]').val();
|
|
|
|
|
|
- //$.ajax( {
|
|
|
- // type : "POST",
|
|
|
- // url : '/mypage/order/listInfo',
|
|
|
- // data : JSON.stringify(jsonObj),
|
|
|
- // dataType : 'html',
|
|
|
- // beforeSend : function(xhr, settings) {
|
|
|
- // xhr.setRequestHeader("AJAX" , "true");
|
|
|
- // xhr.setRequestHeader('Accept' , 'application/json');
|
|
|
- // xhr.setRequestHeader('Content-Type' , 'application/json');
|
|
|
- // },
|
|
|
- // success : function(result) {
|
|
|
- // if (result != null) {
|
|
|
- // $("#listBox").css("display", "block");
|
|
|
- // $("#listBox").append(result);
|
|
|
- // scrollTemp = true;
|
|
|
- //
|
|
|
- // // 인피니티 스크롤 기억기능
|
|
|
- // //gagaInfiniteScroll.draw(result);
|
|
|
- // //gagaInfiniteScroll.draw('not');
|
|
|
- //
|
|
|
- // }
|
|
|
- // }
|
|
|
- //});
|
|
|
-
|
|
|
gagajf.ajaxJsonSubmit('/mypage/order/list/pre/info', JSON.stringify(jsonObj), function(result) {
|
|
|
- let totalCount = result.paging.totalCount;
|
|
|
- totalCnt = totalCount;
|
|
|
+ let totalCount = result.paging.totalCount;
|
|
|
+ totalCnt = totalCount;
|
|
|
+
|
|
|
getTotalPage(totalCount);
|
|
|
- //gagaInfiniteScroll.pageStatus.totalCount = totalCount;
|
|
|
+
|
|
|
+ gagaInfiniteScroll.pageStatus.totalCount = totalCount;
|
|
|
|
|
|
let ordNoList = [];
|
|
|
$.each(result.ordNoList, function(idx, item) {
|
|
|
@@ -353,9 +313,13 @@ var fnGetInfiniteScrollDataList = function(pageNo) {
|
|
|
},
|
|
|
success: function (result) {
|
|
|
if (result != null) {
|
|
|
+ // 2021.05.28
|
|
|
$("#listBox").css("display", "block");
|
|
|
- $("#listBox").append(result);
|
|
|
- scrollTemp = true;
|
|
|
+ if (mypageMainYn == 'Y') {
|
|
|
+ $("#listBox").append(result);
|
|
|
+ } else {
|
|
|
+ gagaInfiniteScroll.draw(result);
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
@@ -363,7 +327,7 @@ var fnGetInfiniteScrollDataList = function(pageNo) {
|
|
|
});
|
|
|
}
|
|
|
|
|
|
-//검색기간 버튼 클릭 이벤트 처리
|
|
|
+// 검색기간 버튼 클릭 이벤트 처리
|
|
|
var fnSetSearchPeriod = function(period) {
|
|
|
let date = new Date();
|
|
|
let edDate = date.getFullYear() + '-' + ('0' + (date.getMonth() + 1)).slice(-2) + '-' + ('0' + (date.getDate() + 1)).slice(-2);
|
|
|
@@ -376,10 +340,8 @@ var fnSetSearchPeriod = function(period) {
|
|
|
// 리헷
|
|
|
$("#listBox").html("");
|
|
|
|
|
|
- // 초기화설정
|
|
|
- fnGetInfiniteScrollDataList(1);
|
|
|
- //fnOrderListInfiniteScrollInit();
|
|
|
- //fnOrderListSearch();
|
|
|
+ // 인피니티스크롤 초기화
|
|
|
+ fnMypageOrderListInfiniteScrollInit();
|
|
|
|
|
|
$("#odDatePop .popup_con button").removeClass("on");
|
|
|
|
|
|
@@ -400,36 +362,14 @@ var fnSetSearchPeriod = function(period) {
|
|
|
}
|
|
|
|
|
|
// 2021.04.21 인피니티 스크롤 기능 구현전 추후 수정
|
|
|
-// 인피니트 스크롤 초기화
|
|
|
-/*
|
|
|
-var fnGoodsReviewInfiniteScrollInit = function(){
|
|
|
- // sessionStorage.removeItem(document.location.href);
|
|
|
- History.replaceState(null, null);
|
|
|
- gagaInfiniteScroll.pageStatus = {
|
|
|
- pageNum : [] // [0,1,2...] 로드된 페이지 (Array)
|
|
|
- , loadPage : 0 // 로드할 페이지
|
|
|
- , loadAlign : 'not' // 로드 상태(prev, next, not)
|
|
|
- , historyScroll : 0 //
|
|
|
- , nowPage : null // 현재 페이지
|
|
|
- , pageUrl : { // page url
|
|
|
-
|
|
|
- }
|
|
|
- }
|
|
|
+var fnMypageOrderListInfiniteScrollInit = function(){
|
|
|
+ sessionStorage.removeItem(document.location.href);
|
|
|
|
|
|
- //History 초기화
|
|
|
+ // History 초기화
|
|
|
$("#listBox").html("");
|
|
|
}
|
|
|
|
|
|
-var fnDrawInfiniteScrollData = function (result){
|
|
|
- let totalCnt = result.totalCnt;
|
|
|
- gagaInfiniteScroll.pageStatus.totalCount = result.totalCnt;
|
|
|
-
|
|
|
- var htm = fnCreateGoodsList(result);
|
|
|
- gagaInfiniteScroll.draw(htm);
|
|
|
-}
|
|
|
-
|
|
|
$(function() { gagaInfiniteScroll.getHistory(); });
|
|
|
-*/
|
|
|
</script>
|
|
|
|
|
|
<script>
|
eskim