|
|
@@ -0,0 +1,138 @@
|
|
|
+<!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="modalPopup" id="popupLmsForm" data-width="800" data-height="460">
|
|
|
+ <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">
|
|
|
+ <ul class="tabsNav p-left">
|
|
|
+ <li class="on"><a href="#tab1">LMS 발송</a></li>
|
|
|
+ </ul>
|
|
|
+ <!-- //TABS NAVI -->
|
|
|
+ <!-- TABS CONTENT -->
|
|
|
+ <ul class="tabsCont">
|
|
|
+ <!-- LMS 발송 -->
|
|
|
+ <li class="tab on" id="tab1">
|
|
|
+ <form id="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 style="height:60px;">
|
|
|
+ <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>
|
|
|
+ </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="uifnPopClose('popupLmsForm')">취소</button>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+<script th:inline="javascript">
|
|
|
+ /*<![CDATA[*/
|
|
|
+ var elementContent = [[${elementContent}]];
|
|
|
+ var elementCellPhnno = [[${elementCellPhnno}]];
|
|
|
+ var elementCustNo = [[${elementCustNo}]];
|
|
|
+
|
|
|
+ // 메시지 전송
|
|
|
+ $("#btnSendSms").on("click",function() {
|
|
|
+ var formId = '#lmsForm';
|
|
|
+ var custNo = $(elementCustNo).val();
|
|
|
+ var $content;
|
|
|
+
|
|
|
+ $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() {
|
|
|
+ var params = $(formId).serializeObject();
|
|
|
+ params.custNo = custNo;
|
|
|
+ var jsonData = JSON.stringify(params);
|
|
|
+ gagajf.ajaxJsonSubmit('/customer/message/send', jsonData, uifnPopClose('popupLmsForm'));
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ });
|
|
|
+
|
|
|
+ // LMS 글자수 변경 이벤트
|
|
|
+ $("#lmsForm textarea[name=content]").bind('focus focusout input keyup keydown paste change', function () {
|
|
|
+ cfnGetTextLength($(this), 2000, $('#lmsForm span[name=count]'));
|
|
|
+ });
|
|
|
+
|
|
|
+ $(document).ready(function() {
|
|
|
+ var content = $(elementContent).val();
|
|
|
+ var cellPhnno = $(elementCellPhnno).val();
|
|
|
+
|
|
|
+ if(!gagajf.isNull(cellPhnno)) {
|
|
|
+ $('#lmsForm input[name=cellPhnno]').val(cellPhnno);
|
|
|
+ }
|
|
|
+ if(!gagajf.isNull(content)) {
|
|
|
+ $('#lmsForm textarea[name=content]').val(content);
|
|
|
+ }
|
|
|
+
|
|
|
+ cfnGetTextLength("#lmsForm textarea[name=content]", 2000, $('#lmsForm span[name=count]'));
|
|
|
+ });
|
|
|
+ /*]]>*/
|
|
|
+</script>
|
|
|
+</html>
|
jsshin