|
|
@ -37,8 +37,14 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<h3 id="currentOtpt--${pageName}" class="bg-lighter" style="min-height:30px;">
|
|
|
|
<div class="d-flex justify-content-between">
|
|
|
|
</h3>
|
|
|
|
<span id="currentOtpt--${pageName}" class="bg-lighter h3" style="min-height:30px;">
|
|
|
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
<form id="frmGlobalEdit--${pageName}">
|
|
|
|
|
|
|
|
<span id="otptGlobalStng--${pageName}">
|
|
|
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
</form>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="row mb-3 justify-content-start">
|
|
|
|
<div class="row mb-3 justify-content-start">
|
|
|
|
<div class="col-md-12">
|
|
|
|
<div class="col-md-12">
|
|
|
@ -210,21 +216,52 @@
|
|
|
|
</tr>
|
|
|
|
</tr>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
<template id="dropdownTemplate--${pageNmae}">
|
|
|
|
<template id="dropdownTemplate--${pageName}">
|
|
|
|
<li><a class="dropdown-item" onclick="{onclick}">{DSCRP}</a></li>
|
|
|
|
<li><a class="dropdown-item" onclick="{onclick}">{DSCRP}</a></li>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<template id="foldLinePstnTemplate--${pageName}">
|
|
|
|
|
|
|
|
<span class="px-2">
|
|
|
|
|
|
|
|
<label class="col-form-label bg-lighter px-2">접는선 위치</label>
|
|
|
|
|
|
|
|
<label>
|
|
|
|
|
|
|
|
<input type="radio" name="foldLinePstnSeCd" value="">
|
|
|
|
|
|
|
|
미표시
|
|
|
|
|
|
|
|
</label>
|
|
|
|
|
|
|
|
<c:forEach items="${FIM080List}" var="item">
|
|
|
|
|
|
|
|
<label>
|
|
|
|
|
|
|
|
<input type="radio" name="foldLinePstnSeCd" value="${item.code}">
|
|
|
|
|
|
|
|
${item.value}
|
|
|
|
|
|
|
|
</label>
|
|
|
|
|
|
|
|
</c:forEach>
|
|
|
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<template id="bcrnTemplate--${pageName}">
|
|
|
|
|
|
|
|
<span class="px-2">
|
|
|
|
|
|
|
|
<label class="col-form-label bg-lighter px-2">배경이미지</label>
|
|
|
|
|
|
|
|
<button type="button">배경이미지</button>
|
|
|
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<template id="photoCntTemplate--${pageName}">
|
|
|
|
|
|
|
|
<span class="px-2">
|
|
|
|
|
|
|
|
<label class="col-form-label bg-lighter px-2">사진 출력</label>
|
|
|
|
|
|
|
|
<input type="text" name="otptPhotoCnt" class="form-control w-px-50" /> 장
|
|
|
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
<script>
|
|
|
|
var FIM054 = new CommonCodes(${FIM054});
|
|
|
|
var FIM054 = new CommonCodes(${FIM054});
|
|
|
|
var FIM047 = new CommonCodes(${FIM047});
|
|
|
|
var FIM047 = new CommonCodes(${FIM047});
|
|
|
|
var FIM078 = new CommonCodes(${FIM078});
|
|
|
|
var FIM078 = new CommonCodes(${FIM078});
|
|
|
|
|
|
|
|
var FIM080 = new CommonCodes(${FIM080});
|
|
|
|
|
|
|
|
|
|
|
|
pageObject["${pageName}"] = {};
|
|
|
|
pageObject["${pageName}"] = {};
|
|
|
|
|
|
|
|
|
|
|
|
$(document).ready(function(){
|
|
|
|
$(document).ready(function(){
|
|
|
|
|
|
|
|
|
|
|
|
var $P = pageObject["${pageName}"];
|
|
|
|
var $P = pageObject["${pageName}"];
|
|
|
|
|
|
|
|
$P.otptGlobalStng = {};
|
|
|
|
$P.otptArtclStngMap = {};
|
|
|
|
$P.otptArtclStngMap = {};
|
|
|
|
|
|
|
|
|
|
|
|
$("#btnSave--${pageName}").attr("disabled","disabled");
|
|
|
|
$("#btnSave--${pageName}").attr("disabled","disabled");
|
|
|
@ -246,6 +283,8 @@ $(document).ready(function(){
|
|
|
|
$("#btnUniqueDel--${pageName}").removeAttr("disabled");
|
|
|
|
$("#btnUniqueDel--${pageName}").removeAttr("disabled");
|
|
|
|
$("#btnMultipleAdd--${pageName}").removeAttr("disabled");
|
|
|
|
$("#btnMultipleAdd--${pageName}").removeAttr("disabled");
|
|
|
|
$("#btnMultipleDel--${pageName}").removeAttr("disabled");
|
|
|
|
$("#btnMultipleDel--${pageName}").removeAttr("disabled");
|
|
|
|
|
|
|
|
$("#currentOtpt--${pageName}").text("");
|
|
|
|
|
|
|
|
$("#otptGlobalStng--${pageName}").html("");
|
|
|
|
$("#tbodyUnique--${pageName}").html("");
|
|
|
|
$("#tbodyUnique--${pageName}").html("");
|
|
|
|
$("#tbodyMultiple--${pageName}").html("");
|
|
|
|
$("#tbodyMultiple--${pageName}").html("");
|
|
|
|
|
|
|
|
|
|
|
@ -255,12 +294,19 @@ $(document).ready(function(){
|
|
|
|
$("#frmEdit--${pageName}").find("[name='paperSeCd']").val(query.paperSeCd);
|
|
|
|
$("#frmEdit--${pageName}").find("[name='paperSeCd']").val(query.paperSeCd);
|
|
|
|
|
|
|
|
|
|
|
|
$("#currentOtpt--${pageName}").text(resp.otptStngTitle);
|
|
|
|
$("#currentOtpt--${pageName}").text(resp.otptStngTitle);
|
|
|
|
|
|
|
|
if(resp.otptGlobalStng != null){
|
|
|
|
|
|
|
|
$P.otptGlobalStng = resp.otptGlobalStng;
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
$P.otptGlobalStng = {};
|
|
|
|
|
|
|
|
}
|
|
|
|
$P.otptArtclStngMap = resp.otptArtclStngMap;
|
|
|
|
$P.otptArtclStngMap = resp.otptArtclStngMap;
|
|
|
|
|
|
|
|
|
|
|
|
$P.renderOtptStngGrid("tbodyUnique--${pageName}",
|
|
|
|
$P.renderOtptGlobalStng($P.otptGlobalStng);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$P.renderOtptArtclStngGrid("tbodyUnique--${pageName}",
|
|
|
|
$P.otptArtclStngMap.unique.prototypeList,
|
|
|
|
$P.otptArtclStngMap.unique.prototypeList,
|
|
|
|
$P.otptArtclStngMap.unique.dataList);
|
|
|
|
$P.otptArtclStngMap.unique.dataList);
|
|
|
|
$P.renderOtptStngGrid("tbodyMultiple--${pageName}",
|
|
|
|
$P.renderOtptArtclStngGrid("tbodyMultiple--${pageName}",
|
|
|
|
$P.otptArtclStngMap.multiple.prototypeList,
|
|
|
|
$P.otptArtclStngMap.multiple.prototypeList,
|
|
|
|
$P.otptArtclStngMap.multiple.dataList);
|
|
|
|
$P.otptArtclStngMap.multiple.dataList);
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -268,7 +314,29 @@ $(document).ready(function(){
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
$P.renderOtptStngGrid = (tbodyId, prototypeList, dataList) => {
|
|
|
|
//출력 전역 설정 렌더링
|
|
|
|
|
|
|
|
$P.renderOtptGlobalStng = (otptGlobalStng) => {
|
|
|
|
|
|
|
|
var paperSeCd = $("#frmEdit--${pageName}").find("[name='paperSeCd']").val();
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if(paperSeCd == "01"){
|
|
|
|
|
|
|
|
$("#otptGlobalStng--${pageName}").append(document.getElementById("foldLinePstnTemplate--${pageName}").innerHTML);
|
|
|
|
|
|
|
|
if(otptGlobalStng.foldLinePstnSeCd == null){
|
|
|
|
|
|
|
|
otptGlobalStng.foldLinePstnSeCd = "";
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$("#frmGlobalEdit--${pageName}")
|
|
|
|
|
|
|
|
.find(":radio[name='foldLinePstnSeCd']")
|
|
|
|
|
|
|
|
.filter("[value='"+otptGlobalStng.foldLinePstnSeCd+"']")
|
|
|
|
|
|
|
|
.prop("checked", true);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$("#otptGlobalStng--${pageName}").append(document.getElementById("bcrnTemplate--${pageName}").innerHTML);
|
|
|
|
|
|
|
|
$("#otptGlobalStng--${pageName}").append(document.getElementById("photoCntTemplate--${pageName}").innerHTML);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//출력 요소 그리드 렌더링
|
|
|
|
|
|
|
|
$P.renderOtptArtclStngGrid = (tbodyId, prototypeList, dataList) => {
|
|
|
|
|
|
|
|
|
|
|
|
var components = "<option value='' data-component-type=''>선택</option>";
|
|
|
|
var components = "<option value='' data-component-type=''>선택</option>";
|
|
|
|
|
|
|
|
|
|
|
@ -336,7 +404,8 @@ $(document).ready(function(){
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
var rowSpinButtons = $(this).find("td[data-col='otptArtclOrdr']").find("button");
|
|
|
|
var rowSpinButtons = $(this).find("td[data-col='otptArtclOrdr']").find("button");
|
|
|
|
fnMakeRowSpinner(this,rowSpinButtons[0],rowSpinButtons[1],document.getElementById(scrollDiv));
|
|
|
|
|
|
|
|
|
|
|
|
fnMakeRowSpinner(this,rowSpinButtons[0],rowSpinButtons[1],document.getElementById(scrollDiv), $P.validForBackground);
|
|
|
|
});
|
|
|
|
});
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
@ -381,7 +450,7 @@ $(document).ready(function(){
|
|
|
|
|
|
|
|
|
|
|
|
var selectableArr = prototypeList.filter(item => existArr.indexOf(item.otptArtclNm) == -1);
|
|
|
|
var selectableArr = prototypeList.filter(item => existArr.indexOf(item.otptArtclNm) == -1);
|
|
|
|
|
|
|
|
|
|
|
|
var template = document.getElementById("dropdownTemplate--${pageNmae}");
|
|
|
|
var template = document.getElementById("dropdownTemplate--${pageName}");
|
|
|
|
|
|
|
|
|
|
|
|
if(selectableArr.length < 1){
|
|
|
|
if(selectableArr.length < 1){
|
|
|
|
var li = template.innerHTML;
|
|
|
|
var li = template.innerHTML;
|
|
|
@ -435,7 +504,7 @@ $(document).ready(function(){
|
|
|
|
scrollDiv = "scrollMultiple--${pageName}";
|
|
|
|
scrollDiv = "scrollMultiple--${pageName}";
|
|
|
|
}
|
|
|
|
}
|
|
|
|
var rowSpinButtons = $(lastTr).find("td[data-col='otptArtclOrdr']").find("button");
|
|
|
|
var rowSpinButtons = $(lastTr).find("td[data-col='otptArtclOrdr']").find("button");
|
|
|
|
fnMakeRowSpinner(lastTr,rowSpinButtons[0],rowSpinButtons[1],document.getElementById(scrollDiv));
|
|
|
|
fnMakeRowSpinner(lastTr,rowSpinButtons[0],rowSpinButtons[1],document.getElementById(scrollDiv), $P.validForBackground);
|
|
|
|
|
|
|
|
|
|
|
|
if(otptArtclNm != null && otptArtclNm != ""){
|
|
|
|
if(otptArtclNm != null && otptArtclNm != ""){
|
|
|
|
|
|
|
|
|
|
|
@ -482,6 +551,13 @@ $(document).ready(function(){
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
$("#scrollMultiple--${pageName}").scrollTop($("#scrollMultiple--${pageName}")[0].scrollHeight);
|
|
|
|
$("#scrollMultiple--${pageName}").scrollTop($("#scrollMultiple--${pageName}")[0].scrollHeight);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if(otptArtclNm == "background"){ //배경이미지 순서 보정
|
|
|
|
|
|
|
|
if($("#tbodyUnique--${pageName}").find("tr").length >= 2){
|
|
|
|
|
|
|
|
$("#tbodyUnique--${pageName}").find("tr").eq(0).before(lastTr);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
//행 삭제
|
|
|
|
//행 삭제
|
|
|
@ -658,6 +734,23 @@ $(document).ready(function(){
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$P.validForBackground = (eventInfo) => {
|
|
|
|
|
|
|
|
if(eventInfo.clickedButtonType == "up"){
|
|
|
|
|
|
|
|
if($P.fnGetElement(eventInfo.siblingRow,"otptArtclNm").value == "background"){
|
|
|
|
|
|
|
|
alert("배경이미지 순서는 변경할 수 없습니다.");
|
|
|
|
|
|
|
|
return false;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
if(eventInfo.clickedButtonType == "down"){
|
|
|
|
|
|
|
|
if($P.fnGetElement(eventInfo.currentRow,"otptArtclNm").value == "background"){
|
|
|
|
|
|
|
|
alert("배경이미지 순서는 변경할 수 없습니다.");
|
|
|
|
|
|
|
|
return false;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
return true;
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
$("#theadUnique--${pageName}").html($("#theadTr--${pageName}")[0].innerHTML);
|
|
|
|
$("#theadUnique--${pageName}").html($("#theadTr--${pageName}")[0].innerHTML);
|
|
|
|
$("#theadMultiple--${pageName}").html($("#theadTr--${pageName}")[0].innerHTML);
|
|
|
|
$("#theadMultiple--${pageName}").html($("#theadTr--${pageName}")[0].innerHTML);
|
|
|
|
|
|
|
|
|
|
|
|