style24
/
style24.front


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145
							<!DOCTYPE html>
<html lang="ko" xmlns:th="http://www.thymeleaf.org">
<!--
 *******************************************************************************
 * @source  : OrderFormWeb.html
 * @desc    : 주문/결제 Page
 *============================================================================
 * STYLE24
 * Copyright(C) 2020 TSIT, All rights reserved.
 *============================================================================
 * VER  DATE         AUTHOR      DESCRIPTION
 * ===  ===========  ==========  =============================================
 * 1.0  2021.02.01   jsh77b     최초 작성
 *******************************************************************************
 -->

<th:block th:if="${freegiftList != null && #lists.size(freegiftList) > 0}">
<!-- 사은품선택 -->
<div class="fold_head">
	<a href="javascript:void(0)">
		<div>
			<div class="fold_tit">
				<span>사은품 선택</span>
			</div>
			<div class="data">
				<span>사은품 총 <em class="total_gift">0</em>개 선택</span> 
				<span><em class="total_deduct">0</em>P 차감</span>
			</div>
		</div>
	</a>
</div>
<div class="fold_cont" style="display: none;">
	<div class="area_selgift">
		<div class="gift_box">
			<p class="txt">
				<th:block th:if="${freegift.allYn} == 'Y'">
					<span th:text="'사은품필수' + ${i.count} + ' ' + ${freegift.freegiftNm}"></span>
				</th:block>
				<th:block th:if="${freegift.allYn} == 'N'">
					<span th:text="'사은품선택' + ${i.count} + ' ' + ${freegift.freegiftNm}"></span>
				</th:block>
			</p>
			<div class="form_field">
				<!-- 전체지급 사음품(필수) -->
				<th:block th:if="${freegift.allYn} == 'Y'">
					<th:block th:each="freegiftGoods, k : ${freegiftGoodsList}">
						<th:block th:if="${freegift.freegiftSq} == ${freegiftGoods.freegiftSq}">
							<div class="gift">
								<input type="hidden" th:name="'rdi-gift'+${i.count}" th:id="'rdi-gift'+${i.count}+${k.count}" class="chk_img freegiftRdo" th:value="${freegiftGoods.freegiftValSq}" usepoint="0" allYn="Y">
								<label th:for="'rdi-gift'+${i.count}+${k.count}"> 
									<span class="thumb"><img src="http://ts5000.ipdisk.co.kr:89/images/pc/thumb/tmp_gift1.jpg" width="" alt=""></span>
									<span class="name" th:text="${freegiftGoods.goodsNm}"></span> 
									<span class="deduct">무료</span>
								</label>
							</div>
						</th:block>
					</th:block>
				</th:block>
				
				<!-- 선택지급 사음품(선택) -->
				<th:block th:if="${freegift.allYn} == 'N'">
					<th:block th:each="freegiftGoods, k : ${freegiftGoodsList}">
						<th:block th:if="${freegift.freegiftSq} == ${freegiftGoods.freegiftSq}">
							<div class="gift">
								<input type="radio" th:name="'rdi-gift'+${i.count}" th:id="'rdi-gift'+${i.count}+${k.count}" class="chk_img freegiftRdo" th:value="${freegiftGoods.freegiftValSq}" th:usepoint="${freegiftGoods.usePoint}"  allYn="N"> 
								<label th:for="'rdi-gift'+${i.count}+${k.count}"> 
									<span class="thumb"><img src="http://ts5000.ipdisk.co.kr:89/images/pc/thumb/tmp_gift1.jpg" width="" alt=""></span>
									<span class="name" th:text="${freegiftGoods.goodsNm}"></span> 
									<span th:if="${freegiftGoods.usePoint} < 1" class="deduct" th:text="무료"></span>
									<span th:if="${freegiftGoods.usePoint} > 0" class="deduct" th:text="|- ${freegiftGoods.usePoint} P|"></span>
								</label>
							</div>
						</th:block>
					</th:block>
					<div class="gift">
						<input type="radio" th:name="'rdi-gift'+${i.count}" th:id="${i.count}+'0'" class="chk_img freegiftRdo" value="noSel" usepoint="0" allYn="N"> 
						<label th:for="${i.count}+'0'">
							<span class="thumb"><img src="/images/pc/thumb/tmp_gift_empty.jpg" width=""alt=""></span> 
							<span class="name">사은품 수령안함</span>
							<span class="deduct">수령거부</span>
						</label>
					</div>
				</th:block>
			</div>
		</div>
		
		<div class="form_field">
			<div class="agree_gift">
				<p>
					<input id="chk-agree_gift" type="checkbox"><label for="chk-agree_gift"><span>동의합니다</span></label>
				</p>
				<p class="txt">
					사은품 지금에 대한 내용을 확인하였으며, 이에 동의합니다.
					<button type="button" class="btn_underline"
						id="btn_infoGift_pop">
						<span>보기</span>
					</button>
				</p>
			</div>
		</div>
	</div>
</div> <!-- //사은품선택 -->

<script th:inline="javascript">
//할인관련정보 변수선언
var freegiftApplyAmtList	= [[${freegiftApplyAmtList}]];		// 사은품장바구니목록
var freegiftList			= [[${freegiftList}]];				// 사은품 프로모션 목록
var freegiftGoodsList		= [[${freegiftGoodsList}]];			// 사은품 프로모션 상품 목록

//컨텐츠 호출
$(document).ready( function() {
	// 사은품 화면 노출여부 체크
	if (freegiftList.length == null || freegiftList.length < 1) {
		$("#freegiftInfo").css("display", "none");
	} else {
		$("#freegiftInfo").css("display", "block");
	}
	
	// 사은품시퀀스배열, 
	var freegiftSqArr 		= [];
	var freegiftGoodsArr 	= [];
	
	// 사은품 장바구니 상품 뿌리기
	for (i=0 ; i<freegiftApplyAmtList.length ; i++) {
		var obj = freegiftApplyAmtList[i];
		freegiftSqArr.push(obj.freegiftSq);
		freegiftGoodsArr.push(obj.goodsCd);
	}
	
	$(".freegiftSqArr").text(freegiftSqArr);
	$(".freegiftGoodsArr").text(freegiftGoodsArr);
	
});
</script>
</th:block>