style24.front/src/main/webapp/biz/goodsSession.js

//****************상품목록  start **********************************
var categoryGoodsList = [];
var cnt = 1;
var email = '';
var fnCreateGoodsList = function(result, ithrCd, contentLoc, goodsUrl, lastPage, endRow) {
	console.log('fnCreateGoodsList');

	var tag = '';
	var rank = 0;
	if(lastPage!='1'){
		rank = endRow;
	}
	$.each(result.dataList, function(idx, item) {
		if (idx < 4) {
			categoryGoodsList.push(item.goodsCd);
		}

		tag += '<div class="item_prod">';
		tag += '	<div class="item_state">';
		tag += '		<button type="button" class="itemLike">관심상품 추가</button>';
		tag += '		<a href="#none" class="itemLink">';
		tag += '			<div class="rank ranker"><span>'+(rank+(idx+1))+'</span></div>';
		tag += '			<div class="itemPic">';
		tag += '				<img alt="BLUE-a" class=" vLHTC pd_img" src="'+goodsUrl+'/'+item.sysImgNm+'">';
		tag += '			</div>';
		tag += '			<p class="itemBrand">BRAND NAME</p>';
		tag += '			<div class="itemName">'+item.goodsFullNm+'</div>';
		tag += '			<p class="itemPrice">80,100';
		tag += '				<span class="itemPrice_original">89,000</span>';
		tag += '				<span class=" itemPercent">10%</span>';
		tag += '			</p>';
		tag += '			<div class="itemcolorchip">';
		tag += '				<span class="chip_color35" value="ABM">BEIGE</span>';
		tag += '				<span class="chip_color54" value="BDS">BLACK</span>';
		tag += '				<span class="chip_color40" value="YBR">WHITE</span>';
		tag += '			</div>';
		tag += '			<p class="itemBadge">';
		tag += '				<span class="badge13">베스트 </span>';
		tag += '			</p>';
		tag += '			<div class="itemComment">#주문 폭주 상품</div>';
		tag += '		</a>';
		tag += '	</div>';
		tag += '</div>';
	});
	console.log('fnCreateGoodsList11');
	if (cnt == 1) {
		// <!-- Criteo 카테고리/리스팅 태그 -->
		window.criteo_q = window.criteo_q || [];
		var deviceType = /iPad/.test(navigator.userAgent) ? "t" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? "m" : "d";
		window.criteo_q.push(
			{event: "setAccount", account: 26073}, // 이 라인은 업데이트하면 안됩니다
			{event: "setEmail", email: email}, // 유저가 로그인이 안되 있는 경우 빈 문자열을 전달
			{event: "setSiteType", type: deviceType},
			{event: "viewList", item: categoryGoodsList} // 가장 위에있는 3개의 상품 ID를 전달
		);
		// <!-- END 카테고리/리스팅 태그 -->
		cnt++;
	}
	console.log('fnCreateGoodsList1122233');
	return tag;
}


// 인피니트 스크롤 초기화
var fnCategoryGoodsInfiniteScrollInit = function(){
	sessionStorage.removeItem(document.location.href);
	//History 초기화
	$("#listBox").html("");
}

//****************상품목록  end **********************************

//****************상품상세  start **********************************
// 브랜드 인기상품 (모바일)
var jfGoodsCustRecommendSearch = function(params) {
	gagajf.ajaxSubmit("/goods/detail/goodsOther/frame", "html", "goodsCustRecommendArea", params);
}

//상품베너, 다른컬러, 함께본(카테고리 ) 상품
var jfGoodsOtherSearch = function(params) {
	gagajf.ajaxSubmit("/goods/detail/goodsOther/frame", "html", "goodsOtherArea", params);
}

//상품평
var jfGoodsReviewSearch = function(params) {
	gagajf.ajaxSubmit("/goods/detail/goodsReview/frame", "html", "goodsReviewArea", params);
}

//상품문의
var jfGoodsQnaSearch = function(params) {
	gagajf.ajaxSubmit("/goods/detail/goodsQna/frame", "html", "goodsQnaArea", params);
}

//재고수정시
var jfStockChange = function(gb){

	var obj = $("#goodsQty");
	var objQty = parseInt($("#goodsQty").val());
	if(gb == 'minus'){
		if(gagajf.isNull($("#cartForm  input[name=sizeCd]").val())){
			mcxDialog.alert("사이즈를 선택하세요.");
		} else if(objQty <= parseInt($("#cartForm  input[name=minOrdQty]").val()) && !gagajf.isNull($("#cartForm  input[name=sizeCd]").val())){
			mcxDialog.alert("구매하실 수 있는 최소 수량입니다.");
		} else {
			obj.val(objQty-1);
		}
	} else {
		if(gagajf.isNull($("#cartForm  input[name=sizeCd]").val())){
			mcxDialog.alert("사이즈를 선택하세요.");
		}else if(objQty < parseInt($("#cartForm  input[name=maxOrdQty]").val())){
			obj.val(objQty+1);
		}else{
			mcxDialog.alert("구매하실 수 있는 최대 수량입니다.");
		}
	}

	$("#cartForm  input[name=ordQty]").val(obj.val());
}

//장바구니담기(단품)
/**
 * @type   : function
 * @access : public
 * @desc   : 바로구매, 장바구니 담기
 * <pre>
 *		addCart(btnType,goodsType);
 * </pre>
 * @param  : btnType - 장바구니. '' , 바로구매 : 'DIRECT'. 필수
 * @param  : layer - 레이어 여부. 딜상품일 경우 . '' : 본창, 'layer':레이어창
 * @since  : 2020/07/23
 * @author : eskim
 */
var addCart = function(btnType, layer){
	var params = [];
	var goodsType = $("#cartForm  input[name=goodsType]").val();

	if (goodsType == 'N'){
		if (gagajf.isNull($("#cartForm  input[name=sizeCd]").val())) {
			mcxDialog.alertC('사이즈를 선택해 주십시오.');
			return;
		}
		var obj = new Object();

		obj.btnType = btnType;
		obj.goodsType = $("#cartForm  input[name=goodsType]").val();
		obj.goodsCd = $("#cartForm  input[name=goodsCd]").val();
		obj.itemCd = $("#cartForm  input[name=goodsCd]").val();
		obj.sizeCd = $("#cartForm  input[name=sizeCd]").val();
		obj.goodsQty = $("#cartForm  input[name=ordQty]").val();
		obj.itemQty = 1;
		obj.planDtlSq =$("#cartForm  input[name=planDtlSq]").val();
		params.push(obj);

	}else if (goodsType == 'S'){
		var target=$('.sizelistCart');
		var targetSize=target.length;
		var itemSize = target.find('.item').find('input[type=radio]:checked').length;
		if (targetSize != itemSize){
			mcxDialog.alert("구성상품들의 사이즈를 선택하세요.");
			return false;
		}

		target.find('.item').find('input[type=radio]:checked').each(function() {

			var arrInfo = $(this).val().split('|');	// 상품코드|사이즈|구성수량

			var obj = new Object();
			obj.btnType = btnType;
			obj.goodsType = $("#cartForm  input[name=goodsType]").val();
			obj.goodsCd = $("#cartForm  input[name=goodsCd]").val();
			obj.itemCd = arrInfo[0];
			obj.sizeCd = arrInfo[1];
			obj.goodsQty = $("#cartForm  input[name=ordQty]").val();
			obj.itemQty = Number(arrInfo[2]);
			obj.planDtlSq =$("#cartForm  input[name=planDtlSq]").val();
			params.push(obj);

		});

	}else{
		if (layer == 'layer'){

			var goodsSize = $("#optionListLayer").children('ul').length
			if (goodsSize <= 0){
				mcxDialog.alert("구성상품들의 사이즈를 선택하세요.");
				return false;
			}
			$('#optionListLayer > ul').each(function() {

				var arrInfo = $(this).find('input[name="coption"]').val().split(':');

				var obj = new Object();
				obj.btnType = btnType;
				obj.goodsType = $("#cartForm  input[name=goodsType]").val();
				obj.goodsCd =  $("#cartForm  input[name=goodsCd]").val();
				obj.itemCd = arrInfo[0];
				obj.sizeCd = arrInfo[1];
				obj.goodsQty = $(this).find('input[name="cea"]').val();
				obj.itemQty = 1;
				obj.planDtlSq = $("#cartForm  input[name=planDtlSq]").val();
				params.push(obj);

			});
		}else{
			if (_frontGb == "P"){
				var goodsSize = $("#optionListDiv").children('ul').length
				if (goodsSize <= 0){
					mcxDialog.alert("구성상품들의 사이즈를 선택하세요.");
					return false;
				}
				$('#optionListDiv > ul').each(function() {

					var arrInfo = $(this).find('input[name="coption"]').val().split(':');
					$(this).find('input[name="coption"]').attr('goodsCd')

					var obj = new Object();
					obj.btnType = btnType;
					obj.goodsType = $("#cartForm  input[name=goodsType]").val();
					obj.goodsCd =  $("#cartForm  input[name=goodsCd]").val();
					obj.itemCd = arrInfo[0];
					obj.sizeCd = arrInfo[1];
					obj.goodsQty = $(this).find('input[name="cea"]').val();
					obj.itemQty = 1;
					obj.planDtlSq = $("#cartForm  input[name=planDtlSq]").val();
					params.push(obj);
				});
			}else{
				var goodsSize = $("#optionListDiv").children('dl').length
				if (goodsSize <= 0){
					mcxDialog.alert("구성상품들의 사이즈를 선택하세요.");
					return false;
				}
				$('#optionListDiv > dl').each(function() {

					var arrInfo = $(this).find('input[name="coption"]').val().split(':');
					$(this).find('input[name="coption"]').attr('goodsCd')

					var obj = new Object();
					obj.btnType = btnType;
					obj.goodsType = $("#cartForm  input[name=goodsType]").val();
					obj.goodsCd =  $("#cartForm  input[name=goodsCd]").val();
					obj.itemCd = arrInfo[0];
					obj.sizeCd = arrInfo[1];
					obj.goodsQty = $(this).find('input[name="cea"]').val();
					obj.itemQty = 1;
					obj.planDtlSq = $("#cartForm  input[name=planDtlSq]").val();
					params.push(obj);
				});
			}
		}
	}

	//DIRECT : 바로 구매. '' : 장바구니
	cfnPutCartList(params);

}


//url 복사
var jfCopyLinkUrl = function(goodsCd){
	cfnCopyLinkUrl(location.protocol + _PAGE_GOODS_DETAIL + goodsCd);
}

//SNS 연동
var jfSendToSns = function(goodsCd, goodsNm, goodsImg, snsGb) {
	var linkUrl = location.protocol + _PAGE_GOODS_DETAIL + goodsCd;

	if (goodsImg.indexOf("http") <= -1 || goodsImg.indexOf("https") <= -1){
		var _goodsImgUrl = _uploadGoodsUrl;
		goodsImg = "https:"+goodsImg;
	}

	if (snsGb == "FB"){
		cfnSendToFaceBook(linkUrl,goodsNm ,goodsImg);
	}else if (snsGb == "KK"){
		if (_frontGb == "P"){
			cfnSendToKakao(linkUrl,goodsNm ,goodsImg);
		}else{
			cfnSendToKakaoMob(linkUrl,goodsNm ,goodsImg);
		}
	}
}

//****************상품상세  end **********************************

//****************상품검색  start **********************************
// 상품 정렬
var fnSortChange = function(sortGb) {
	if($("#searchForm input:hidden[name=sortGb]").val()==sortGb){
		return;
	}
	if (_frontGb == "P"){
		$('.productsection .filterbutton').html('필터 열기<span>현재 상태 : 닫힘</span>').removeClass('active');
		$('.filterlist').css({'height':'0'});
	}else{
		areaClose();
	}
	$("#searchForm input[name=sortGb]").val(sortGb);
	fnCategoryGoodsInfiniteScrollInit();
	fnGoodsListSearch();
}


var filterHtml = '';
var filterStatHtml = '';
// 필터 적용
var fnFilterSearch = function() {
	$(".filterstate .filter_div").empty();
	fnCategoryGoodsInfiniteScrollInit();
	filterHtml = '';
	filterStatHtml = '';
	gagaInfiniteScroll.pageStatus.filterHtml = filterHtml;
	gagaInfiniteScroll.pageStatus.filterStatHtml = filterStatHtml;
	fnFilterSet('brand');
	fnFilterSet('size');
	fnFilterSet('color');
	fnFilterSet('price');
	if (_frontGb == "P"){
		$('.productsection .filterbutton').html('필터 열기<span>현재 상태 : 닫힘</span>').removeClass('active');
		$('.filterlist').css({'height':'0'});
	}else{
		areaClose();
	}
	fnGoodsListSearch();
}

var fnFilterSet = function(searchId) {

	$("#searchForm input:hidden[name="+searchId+"Search]").remove();
	$(".filterstate li[name="+searchId+"Stat]").remove();
	var tag = '';
	$('#filterForm input[name='+searchId+']:checked').each(function(){
		tag = '<input type="hidden" name="'+searchId+'Search" value="'+$(this).val()+'"/>\n';
		$("#searchForm").append(tag);
		filterHtml += tag;
		if(_frontGb != "P"){
			tag = '<button type="button" class="removefilter" onclick="fnFilterStatRemove(\''+searchId+'\', \''+$(this).val()+'\');">'+$(this).closest('li').children('label').text()+'</button>';
			$(".filterstate .filter_div").append(tag);
		}else{
			tag = '<li name="'+searchId+'Stat">'+$(this).closest('li').children('label').text()+'<button type="button" onclick="fnFilterStatRemove(\''+searchId+'\', \''+$(this).val()+'\');">DELETE</button></li>';
			$(".filterstate").append(tag);
		}
		filterStatHtml += tag;
	});
	gagaInfiniteScroll.pageStatus.filterHtml = filterHtml;
	gagaInfiniteScroll.pageStatus.filterStatHtml = filterStatHtml;
}

var fnFilterStatRemove = function(searchId, val){
	$('#filterForm input[name='+searchId+']:checked').each(function(){
		if($(this).val()==val){
			$(this).attr("checked", false);
			$(this).parent().removeClass("active");
		}
	});
	fnFilterSearch();
}

// 필터 초기화
var fnFilterReset = function() {
	filterReset();
}
//****************상품검색  end **********************************