|
|
|
|
@ -1,16 +1,16 @@
|
|
|
|
|
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%>
|
|
|
|
|
<%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
|
|
|
|
|
<form id="frmEdit--${pageName}">
|
|
|
|
|
<span data-doctx="${pageName}">
|
|
|
|
|
<form name="frmEdit">
|
|
|
|
|
<div class="d-flex flex-row justify-content-evenly">
|
|
|
|
|
<div class="card" style="width:500px;">
|
|
|
|
|
<h3>시군구 백업</h3>
|
|
|
|
|
|
|
|
|
|
<div class="card-datatable text-nowrap">
|
|
|
|
|
<div id="backupSgg-DataTables_Table_0_wrapper--${pageName}" class="dataTables_wrapper dt-bootstrap5 no-footer">
|
|
|
|
|
<div id="backupSgg-table-responsive--${pageName}" class="table-responsive"
|
|
|
|
|
<div class="dataTables_wrapper dt-bootstrap5 no-footer">
|
|
|
|
|
<div class="table-responsive"
|
|
|
|
|
style="overflow-x: scroll;height:500px;overflow-y: scroll;">
|
|
|
|
|
<table id="backupSgg-DataTables_Table_0--${pageName}"
|
|
|
|
|
class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
|
|
|
|
|
<table class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
|
|
|
|
|
<thead class="sticky-thead">
|
|
|
|
|
<tr data-key="{SGG_CD}">
|
|
|
|
|
<th style="width: 50px;"></th>
|
|
|
|
|
@ -19,7 +19,7 @@
|
|
|
|
|
<th class="cmn dummy-th"></th>
|
|
|
|
|
</tr>
|
|
|
|
|
</thead>
|
|
|
|
|
<tbody id="backupSggTbody--${pageName}">
|
|
|
|
|
<tbody name="backupSggTbody">
|
|
|
|
|
</tbody>
|
|
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|
@ -30,8 +30,8 @@
|
|
|
|
|
|
|
|
|
|
<div class="card" style="width:100px;">
|
|
|
|
|
<div style="display: flex;flex-direction: column;justify-content: space-evenly;height: 100%;">
|
|
|
|
|
<button type="button" id="btnAdd--${pageName}">추가 >></button>
|
|
|
|
|
<button type="button" id="btnDel--${pageName}"><< 삭제</button>
|
|
|
|
|
<button type="button" name="btnAdd">추가 >></button>
|
|
|
|
|
<button type="button" name="btnDel"><< 삭제</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@ -39,11 +39,10 @@
|
|
|
|
|
<h3>시군구</h3>
|
|
|
|
|
|
|
|
|
|
<div class="card-datatable text-nowrap">
|
|
|
|
|
<div id="originalSgg-DataTables_Table_0_wrapper--${pageName}" class="dataTables_wrapper dt-bootstrap5 no-footer">
|
|
|
|
|
<div id="originalSgg-table-responsive--${pageName}" class="table-responsive"
|
|
|
|
|
<div class="dataTables_wrapper dt-bootstrap5 no-footer">
|
|
|
|
|
<div class="table-responsive"
|
|
|
|
|
style="overflow-x: scroll;height:500px;overflow-y: scroll;">
|
|
|
|
|
<table id="originalSgg-DataTables_Table_0--${pageName}"
|
|
|
|
|
class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
|
|
|
|
|
<table class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
|
|
|
|
|
<thead class="sticky-thead">
|
|
|
|
|
<tr data-key="{SGG_CD}">
|
|
|
|
|
<th style="width: 50px;"></th>
|
|
|
|
|
@ -52,7 +51,7 @@
|
|
|
|
|
<th class="cmn dummy-th"></th>
|
|
|
|
|
</tr>
|
|
|
|
|
</thead>
|
|
|
|
|
<tbody id="originalSggTbody--${pageName}">
|
|
|
|
|
<tbody name="originalSggTbody">
|
|
|
|
|
</tbody>
|
|
|
|
|
|
|
|
|
|
</table>
|
|
|
|
|
@ -61,15 +60,11 @@
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</form>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<template id="sggRow--${pageName}">
|
|
|
|
|
<template name="sggRow">
|
|
|
|
|
<tr data-key="{SGG_CD}">
|
|
|
|
|
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center cmn">
|
|
|
|
|
<input type="checkbox" value="{SGG_CD}" />
|
|
|
|
|
@ -78,28 +73,30 @@
|
|
|
|
|
<td onclick="{onclick}" ondblclick="{ondblclick}" class="text-center cmn">{SGG_NM}</td>
|
|
|
|
|
<td class="dummy-td cmn"></td>
|
|
|
|
|
</tr>
|
|
|
|
|
</template>
|
|
|
|
|
<template id="sggNotFound--${pageName}">
|
|
|
|
|
</template>
|
|
|
|
|
<template name="sggNotFound">
|
|
|
|
|
<tr>
|
|
|
|
|
<td valign="top" colspan="14" class="dataTables_empty text-center">
|
|
|
|
|
정보를 찾지 못했습니다.
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
</template>
|
|
|
|
|
</span>
|
|
|
|
|
<script>
|
|
|
|
|
pageObject['${pageName}'] = {};
|
|
|
|
|
pageObject['${pageName}'] = newDoctxFinder("${pageName}");
|
|
|
|
|
|
|
|
|
|
pageObject['${pageName}'].originalDataset = new Dataset({
|
|
|
|
|
$(document).ready(function(){
|
|
|
|
|
let $P = pageObject['${pageName}'];
|
|
|
|
|
|
|
|
|
|
$P.originalDataset = new Dataset({
|
|
|
|
|
keymapper : info => info ? info.SGG_CD : ""
|
|
|
|
|
});
|
|
|
|
|
pageObject['${pageName}'].backupDataset = new Dataset({
|
|
|
|
|
});
|
|
|
|
|
$P.backupDataset = new Dataset({
|
|
|
|
|
keymapper : info => info ? info.SGG_CD : ""
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
function fnRenderBackupAndOriginal(list,tbodyId,dataset){
|
|
|
|
|
$("#"+tbodyId).html("");
|
|
|
|
|
$P.fnRenderBackupAndOriginal = (list,tbodyName, dataset) => {
|
|
|
|
|
$P.$find(tbodyName).html("");
|
|
|
|
|
|
|
|
|
|
if(list != null && list.length > 0){
|
|
|
|
|
dataset.setData(list);
|
|
|
|
|
@ -108,14 +105,14 @@ function fnRenderBackupAndOriginal(list,tbodyId,dataset){
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var empty = dataset.empty;
|
|
|
|
|
var notFound = [document.getElementById("sggNotFound--${pageName}").innerHTML];
|
|
|
|
|
var found = document.getElementById("sggRow--${pageName}").innerHTML;
|
|
|
|
|
var notFound = [$P.find("sggNotFound").innerHTML];
|
|
|
|
|
var found = $P.find("sggRow").innerHTML;
|
|
|
|
|
var replacer = (str, dataItem) => str.replace(/{onclick}/gi, "");
|
|
|
|
|
var trs = empty ? notFound : dataset.inStrings(found, replacer);
|
|
|
|
|
$("#"+tbodyId).html(trs.join());
|
|
|
|
|
}
|
|
|
|
|
$P.$find(tbodyName).html(trs.join());
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
function getBackupAndOriginalDataList(){
|
|
|
|
|
$P.getBackupAndOriginalDataList = () => {
|
|
|
|
|
ajax.get({
|
|
|
|
|
url : wctx.url("/admin/sggBackup/list.do"),
|
|
|
|
|
data : {
|
|
|
|
|
@ -125,15 +122,15 @@ function getBackupAndOriginalDataList(){
|
|
|
|
|
},
|
|
|
|
|
success : (resp) => {
|
|
|
|
|
|
|
|
|
|
fnRenderBackupAndOriginal(resp.originalDataList,"originalSggTbody--${pageName}", pageObject['${pageName}'].originalDataset);
|
|
|
|
|
fnRenderBackupAndOriginal(resp.backupDataList,"backupSggTbody--${pageName}", pageObject['${pageName}'].backupDataset);
|
|
|
|
|
$P.fnRenderBackupAndOriginal(resp.originalDataList,"originalSggTbody", $P.originalDataset);
|
|
|
|
|
$P.fnRenderBackupAndOriginal(resp.backupDataList,"backupSggTbody", $P.backupDataset);
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
$("#btnAdd--${pageName}").on("click", function(){
|
|
|
|
|
var checked = $("#backupSggTbody--${pageName}").find("input[type='checkbox']:checked");
|
|
|
|
|
$P.$find("btnAdd").on("click", function(){
|
|
|
|
|
var checked = $P.$find("backupSggTbody").find("input[type='checkbox']:checked");
|
|
|
|
|
if(checked.length < 1){
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
@ -153,14 +150,14 @@ $("#btnAdd--${pageName}").on("click", function(){
|
|
|
|
|
},
|
|
|
|
|
success : (resp) => {
|
|
|
|
|
if(resp.saved){
|
|
|
|
|
getBackupAndOriginalDataList();
|
|
|
|
|
$P.getBackupAndOriginalDataList();
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
$("#btnDel--${pageName}").on("click", function(){
|
|
|
|
|
var checked = $("#originalSggTbody--${pageName}").find("input[type='checkbox']:checked");
|
|
|
|
|
});
|
|
|
|
|
$P.$find("btnDel").on("click", function(){
|
|
|
|
|
var checked = $P.$find("originalSggTbody").find("input[type='checkbox']:checked");
|
|
|
|
|
if(checked.length < 1){
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
@ -179,14 +176,13 @@ $("#btnDel--${pageName}").on("click", function(){
|
|
|
|
|
},
|
|
|
|
|
success : (resp) => {
|
|
|
|
|
if(resp.saved){
|
|
|
|
|
getBackupAndOriginalDataList();
|
|
|
|
|
$P.getBackupAndOriginalDataList();
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
$(document).ready(function(){
|
|
|
|
|
getBackupAndOriginalDataList();
|
|
|
|
|
$P.getBackupAndOriginalDataList();
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
</script>
|
