style24.front/src/main/webapp/WEB-INF/views/web/popup/DelvAddrChangePopWeb.html

<!-- 배송지변경 팝업 -->
<form name="delvAddrChangeForm" id="delvAddrChangeForm">
	<div class="modal-header">
		<h5 class="modal-title" id="adrsChangeLabel">배송지 선택</h5>
	</div>
	<div class="modal-body">
		<div class="pop_cont">
			<ul>
				<!-- 배송지목록 -->
				<th:block th:each="deliveryAddr, index : ${deliveryAddrList}">
					<li>
						<div class="adrs_box">
							<dl>
								<div>
									<dt><span class="sr-only">배송지명</span></dt>
									<dd>
										<th:block th:text="${deliveryAddr.recipNm}"></th:block>
										<span class="icon_tag">
											<th:block th:if="${deliveryAddr.defaultYn} == 'Y'">
												<em class="tag">기본 배송지</em>
											</th:block>
											<th:block th:if="${deliveryAddr.shotDelvUseYn} == 'Y'">
												<em class="tag primary_line">총알배송</em>
											</th:block>
										</span>
									</dd>
								</div>
								<div>
									<dt><span class="sr-only">휴대폰 번호</span></dt>
									<dd th:text="${deliveryAddr.recipPhnno}"></dd>
								</div>
								<div>
									<dt><span class="sr-only">배송주소</span></dt>
									<dd th:text="${deliveryAddr.recipBaseAddr} + ' ' + ${deliveryAddr.recipDtlAddr}"></dd>
								</div>
								<div>
									<dt>배송요청 사항&nbsp;:&nbsp;</dt>
									<dd th:text="${deliveryAddr.delvMemo}"></dd>
								</div>
							</dl>
							<button type="button" class="btn btn_default btn_sm btn_addrModify_pop" th:value="${deliveryAddr.custDelvAddrSq}"><span>수정</span></button>
							<button type="button" class="btn btn_dark btn_sm btn_sel_delvAddr" th:value="${deliveryAddr.custDelvAddrSq}"><span>선택</span></button>
							
							<input type="hidden" name="recipNm" 			th:value="${deliveryAddr.recipNm}"/>
							<input type="hidden" name="recipPhnno" 			th:value="${deliveryAddr.recipPhnno}"/>
							<input type="hidden" name="recipZipcode" 		th:value="${deliveryAddr.recipZipcode}"/>
							<input type="hidden" name="recipBaseAddr" 		th:value="${deliveryAddr.recipBaseAddr}"/>
							<input type="hidden" name="recipDtlAddr" 		th:value="${deliveryAddr.recipDtlAddr}"/>
							<input type="hidden" name="delvMemo" 			th:value="${deliveryAddr.delvMemo}"/>
						</div>
					</li>
				</th:block>
			</ul>
		</div>
	</div>
	<div class="modal-footer">
		<button type="button" class="btn btn_dark" id="btn_adrsAdd_pop"><span>배송지 추가</span></button>
	</div>
</form>

<script th:inline="javascript">
//컨텐츠 호출
$(document).ready( function() {
});

// 2. 버튼기능구현
// 2.1 배송지선택버튼
$(".btn_sel_delvAddr").on("click", function(){
	
	// custDelvAddrSq 부모창으로 전달
	var delvObj = {
		"custDelvAddrSq"	: $(this).attr("value")
		, "dispYn"			: "Y"
		, "recipNm"			: $(this).parent().find("input[name=recipNm]").val()
		, "recipPhnno"		: $(this).parent().find("input[name=recipPhnno]").val()
		, "recipZipcode"	: $(this).parent().find("input[name=recipZipcode]").val()
		, "recipBaseAddr"	: $(this).parent().find("input[name=recipBaseAddr]").val()
		, "recipDtlAddr"	: $(this).parent().find("input[name=recipDtlAddr]").val()
		, "delvMemo"		: $(this).parent().find("input[name=delvMemo]").val()
	}
	
	// 부모장으로 값 전닫
	delvAddrSet(delvObj);
	
	// 팝업닫기
	$(".close-modal").trigger("click");
});

// 2.2 배송지수정버튼
$(".btn_addrModify_pop").on("click", function(){
		
	var obj = {
		"custDelvAddrSq" : $(this).attr("value")
	} 
	
	$.ajax( {
		type		: "POST",
		url 		: '/common/delvAddrModifyPop',
		data		: JSON.stringify(obj),
		dataType 	: 'html',
		beforeSend : function(xhr, settings) {
			xhr.setRequestHeader("AJAX"			, "true");
			xhr.setRequestHeader('Accept'		, 'application/json');
			xhr.setRequestHeader('Content-Type'	, 'application/json');
			gagajf.showProgressbar(true);
		},
		success 	: function(result) {
			$("#adrsModifyPop .modal-dialog .modal-content").html(result);
			$("#adrsModifyPop").modal("show");
		}
	});	
});


// 2.3 배송지추가 팝업열기
$('#btn_adrsAdd_pop').on("click", function(){
	$.ajax( {
		type		: "POST",
		url 		: '/common/delvAddrAddPop',
		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');
			gagajf.showProgressbar(true);
		},
		success 	: function(result) {
			$("#adrsAddPop .modal-dialog .modal-content").html(result);
			$("#adrsAddPop").modal("show");
		}
	});	
});






</script>