|
|
@@ -14,7 +14,7 @@
|
|
|
* 1.0 2020.10.29 gagamel 최초 작성
|
|
|
*******************************************************************************
|
|
|
-->
|
|
|
-<div class="modalPopup" data-width="900" id="popupUser">
|
|
|
+<div class="modalPopup" data-width="900" id="popupClause">
|
|
|
<div class="panelStyle">
|
|
|
<!-- TITLE -->
|
|
|
<div class="panelTitle">
|
|
|
@@ -61,24 +61,84 @@
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
- <th>표시여부</th>
|
|
|
+ <th>노출여부</th>
|
|
|
<td colspan="3">
|
|
|
<input type="hidden" name="dispYn" value="Y"/>
|
|
|
- <label class="chkBox"><input type="checkbox" name="chkDispYn" value="Y" checked="checked"/>표시</label>
|
|
|
- <span class="cBlue"><i class="fa fa-info-circle" aria-hidden="true"></i> 표시여부를 체크할 경우, 현재 약관으로 노출됩니다.</span>
|
|
|
+ <label class="chkBox"><input type="checkbox" name="chkDispYn" value="Y" checked="checked"/>노출</label>
|
|
|
+ <span class="cBlue"><i class="fa fa-info-circle" aria-hidden="true"></i> 노출여부를 체크할 경우, 현재 약관으로 노출됩니다.</span>
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<th>약관 제목<em class="required" title="필수"></em></th>
|
|
|
<td colspan="3">
|
|
|
- <input type="text" name="clauseTitle" placeholder="" maxlength="100"/>
|
|
|
+ <input type="text" name="clauseTitle" placeholder="" maxlength="100" data-valid-name="약관 제목"/>
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<th>약관 내용<em class="required" title="필수"></em></th>
|
|
|
<td colspan="3">
|
|
|
- <div id="summernote"></div>
|
|
|
-<!-- <textarea class="textareaR4" name="clauseContent" style="height:350px;"></textarea> -->
|
|
|
+ <textarea class="textareaR4 summernote" name="clauseContent" data-valid-name="약관 내용"></textarea>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="panelContent" th:if="${mode == 'U'}">
|
|
|
+ <form id="clauseDetailForm" name="clauseDetailForm" action="#" th:action="@{'/envset/clause/save'}" th:method="post" th:object="${clauseInfo}">
|
|
|
+ <input type="hidden" name="mode" th:value="${mode}"/>
|
|
|
+
|
|
|
+ <table class="frmStyle" aria-describedby="상세폼">
|
|
|
+ <colgroup>
|
|
|
+ <col style="width:15%;"/>
|
|
|
+ <col style="width:25%;"/>
|
|
|
+ <col style="width:15%;"/>
|
|
|
+ <col style="width:45%;"/>
|
|
|
+ </colgroup>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th>약관번호</th>
|
|
|
+ <td>
|
|
|
+ <input type="text" name="clauseSq" maxlength="20" placeholder="자동생성" readonly="readonly" th:field="*{clauseSq}"/>
|
|
|
+ </td>
|
|
|
+ <th>사이트<em class="required" title="필수"></em></th>
|
|
|
+ <td>
|
|
|
+ <select name="siteCd" required="required" th:field="*{siteCd}">
|
|
|
+ <option th:if="${siteList}" th:each="oneData, status : ${siteList}" th:value="${oneData.cd}" th:text="|[${oneData.cd}] ${oneData.cdNm}|" th:selected="${siteCd == oneData.cd}"></option>
|
|
|
+ </select>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>약관유형<em class="required" title="필수"></em></th>
|
|
|
+ <td>
|
|
|
+ <select name="clauseType" required="required" th:field="*{clauseType}">
|
|
|
+ <option th:if="${clauseTypeList}" th:each="oneData, status : ${clauseTypeList}" th:value="${oneData.cd}" th:text="|[${oneData.cd}] ${oneData.cdNm}|" th:selected="${clauseType == oneData.cd}"></option>
|
|
|
+ </select>
|
|
|
+ </td>
|
|
|
+ <th>시행일자<em class="required" title="필수"></em></th>
|
|
|
+ <td>
|
|
|
+ <input type="text" class="schDate w80" name="effectDt" maxlength="10" required="required" data-valid-type="calendar" data-valid-name="시행일자" th:field="*{effectDt}"/>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>노출여부</th>
|
|
|
+ <td colspan="3">
|
|
|
+ <input type="hidden" name="dispYn" value="Y" th:value="${clauseInfo.dispYn}"/>
|
|
|
+ <label class="chkBox"><input type="checkbox" name="chkDispYn" value="Y" th:checked="${clauseInfo.dispYn == 'Y'}"/>노출</label>
|
|
|
+ <span class="cBlue"><i class="fa fa-info-circle" aria-hidden="true"></i> 노출여부를 체크할 경우, 현재 약관으로 노출됩니다.</span>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>약관 제목<em class="required" title="필수"></em></th>
|
|
|
+ <td colspan="3">
|
|
|
+ <input type="text" name="clauseTitle" placeholder="" maxlength="100" data-valid-name="약관 제목" th:field="*{clauseTitle}"/>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>약관 내용<em class="required" title="필수"></em></th>
|
|
|
+ <td colspan="3">
|
|
|
+ <textarea class="textareaR4 summernote" name="clauseContent" data-valid-name="약관 내용" th:field="*{clauseContent}"></textarea>
|
|
|
</td>
|
|
|
</tr>
|
|
|
</tbody>
|
|
|
@@ -97,33 +157,27 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
-<script src="/ux/plugins/summernote/bootstrap.min.js"></script><!-- summernote : default -->
|
|
|
-<script src="/ux/plugins/summernote/summernote.js"></script><!-- summernote : default -->
|
|
|
-<script src="/ux/plugins/summernote/summernote-ext-print.js"></script><!-- summernote : 인쇄 -->
|
|
|
-<script src="/ux/plugins/summernote/summernote-emoji.js"></script><!-- summernote : 이모티콘 -->
|
|
|
+<script type="text/javascript" src="/ux/plugins/summernote/summernote.js"></script>
|
|
|
<script th:inline="javascript">
|
|
|
/*<![CDATA[*/
|
|
|
-// let seOptions = gagaSe.getEditorOptions();
|
|
|
let mode = [[${mode}]];
|
|
|
|
|
|
// 초기화
|
|
|
let fnInitialize = function() {
|
|
|
- let clauseInfo = [[${clauseInfo}]];
|
|
|
-
|
|
|
- $('#clauseDetailForm input[name=clauseSq]').val(clauseInfo.clauseSq);
|
|
|
- $('#clauseDetailForm select[name=siteCd]').val(clauseInfo.siteCd);
|
|
|
- $('#clauseDetailForm select[name=clauseType]').val(clauseInfo.clauseType);
|
|
|
- $('#clauseDetailForm input[name=effectDt]').val(clauseInfo.effectDt.toDate("YYYYMMDD").format("YYYY-MM-DD"));
|
|
|
- $('#clauseDetailForm input[name=clauseTitle]').val(clauseInfo.clauseTitle);
|
|
|
+// let clauseInfo = [[${clauseInfo}]];
|
|
|
|
|
|
- if (clauseInfo.dispYn == 'Y') {
|
|
|
- $('#clauseDetailForm input:checkbox[name=chkDispYn]').attr('checked', true);
|
|
|
- } else {
|
|
|
- $("#clauseDetailForm input:checkbox[name=chkDispYn]").attr('checked', false);
|
|
|
- }
|
|
|
+// $('#clauseDetailForm input[name=clauseSq]').val(clauseInfo.clauseSq);
|
|
|
+// $('#clauseDetailForm select[name=siteCd]').val(clauseInfo.siteCd);
|
|
|
+// $('#clauseDetailForm select[name=clauseType]').val(clauseInfo.clauseType);
|
|
|
+// $('#clauseDetailForm input[name=effectDt]').val(clauseInfo.effectDt.toDate("YYYYMMDD").format("YYYY-MM-DD"));
|
|
|
+// $('#clauseDetailForm input[name=clauseTitle]').val(clauseInfo.clauseTitle);
|
|
|
+// $('#clauseDetailForm textarea[name=clauseContent]').val(clauseInfo.clauseContent);
|
|
|
|
|
|
-// gagaSe.createSmartEditor(seOptions, 'clauseContent');
|
|
|
-// gagaSe.setContents('clauseContent', clauseInfo.clauseContent);
|
|
|
+// if (clauseInfo.dispYn == 'Y') {
|
|
|
+// $('#clauseDetailForm input:checkbox[name=chkDispYn]').attr('checked', true);
|
|
|
+// } else {
|
|
|
+// $("#clauseDetailForm input:checkbox[name=chkDispYn]").attr('checked', false);
|
|
|
+// }
|
|
|
}
|
|
|
|
|
|
// 저장
|