<!DOCTYPE html>
<html lang="ko" xmlns:th="http://www.thymeleaf.org">
<!--
 *******************************************************************************
 * @source  : CouponPopupForm.html
 * @desc    : 쿠폰 등록 팝업 화면
 *============================================================================
 * ISTYLE24
 * Copyright(C) 2020 TSIT, All rights reserved.
 *============================================================================
 * VER  DATE         AUTHOR      DESCRIPTION
 * ===  ===========  ==========  =============================================
 * 1.0  2020.12.23   xyzp1539       최초 작성
 *******************************************************************************
 -->
<span>
	<div id="randomCpnList" style="width: 100%; height: 500px" class="ag-theme-balham"></div>
</span>

<script th:inline="javascript">
/*<![CDATA[*/
// 상세조회 리스트
var randomCpnList = [[${randomCpnList}]];

// ag-grid 시리얼 및 난수 리스트
var randomCouponDefs = [
	{ headerName : "생성쿠폰키워드" , field: "rdCpnNm" , width:150, cellClass: 'text-center'} ,
	{ headerName: "지급고객번호" , field: "custNo" , width:150, cellClass: 'text-center'},
	{ headerName: "고객아이디" , field: "custId" , width:150, cellClass: 'text-center'},
	{ headerName: "고객명" , field: "custNm" , width:150, cellClass: 'text-center'},
	{ headerName: "지급일" , field: "regDt" , width:150, cellClass: 'text-center'},
	{ headerName: "쿠폰사용일" , field: "usedDt" , width:150, cellClass: 'text-center'}
];

var randomCouponGridOptions = gagaAgGrid.getGridOptions(randomCouponDefs);

var randomInfoInit = function() {
	gagaAgGrid.createGrid('randomCpnList'	, randomCouponGridOptions);
	
	if (randomCpnList != null) {
		randomCouponGridOptions.api.setRowData(randomCpnList);
	}
}
/*]]>*/
</script>
</html>