style24
/
style24.admin


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141
							<!DOCTYPE html>
<html lang="ko"
	  xmlns:th="http://www.thymeleaf.org">
<!--
 *******************************************************************************
 * @source  : LmsPopupForm.html
 * @desc    : 메시지발송팝업 Page
 *============================================================================
 * STYLE24
 * Copyright(C) 2021 TSIT, All rights reserved.
 *============================================================================
 * VER  DATE         AUTHOR      DESCRIPTION
 * ===  ===========  ==========  =============================================
 * 1.0  2021.01.21   jsshin     최초 작성
 *******************************************************************************
 -->
<div class="modelessPopup draggable" data-width="634">
	<div class="panelStyle">
		<!-- TITLE -->
		<div class="panelTitle">
			<strong>LMS 발송</strong>
			<button type="button" class="close" onclick="uifnPopupClose('popupLmsForm')"><em class="fa fa-times"></em></button>
		</div>
		<!-- //TITLE -->
		<!-- CONTENT -->
		<div class="panelContent">
			<div class="tabs">
				<div class="tabsNav">
					<ul >
						<li class="on"><a href="#tab1">LMS 발송</a></li>
					</ul>
				</div>
				<!-- //TABS NAVI -->
				<!-- TABS CONTENT -->
				<ul class="tabsCont">
					<!-- LMS 발송 -->
					<li class="tab on" id="tab1">
						<div class="panelStyle">
							<form id="lmsForm" name="lmsForm">
								<table class="frmStyle">
									<colgroup>
										<col style="width:1%"/>
										<col style="width:40%"/>
									</colgroup>
									<tbody>
									<tr >
										<th>수신자번호 <em class="star"></em></th>
										<td>
											<input type="text" class="w150" name="cellPhnno" data-valid-name="수신번호"  required="required"  maxlength="13"/>
										</td>
									</tr>
									<tr>
										<th>발신자번호<em class="star"></em></th>
										<td>
											<input type="text" class="w150" name="callBack" th:value="${callBack}" maxlength="11" readonly="readonly"/>
										</td>
									<tr>
										<th>메시지<em class="star"></em></th>
										<td>
											<textarea class="textareaR4"  style="resize: none;" name ="content" ></textarea>
											<span name="count">0</span> / 2000 byte
										</td>
									</tr>
									</tr>
									</tbody>
								</table>
							</form>
						</div>
					</li>
					<!-- //LMS발송 -->
				</ul>
				<!-- //TAB CONTENT -->
			</div>
			<ul class="panelBar">
				<li class="right">
					<button type="button" class="btn btn-success btn-lg" id="btnSendSms">발송</button>
					<button type="button" class="btn btn-gray btn-lg" onclick="uifnPopupClose('popupLmsForm')">취소</button>
				</li>
			</ul>
		</div>
		<!-- //CONTENT -->
	</div>
</div>
<script th:inline="javascript">
	/*<![CDATA[*/
	const elementCellPhnno = [[${elementCellPhnno}]];
	const elementCustNo = [[${elementCustNo}]];

	// 메시지 전송
	$("#btnSendSms").on("click",function() {
		let formId = '#lmsForm';
		let custNo = $(elementCustNo).val();
		const $content = $(formId+' textarea[name=content]');

		if(gagajf.isNull($content.val())) {
			mcxDialog.alertC("보낼 메시지를 입력해 주세요.", {
				sureBtnText: "확인",
				sureBtnClick: function() {
					$content.focus();
				}
			});
			return;
		}

		if(!gagajf.validation(formId)){
			return;
		}

		mcxDialog.confirm("저장하시겠습니까?", {
			cancelBtnText: "취소",
			sureBtnText: "확인",
			sureBtnClick: function() {
				let params = $(formId).serializeObject();
				params.custNo = custNo;
				let jsonData = JSON.stringify(params);
				gagajf.ajaxJsonSubmit('/customer/message/send', jsonData, uifnPopupClose('popupLmsForm'));
			}
		});

	});

	// LMS 글자수 변경 이벤트
	$("#lmsForm textarea[name=content]").bind('focus focusout input keyup keydown paste change', function () {
		cfnGetTextLength($(this), 2000, $('#lmsForm span[name=count]'));
	});

	var fnInitDataSet = function () {
		let cellPhnno = $(elementCellPhnno).val();
		if(!gagajf.isNull(cellPhnno)) {
			$('#lmsForm input[name=cellPhnno]').val(cellPhnno);
		}
	}

	$(document).ready(function() {
		fnInitDataSet();

		cfnGetTextLength("#lmsForm textarea[name=content]", 2000, $('#lmsForm span[name=count]'));
	});
	/*]]>*/
</script>
</html>