init
This commit is contained in:
@@ -0,0 +1,193 @@
|
||||
<%@ page language="java" contentType="text/html; charset=utf-8" %>
|
||||
<%@ page import="java.io.*" %>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
||||
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring" %>
|
||||
<%@ include file="/jsp/common/include/localemessage.jsp" %>
|
||||
<%
|
||||
response.setHeader("Pragma", "No-cache");
|
||||
response.setHeader("Cache-Control", "no-cache");
|
||||
response.setHeader("Expires", "0");
|
||||
|
||||
%>
|
||||
<html>
|
||||
<head>
|
||||
<title></title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<jsp:include page="/jsp/common/include/css.jsp"/>
|
||||
<jsp:include page="/jsp/common/include/script.jsp"/>
|
||||
<script language="javascript">
|
||||
var url = '<c:url value="/onl/apim/template/messageTemplateMan.json" />';
|
||||
var url_view = '<c:url value="/onl/apim/template/messageTemplateMan.view" />';
|
||||
|
||||
function booleanFormatter(cellvalue) {
|
||||
return cellvalue === 'Y'
|
||||
? '<span style="color: red; font-size: 16px;">O</span>' // 활성화: 빨간 체크
|
||||
: ''; // 비활성화: 공백
|
||||
}
|
||||
|
||||
$(document).ready(function() {
|
||||
|
||||
var gridPostData = getSearchForJqgrid("cmd", "LIST");
|
||||
|
||||
$('#grid').jqGrid({
|
||||
datatype: "json",
|
||||
mtype: 'POST',
|
||||
url: url,
|
||||
postData: gridPostData,
|
||||
colNames: [
|
||||
'No.',
|
||||
'<%= localeMessage.getString("messageTemplate.messageCode") %>',
|
||||
'<%= localeMessage.getString("messageTemplate.messageName") %>',
|
||||
'<%= localeMessage.getString("messageTemplate.enableSms") %>',
|
||||
'<%= localeMessage.getString("messageTemplate.enableEmail") %>',
|
||||
'<%= localeMessage.getString("messageTemplate.enableMessenger") %>'
|
||||
],
|
||||
colModel: [
|
||||
{name: 'rowNum', align: 'center', width: '50', sortable: false},
|
||||
{name: 'messageCode', width: '300', align: 'center'},
|
||||
{name: 'messageName', width: '400', align: 'center'},
|
||||
{name: 'enableSms', align: 'center', formatter: booleanFormatter},
|
||||
{name: 'enableEmail', align: 'center', formatter: booleanFormatter},
|
||||
{name: 'enableMessenger', align: 'center', formatter: booleanFormatter}
|
||||
],
|
||||
jsonReader: {
|
||||
repeatitems: false
|
||||
},
|
||||
pager: $('#pager'),
|
||||
page: '${param.page}',
|
||||
rowNum: '${rmsDefaultRowNum}',
|
||||
autoheight: true,
|
||||
height: $("#container").height(),
|
||||
autowidth: true,
|
||||
viewrecords: true,
|
||||
rowList: eval('[${rmsDefaultRowList}]'),
|
||||
loadComplete: function(d) {
|
||||
var records = $(this).getGridParam('records');
|
||||
var page = $(this).getGridParam('page');
|
||||
var rowNum = $(this).getGridParam('rowNum');
|
||||
var rows = $(this).getDataIDs();
|
||||
var colModel = $(this).getGridParam("colModel");
|
||||
|
||||
for (var i = 0; i < rows.length; i++) {
|
||||
var number = ((page - 1) * rowNum + i) + 1;
|
||||
// var reverseNumber = records - ((page - 1) * rowNum + i);
|
||||
$(this).setCell(rows[i], 'rowNum', number);
|
||||
}
|
||||
colModel.forEach(col => {
|
||||
$(this).setColProp(col.name, {sortable: false});
|
||||
});
|
||||
},
|
||||
ondblClickRow: function(rowId) {
|
||||
var rowData = $(this).getRowData(rowId);
|
||||
console.log(rowData);
|
||||
var key = rowData['messageCode'];
|
||||
|
||||
var args = {};
|
||||
var url2 = url_view;
|
||||
url2 = url2 + '?cmd=DETAIL&status=DETAIL';
|
||||
url2 += '&menuId=' + '${param.menuId}';
|
||||
url2 += '&id=' + key;
|
||||
console.log('Generated URL: ' + url2);
|
||||
|
||||
showModal(url2, args, 950, 650, function() {
|
||||
$("#grid").trigger("reloadGrid");
|
||||
});
|
||||
|
||||
}, loadError: function(jqXHR, textStatus, errorThrown) {
|
||||
if (jqXHR.status == 401) {
|
||||
var location = '<%=request.getContextPath()%>/';
|
||||
comloadError(jqXHR, textStatus, errorThrown, location);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
resizeJqGridWidth('grid', 'content_middle', '1000');
|
||||
|
||||
$("#btn_search").click(function() {
|
||||
var postData = getSearchForJqgrid("cmd", "LIST");
|
||||
|
||||
postData.searchEnableSms = $("input[name='searchEnableSms']").is(":checked") ? "Y" : null;
|
||||
postData.searchEnableEmail = $("input[name='searchEnableEmail']").is(":checked") ? "Y" : null;
|
||||
postData.searchEnableMessenger = $("input[name='searchEnableMessenger']").is(":checked") ? "Y" : null;
|
||||
|
||||
$("#grid").setGridParam({url: url, postData: postData, page: 1}).trigger("reloadGrid");
|
||||
});
|
||||
|
||||
$("#btn_new").click(function() {
|
||||
var args = {};
|
||||
var url2 = url_view;
|
||||
url2 = url2 + '?cmd=DETAIL&status=NEW';
|
||||
|
||||
var width = 950;
|
||||
var height = 650;
|
||||
|
||||
var left = (screen.width - width) / 2;
|
||||
var top = (screen.height - height) / 2;
|
||||
|
||||
var option = "left=" + left + ",top=" + top + ",scrollbars=yes";
|
||||
|
||||
showModal(url2, args, width, height, function() {
|
||||
$("#grid").trigger("reloadGrid");
|
||||
}, option);
|
||||
});
|
||||
|
||||
$("input[name^=search]").keydown(function(key) {
|
||||
if (key.keyCode == 13) {
|
||||
$("#btn_search").click();
|
||||
}
|
||||
});
|
||||
|
||||
$("#startDatepicker").datepicker();
|
||||
$("#endDatepicker").datepicker();
|
||||
|
||||
buttonControl();
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="right_box">
|
||||
<div class="content_top">
|
||||
<ul class="path">
|
||||
<li><a href="#">${rmsMenuPath}</a></li>
|
||||
</ul>
|
||||
</div><!-- end content_top -->
|
||||
<div class="content_middle" id="content_middle">
|
||||
<div class="search_wrap">
|
||||
<button type="button" class="cssbtn" id="btn_new" level="W"><i class="material-icons">add</i> <%= localeMessage.getString("button.new") %>
|
||||
</button>
|
||||
<button type="button" class="cssbtn" id="btn_search" level="R"><i class="material-icons">search</i> <%= localeMessage.getString("button.search") %>
|
||||
</button>
|
||||
</div>
|
||||
<div class="title"><%= localeMessage.getString("messageTemplate.title") %> <span class="tooltip"><%= localeMessage.getString("messageTemplate.tooltip") %></span></div>
|
||||
|
||||
<table class="search_condition" cellspacing=0;>
|
||||
<tbody>
|
||||
<tr><!-- 제목 -->
|
||||
<th style="width:10%; min-width:100px;"><%= localeMessage.getString("messageTemplate.messageName") %></th>
|
||||
<td>
|
||||
<input type="text" name="searchMessageSubject" value="${param.searchMessageSubject}">
|
||||
</td>
|
||||
<th style="width:10%; min-width:100px;"><%= localeMessage.getString("messageTemplate.messageCode") %></th>
|
||||
<td><input type="text" name="searchMessageCode" value="${param.searchMessageCode}"></td>
|
||||
<th style="width:10%; min-width:100px;">활성 검색</th>
|
||||
<td>
|
||||
<div>
|
||||
<label><input type="checkbox" name="searchEnableSms" value=""> SMS 활성</label>
|
||||
<label><input type="checkbox" name="searchEnableEmail" value=""> 이메일 활성</label>
|
||||
<label><input type="checkbox" name="searchEnableMessenger" value=""> 메신저 활성</label>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<table id="grid"></table>
|
||||
<div id="pager"></div>
|
||||
|
||||
</div><!-- end content_middle -->
|
||||
</div><!-- end right_box -->
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -0,0 +1,231 @@
|
||||
<%@ page language="java" contentType="text/html; charset=utf-8"%>
|
||||
<%@ page import="java.io.*"%>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
||||
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>
|
||||
<%@ include file="/jsp/common/include/localemessage.jsp" %>
|
||||
<%
|
||||
response.setHeader("Pragma", "No-cache");
|
||||
response.setHeader("Cache-Control", "no-cache");
|
||||
response.setHeader("Expires", "0");
|
||||
%>
|
||||
|
||||
<html>
|
||||
<head>
|
||||
<title></title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<jsp:include page="/jsp/common/include/css.jsp"/>
|
||||
<jsp:include page="/jsp/common/include/script.jsp"/>
|
||||
|
||||
<script language="javascript" >
|
||||
var url = '<c:url value="/onl/apim/template/messageTemplateMan.json" />';
|
||||
var url_view = '<c:url value="/onl/apim/template/messageTemplateMan.view" />';
|
||||
|
||||
var isDetail = false;
|
||||
|
||||
function detail(key){
|
||||
if (!isDetail)return;
|
||||
|
||||
$.ajax({
|
||||
type : "POST",
|
||||
url:url,
|
||||
dataType:"json",
|
||||
data:{cmd: 'DETAIL', id : key},
|
||||
success:function(json){
|
||||
var data = json;
|
||||
|
||||
/* Checkbox checked */
|
||||
$('.enableCheckbox').each(function(){
|
||||
var name = $(this).attr('name');
|
||||
$(this).prop('checked', data[name] === 'Y');
|
||||
});
|
||||
|
||||
$("#ajaxForm input[type!=radio],#ajaxForm select,#ajaxForm textarea").each(function(){
|
||||
var name = $(this).attr("name");
|
||||
var tag = $(this).prop("tagName").toLowerCase();
|
||||
$(tag+"[name="+name+"]").val(data[name]);
|
||||
});
|
||||
$('#emailTemplate').summernote('code', data.emailTemplate);
|
||||
},
|
||||
error:function(e){
|
||||
alert(e.responseText);
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
$(document).ready(function() {
|
||||
$('#emailTemplate').summernote({
|
||||
placeholder: '여기에 내용을 입력하세요.',
|
||||
height: 300,
|
||||
toolbar: [
|
||||
['style', ['style']],
|
||||
['font', ['bold', 'underline', 'clear']],
|
||||
['color', ['color']],
|
||||
['para', ['ul', 'ol', 'paragraph']],
|
||||
['table', ['table']],
|
||||
['insert', ['link', 'picture', 'video']],
|
||||
['view', ['codeview', 'help']]
|
||||
],
|
||||
callbacks: {
|
||||
onInit: function() {
|
||||
$('.note-editable').on('keydown', function(e) {
|
||||
if (e.keyCode === 8) {
|
||||
e.stopPropagation();
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
var key ="${param.id}";
|
||||
isDetail = key != "" && key != "null";
|
||||
|
||||
if (isDetail){
|
||||
isDetail = true;
|
||||
$("#title").append(" 수정");
|
||||
buttonControl(true);
|
||||
} else {
|
||||
$("#title").append(" 등록");
|
||||
$("#btn_modify").html('<i class="material-icons">save</i> <%= localeMessage.getString("button.register") %></button>');
|
||||
buttonControl(false);
|
||||
}
|
||||
|
||||
detail(key)
|
||||
|
||||
|
||||
$("#btn_modify").click(function(){
|
||||
if (!checkRequired("ajaxForm")){
|
||||
return;
|
||||
}
|
||||
|
||||
if (confirm("<%= localeMessage.getString("common.checkSave")%>") != true)
|
||||
return;
|
||||
|
||||
var postData = $('#ajaxForm').serializeArray();
|
||||
|
||||
postData.forEach(function(item) {
|
||||
if ($('.enableCheckbox[name="' + item.name + '"]').length > 0) {
|
||||
item.value = ($('.enableCheckbox[name="' + item.name + '"]').is(':checked')) ? 'Y' : 'N';
|
||||
}
|
||||
});
|
||||
|
||||
['enableSms', 'enableEmail', 'enableMessenger'].forEach(function(name) {
|
||||
if (!postData.some(function(item) { return item.name === name; })) {
|
||||
postData.push({ name: name, value: 'N' });
|
||||
}
|
||||
});
|
||||
|
||||
if (isDetail){
|
||||
postData.push({ name: "cmd" , value:"UPDATE"});
|
||||
}else{
|
||||
postData.push({ name: "cmd" , value:"INSERT"});
|
||||
}
|
||||
|
||||
|
||||
$.ajax({
|
||||
type : "POST",
|
||||
url:url,
|
||||
data:postData,
|
||||
success:function(json){
|
||||
alert("<%= localeMessage.getString("common.saveMsg") %>");
|
||||
$("#btn_close").trigger("click");
|
||||
},
|
||||
error:function(e){
|
||||
alert(e.responseText);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$("#btn_close").click(function(){
|
||||
window.close();
|
||||
});
|
||||
|
||||
$("#btn_delete").click(function(){
|
||||
if(confirm("<%= localeMessage.getString("common.confirmMsg")%> \n템플릿을 삭제하면 해당 메세지 전송이 불가합니다.")){
|
||||
|
||||
var postData = $('#ajaxForm').serializeArray();
|
||||
postData.push({ name: "cmd" , value:"DELETE"});
|
||||
$.ajax({
|
||||
type : "POST",
|
||||
url:url,
|
||||
data:postData,
|
||||
success:function(args){
|
||||
alert("<%= localeMessage.getString("common.deleteMsg") %>");
|
||||
$("#btn_close").trigger("click");
|
||||
},
|
||||
error:function(e){
|
||||
alert(e.responseText);
|
||||
}
|
||||
});
|
||||
} else{
|
||||
return false;
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="popup_box">
|
||||
<div class="search_wrap">
|
||||
<button type="button" class="cssbtn" id="btn_modify" level="W" status="DETAIL,NEW"><i class="material-icons">save</i> <%= localeMessage.getString("button.modify") %></button>
|
||||
<button type="button" class="cssbtn" id="btn_delete" level="W" status="DETAIL"><i class="material-icons">delete</i> <%= localeMessage.getString("button.delete") %></button>
|
||||
<button type="button" class="cssbtn" id="btn_close" level="R"><i class="material-icons">cancel</i> <%= localeMessage.getString("button.close") %></button>
|
||||
</div>
|
||||
<div class="title" id ="title"><%= localeMessage.getString("messageTemplate.titlePopup") %></div>
|
||||
|
||||
<form id="ajaxForm">
|
||||
<input type="hidden" name="id">
|
||||
<table class="table_row" cellspacing="0">
|
||||
<tr>
|
||||
<th><%= localeMessage.getString("messageTemplate.messageCode") %> <font color="red"> *</font></th>
|
||||
<td><input type="text" name="messageCode" data-required data-warning="메세지 코드는 필수입니다"/></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th><%= localeMessage.getString("messageTemplate.messageName") %> <font color="red"> *</font></th>
|
||||
<td><input type="text" name="messageName" data-required data-warning="메세지 제목은 필수입니다"/></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th><%= localeMessage.getString("messageTemplate.subjectTemplate") %></th>
|
||||
<td><input type="text" name="subjectTemplate" id ="subjectTemplate" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th><%= localeMessage.getString("messageTemplate.enableSms") %> </th>
|
||||
<td>
|
||||
<input type="checkbox" class="form-check-input enableCheckbox" name="enableSms"/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th><%= localeMessage.getString("messageTemplate.smsTemplate") %></th>
|
||||
<td><textarea id="smsTemplate" name="smsTemplate" style="width:100%;height:100px" ></textarea></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th><%= localeMessage.getString("messageTemplate.enableEmail") %> </th>
|
||||
<td>
|
||||
<input type="checkbox" class="form-check-input enableCheckbox" name="enableEmail"/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th><%= localeMessage.getString("messageTemplate.emailTemplate") %></th>
|
||||
<td><textarea id="emailTemplate" name="emailTemplate" style="width:100%;height:100px" ></textarea></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th><%= localeMessage.getString("messageTemplate.enableMessenger") %> </th>
|
||||
<td>
|
||||
<input type="checkbox" class="form-check-input enableCheckbox" name="enableMessenger"/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th><%= localeMessage.getString("messageTemplate.messengerTemplate") %></th>
|
||||
<td><textarea id="messengerTemplate" name="messengerTemplate" style="width:100%;height:100px" ></textarea></td>
|
||||
</tr>
|
||||
</table>
|
||||
</form>
|
||||
|
||||
</div><!-- end popup_box -->
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user