|
|
@ -121,8 +121,9 @@
|
|
|
|
<th style="width:110px">영역(좌우)</th>
|
|
|
|
<th style="width:110px">영역(좌우)</th>
|
|
|
|
<th style="width:110px">영역(상하)</th>
|
|
|
|
<th style="width:110px">영역(상하)</th>
|
|
|
|
<th style="width:140px">텍스트정렬</th>
|
|
|
|
<th style="width:140px">텍스트정렬</th>
|
|
|
|
<th style="width:110px">글꼴</th>
|
|
|
|
<th style="width:70px">줄바꿈</th>
|
|
|
|
<th style="width:110px">글자크기</th>
|
|
|
|
<th style="width:100px">글꼴</th>
|
|
|
|
|
|
|
|
<th style="width:80px">글자크기</th>
|
|
|
|
<th style="width:80px">글자색</th>
|
|
|
|
<th style="width:80px">글자색</th>
|
|
|
|
<th style="width:110px">글자스타일</th>
|
|
|
|
<th style="width:110px">글자스타일</th>
|
|
|
|
<th class="dummy-th"></th>
|
|
|
|
<th class="dummy-th"></th>
|
|
|
@ -137,7 +138,7 @@
|
|
|
|
<button type="button">▼</button>
|
|
|
|
<button type="button">▼</button>
|
|
|
|
</td>
|
|
|
|
</td>
|
|
|
|
<td data-col="checkbox" class="text-center">
|
|
|
|
<td data-col="checkbox" class="text-center">
|
|
|
|
<input type="checkbox" class="form-check-input" />
|
|
|
|
<input type="checkbox" name="del" class="form-check-input" />
|
|
|
|
</td>
|
|
|
|
</td>
|
|
|
|
<td data-col="otptArtclNm" class="text-center">
|
|
|
|
<td data-col="otptArtclNm" class="text-center">
|
|
|
|
<select class="form-select" onchange="pageObject['${pageName}'].fnChangeComponent(this);">
|
|
|
|
<select class="form-select" onchange="pageObject['${pageName}'].fnChangeComponent(this);">
|
|
|
@ -168,8 +169,11 @@
|
|
|
|
</select>
|
|
|
|
</select>
|
|
|
|
<button type="button" class="btn btn-xs btn-outline-dark h-px-25 px-1">▶</button>
|
|
|
|
<button type="button" class="btn btn-xs btn-outline-dark h-px-25 px-1">▶</button>
|
|
|
|
</td>
|
|
|
|
</td>
|
|
|
|
|
|
|
|
<td data-col="lineChgYn" class="text-center">
|
|
|
|
|
|
|
|
<input type="checkbox" value="Y" class="form-check-input" />
|
|
|
|
|
|
|
|
</td>
|
|
|
|
<td data-col="fontNm" class="text-center">
|
|
|
|
<td data-col="fontNm" class="text-center">
|
|
|
|
<select class="form-select no-bgi">
|
|
|
|
<select class="form-select no-bgi w-automin">
|
|
|
|
<option value="gulimche">굴림체</option>
|
|
|
|
<option value="gulimche">굴림체</option>
|
|
|
|
<option value="gulim">굴림</option>
|
|
|
|
<option value="gulim">굴림</option>
|
|
|
|
<option value="batangche">바탕체</option>
|
|
|
|
<option value="batangche">바탕체</option>
|
|
|
@ -181,7 +185,7 @@
|
|
|
|
</select>
|
|
|
|
</select>
|
|
|
|
</td>
|
|
|
|
</td>
|
|
|
|
<td data-col="fontSz" class="text-center">
|
|
|
|
<td data-col="fontSz" class="text-center">
|
|
|
|
<input type="number" class="form-control w-px-90" min="8" max="25" />
|
|
|
|
<input type="number" class="form-control w-px-60" min="8" max="25" />
|
|
|
|
</td>
|
|
|
|
</td>
|
|
|
|
<td data-col="fontColor" class="text-center">
|
|
|
|
<td data-col="fontColor" class="text-center">
|
|
|
|
<select class="form-select no-bgi w-automin">
|
|
|
|
<select class="form-select no-bgi w-automin">
|
|
|
@ -344,9 +348,11 @@ $(document).ready(function(){
|
|
|
|
$("#otptGlobalStng--${pageName}").append(document.getElementById("bcrnTemplate--${pageName}").innerHTML);
|
|
|
|
$("#otptGlobalStng--${pageName}").append(document.getElementById("bcrnTemplate--${pageName}").innerHTML);
|
|
|
|
if(otptGlobalStng.BCRN_IMG_PATH == null || otptGlobalStng.BCRN_IMG_PATH == ""){
|
|
|
|
if(otptGlobalStng.BCRN_IMG_PATH == null || otptGlobalStng.BCRN_IMG_PATH == ""){
|
|
|
|
$("#fileStatus--${pageName}").text("없음");
|
|
|
|
$("#fileStatus--${pageName}").text("없음");
|
|
|
|
|
|
|
|
$("#fileStatus--${pageName}").attr("title","");
|
|
|
|
$("#btnBgDown--${pageName}").attr("hidden","hidden");
|
|
|
|
$("#btnBgDown--${pageName}").attr("hidden","hidden");
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
$("#fileStatus--${pageName}").text(otptGlobalStng.BCRN_IMG_FILE_NM);
|
|
|
|
$("#fileStatus--${pageName}").text("있음");
|
|
|
|
|
|
|
|
$("#fileStatus--${pageName}").attr("title",otptGlobalStng.BCRN_IMG_FILE_NM);
|
|
|
|
$("#btnBgDown--${pageName}").removeAttr("hidden");
|
|
|
|
$("#btnBgDown--${pageName}").removeAttr("hidden");
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
@ -396,6 +402,8 @@ $(document).ready(function(){
|
|
|
|
|
|
|
|
|
|
|
|
$($P.fnGetElement(lastTr,"textSort"))
|
|
|
|
$($P.fnGetElement(lastTr,"textSort"))
|
|
|
|
.set(!isEmpty(data.TEXT_SORT) ? data.TEXT_SORT : $P.fnGetProto(prototypeList, data.OTPT_ARTCL_NM, "textSort"));
|
|
|
|
.set(!isEmpty(data.TEXT_SORT) ? data.TEXT_SORT : $P.fnGetProto(prototypeList, data.OTPT_ARTCL_NM, "textSort"));
|
|
|
|
|
|
|
|
$($P.fnGetElement(lastTr,"lineChgYn"))
|
|
|
|
|
|
|
|
.set(!isEmpty(data.LINE_CHG_YN) ? data.LINE_CHG_YN : $P.fnGetProto(prototypeList, data.OTPT_ARTCL_NM, "lineChgYn"));
|
|
|
|
$($P.fnGetElement(lastTr,"fontNm"))
|
|
|
|
$($P.fnGetElement(lastTr,"fontNm"))
|
|
|
|
.set(!isEmpty(data.FONT_NM) ? data.FONT_NM : $P.fnGetProto(prototypeList, data.OTPT_ARTCL_NM, "fontNm"));
|
|
|
|
.set(!isEmpty(data.FONT_NM) ? data.FONT_NM : $P.fnGetProto(prototypeList, data.OTPT_ARTCL_NM, "fontNm"));
|
|
|
|
$($P.fnGetElement(lastTr,"fontSz"))
|
|
|
|
$($P.fnGetElement(lastTr,"fontSz"))
|
|
|
@ -467,7 +475,7 @@ $(document).ready(function(){
|
|
|
|
var prototypeList = $P.otptArtclStngMap.unique.prototypeList;
|
|
|
|
var prototypeList = $P.otptArtclStngMap.unique.prototypeList;
|
|
|
|
var existArr = [];
|
|
|
|
var existArr = [];
|
|
|
|
|
|
|
|
|
|
|
|
$("#tbodyUnique--sprt01200-main tr").each(function(){
|
|
|
|
$("#tbodyUnique--${pageName} tr").each(function(){
|
|
|
|
var el = $P.fnGetElement(this,"otptArtclNm");
|
|
|
|
var el = $P.fnGetElement(this,"otptArtclNm");
|
|
|
|
existArr.push($(el).val());
|
|
|
|
existArr.push($(el).val());
|
|
|
|
});
|
|
|
|
});
|
|
|
@ -548,6 +556,8 @@ $(document).ready(function(){
|
|
|
|
|
|
|
|
|
|
|
|
$($P.fnGetElement(lastTr,"textSort"))
|
|
|
|
$($P.fnGetElement(lastTr,"textSort"))
|
|
|
|
.set($P.fnGetProto(prototypeList, otptArtclNm, "textSort"));
|
|
|
|
.set($P.fnGetProto(prototypeList, otptArtclNm, "textSort"));
|
|
|
|
|
|
|
|
$($P.fnGetElement(lastTr,"lineChgYn"))
|
|
|
|
|
|
|
|
.set($P.fnGetProto(prototypeList, otptArtclNm, "lineChgYn"));
|
|
|
|
$($P.fnGetElement(lastTr,"fontNm"))
|
|
|
|
$($P.fnGetElement(lastTr,"fontNm"))
|
|
|
|
.set($P.fnGetProto(prototypeList, otptArtclNm, "fontNm"));
|
|
|
|
.set($P.fnGetProto(prototypeList, otptArtclNm, "fontNm"));
|
|
|
|
$($P.fnGetElement(lastTr,"fontSz"))
|
|
|
|
$($P.fnGetElement(lastTr,"fontSz"))
|
|
|
@ -592,13 +602,13 @@ $(document).ready(function(){
|
|
|
|
return;
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
if($("#"+tbodyId).find("input[type='checkbox']:checked").length <= 0){
|
|
|
|
if($("#"+tbodyId).find("input[name='del'][type='checkbox']:checked").length <= 0){
|
|
|
|
alert('체크된 항목이 없습니다.');
|
|
|
|
alert('체크된 항목이 없습니다.');
|
|
|
|
return;
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
$("#"+tbodyId).find("tr").filter(function(index, selector){
|
|
|
|
$("#"+tbodyId).find("tr").filter(function(index, selector){
|
|
|
|
if($(selector).find(":checkbox").is(":checked")){
|
|
|
|
if($(selector).find("input[name='del'][type='checkbox']").is(":checked")){
|
|
|
|
$(selector).remove();
|
|
|
|
$(selector).remove();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
});
|
|
|
@ -615,27 +625,30 @@ $(document).ready(function(){
|
|
|
|
var prototypeList = $P.otptArtclStngMap.multiple.prototypeList;
|
|
|
|
var prototypeList = $P.otptArtclStngMap.multiple.prototypeList;
|
|
|
|
|
|
|
|
|
|
|
|
$($P.fnGetElement(tr,"componentType"))
|
|
|
|
$($P.fnGetElement(tr,"componentType"))
|
|
|
|
.val($P.fnGetProto(prototypeList, otptArtclNm, "componentType"));
|
|
|
|
.set($P.fnGetProto(prototypeList, otptArtclNm, "componentType"));
|
|
|
|
|
|
|
|
|
|
|
|
$($P.fnGetElement(tr,"leftPstn"))
|
|
|
|
$($P.fnGetElement(tr,"leftPstn"))
|
|
|
|
.val($P.fnGetProto(prototypeList, otptArtclNm, "leftPstn"));
|
|
|
|
.set($P.fnGetProto(prototypeList, otptArtclNm, "leftPstn"));
|
|
|
|
$($P.fnGetElement(tr,"topPstn"))
|
|
|
|
$($P.fnGetElement(tr,"topPstn"))
|
|
|
|
.val($P.fnGetProto(prototypeList, otptArtclNm, "topPstn"));
|
|
|
|
.set($P.fnGetProto(prototypeList, otptArtclNm, "topPstn"));
|
|
|
|
$($P.fnGetElement(tr,"widthSz"))
|
|
|
|
$($P.fnGetElement(tr,"widthSz"))
|
|
|
|
.val($P.fnGetProto(prototypeList, otptArtclNm, "widthSz"));
|
|
|
|
.set($P.fnGetProto(prototypeList, otptArtclNm, "widthSz"));
|
|
|
|
$($P.fnGetElement(tr,"heightSz"))
|
|
|
|
$($P.fnGetElement(tr,"heightSz"))
|
|
|
|
.val($P.fnGetProto(prototypeList, otptArtclNm, "heightSz"));
|
|
|
|
.set($P.fnGetProto(prototypeList, otptArtclNm, "heightSz"));
|
|
|
|
|
|
|
|
|
|
|
|
$($P.fnGetElement(tr,"textSort"))
|
|
|
|
$($P.fnGetElement(tr,"textSort"))
|
|
|
|
.val($P.fnGetProto(prototypeList, otptArtclNm, "textSort"));
|
|
|
|
.set($P.fnGetProto(prototypeList, otptArtclNm, "textSort"));
|
|
|
|
|
|
|
|
$($P.fnGetElement(tr,"lineChgYn"))
|
|
|
|
|
|
|
|
.set($P.fnGetProto(prototypeList, otptArtclNm, "lineChgYn"));
|
|
|
|
|
|
|
|
|
|
|
|
$($P.fnGetElement(tr,"fontNm"))
|
|
|
|
$($P.fnGetElement(tr,"fontNm"))
|
|
|
|
.val($P.fnGetProto(prototypeList, otptArtclNm, "fontNm"));
|
|
|
|
.set($P.fnGetProto(prototypeList, otptArtclNm, "fontNm"));
|
|
|
|
$($P.fnGetElement(tr,"fontSz"))
|
|
|
|
$($P.fnGetElement(tr,"fontSz"))
|
|
|
|
.val($P.fnGetProto(prototypeList, otptArtclNm, "fontSz"));
|
|
|
|
.set($P.fnGetProto(prototypeList, otptArtclNm, "fontSz"));
|
|
|
|
$($P.fnGetElement(tr,"fontColor"))
|
|
|
|
$($P.fnGetElement(tr,"fontColor"))
|
|
|
|
.val($P.fnGetProto(prototypeList, otptArtclNm, "fontColor"));
|
|
|
|
.set($P.fnGetProto(prototypeList, otptArtclNm, "fontColor"));
|
|
|
|
$($P.fnGetElement(tr,"fontStyle"))
|
|
|
|
$($P.fnGetElement(tr,"fontStyle"))
|
|
|
|
.val($P.fnGetProto(prototypeList, otptArtclNm, "fontStyle"));
|
|
|
|
.set($P.fnGetProto(prototypeList, otptArtclNm, "fontStyle"));
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
@ -651,7 +664,16 @@ $(document).ready(function(){
|
|
|
|
row.topPstn = $($P.fnGetElement(this,"topPstn")).val();
|
|
|
|
row.topPstn = $($P.fnGetElement(this,"topPstn")).val();
|
|
|
|
row.widthSz = $($P.fnGetElement(this,"widthSz")).val();
|
|
|
|
row.widthSz = $($P.fnGetElement(this,"widthSz")).val();
|
|
|
|
row.heightSz = $($P.fnGetElement(this,"heightSz")).val();
|
|
|
|
row.heightSz = $($P.fnGetElement(this,"heightSz")).val();
|
|
|
|
|
|
|
|
|
|
|
|
row.textSort = $($P.fnGetElement(this,"textSort")).val();
|
|
|
|
row.textSort = $($P.fnGetElement(this,"textSort")).val();
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var lineChgYnEl = $P.fnGetElement(this,"lineChgYn");
|
|
|
|
|
|
|
|
if($(lineChgYnEl).is(":checked")){
|
|
|
|
|
|
|
|
row.lineChgYn = "Y";
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
row.lineChgYn = "N";
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
row.fontNm = $($P.fnGetElement(this,"fontNm")).val();
|
|
|
|
row.fontNm = $($P.fnGetElement(this,"fontNm")).val();
|
|
|
|
row.fontSz = $($P.fnGetElement(this,"fontSz")).val();
|
|
|
|
row.fontSz = $($P.fnGetElement(this,"fontSz")).val();
|
|
|
|
row.fontColor = $($P.fnGetElement(this,"fontColor")).val();
|
|
|
|
row.fontColor = $($P.fnGetElement(this,"fontColor")).val();
|
|
|
@ -673,7 +695,7 @@ $(document).ready(function(){
|
|
|
|
$P.fnSave = () => {
|
|
|
|
$P.fnSave = () => {
|
|
|
|
|
|
|
|
|
|
|
|
//출력물 전역설정
|
|
|
|
//출력물 전역설정
|
|
|
|
var formData = new FormData(document.getElementById("frmEdit--sprt01200-main"));
|
|
|
|
var formData = new FormData(document.getElementById("frmEdit--${pageName}"));
|
|
|
|
|
|
|
|
|
|
|
|
//출력 요소 설정
|
|
|
|
//출력 요소 설정
|
|
|
|
var rowArr1 = $P.getRowData("tbodyUnique--${pageName}", formData);
|
|
|
|
var rowArr1 = $P.getRowData("tbodyUnique--${pageName}", formData);
|
|
|
@ -784,14 +806,17 @@ $(document).ready(function(){
|
|
|
|
$P.fnBgUpload = (fileElement) => {
|
|
|
|
$P.fnBgUpload = (fileElement) => {
|
|
|
|
if(fileElement.files == null || fileElement.files.length == 0){
|
|
|
|
if(fileElement.files == null || fileElement.files.length == 0){
|
|
|
|
if($P.otptGlobalStng.BCRN_IMG_PATH == null || $P.otptGlobalStng.BCRN_IMG_PATH == ""){
|
|
|
|
if($P.otptGlobalStng.BCRN_IMG_PATH == null || $P.otptGlobalStng.BCRN_IMG_PATH == ""){
|
|
|
|
$("#fileStatus--sprt01200-main").text("없음");
|
|
|
|
$("#fileStatus--${pageName}").text("없음");
|
|
|
|
|
|
|
|
$("#fileStatus--${pageName}").attr("title","");
|
|
|
|
$("#btnBgDown--${pageName}").attr("hidden","hidden");
|
|
|
|
$("#btnBgDown--${pageName}").attr("hidden","hidden");
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
$("#fileStatus--sprt01200-main").text($P.otptGlobalStng.BCRN_IMG_FILE_NM);
|
|
|
|
$("#fileStatus--${pageName}").text("있음");
|
|
|
|
|
|
|
|
$("#fileStatus--${pageName}").attr("title", $P.otptGlobalStng.BCRN_IMG_FILE_NM);
|
|
|
|
$("#btnBgDown--${pageName}").removeAttr("hidden");
|
|
|
|
$("#btnBgDown--${pageName}").removeAttr("hidden");
|
|
|
|
}
|
|
|
|
}
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
$("#fileStatus--sprt01200-main").text("이미지 변경됨");
|
|
|
|
$("#fileStatus--${pageName}").text("이미지 변경됨");
|
|
|
|
|
|
|
|
$("#fileStatus--${pageName}").attr("title","");
|
|
|
|
$("#btnBgDown--${pageName}").attr("hidden","hidden");
|
|
|
|
$("#btnBgDown--${pageName}").attr("hidden","hidden");
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|