|
|
@@ -105,9 +105,9 @@
|
|
|
<div class="uFile w300">
|
|
|
<input id="file" name="file" type="file" class="uFileInput w300"/>
|
|
|
<label for="file" class="uFileLabel">파일선택</label>
|
|
|
- <input type="hidden" name="orgTnfileNm"/>
|
|
|
- <input type="hidden" name="sysTnfileNm"/>
|
|
|
- <input type="hidden" name="newSysTnfileNm"/>
|
|
|
+ <input type="hidden" name="orgTnfileNm" value=""/>
|
|
|
+ <!--<input type="hidden" name="sysTnfileNm"/>-->
|
|
|
+ <input type="hidden" name="newSysTnfileNm" value=""/>
|
|
|
</div>
|
|
|
<input type="hidden" name="uploadDefaultUrl" id="uploadDefaultUrl" th:value="${@environment.getProperty('upload.image.view') + '/display/lookbook/thumbnail/'}"/>
|
|
|
<div id="imgView" class="off">
|
|
|
@@ -128,6 +128,7 @@
|
|
|
</div>
|
|
|
<script type="text/javascript" src="/ux/plugins/gaga/gaga.paging.js?v=2019072202"></script>
|
|
|
<script th:inline="javascript">
|
|
|
+/*<![CDATA[*/
|
|
|
var mode = [[${mode}]];
|
|
|
var lookbookMstInfo = [[${lookbookMstInfo}]];
|
|
|
var lookbookBannerList = [[${lookbookBannerList}]];
|
|
|
@@ -144,11 +145,12 @@
|
|
|
html += ' <col style="width:5%"/>';
|
|
|
html += ' </colgroup>';
|
|
|
html += ' <thead>';
|
|
|
- html += ' <tr>';
|
|
|
+ html += fnAddBannerImgRow();
|
|
|
+ /*html += ' <tr>';
|
|
|
html += ' <th>배너이미지</th>';
|
|
|
html += ' <td>';
|
|
|
html += ' <div class="uFile w300">';
|
|
|
- html += ' <input id="bannerFile'+bannerIdx+'" name="file" type="file" class="uFileInput w300" onchange="fnBannerImgFileUpload(this, ' + bannerIdx + ')"">';
|
|
|
+ html += ' <input id="bannerFile'+bannerIdx+'" name="file" type="file" class="uFileInput w300" onchange="fnBannerImgFileUpload(this, ' + bannerIdx + ');">';
|
|
|
html += ' <label for="bannerFile'+bannerIdx+'" class="uFileLabel">파일선택</label>';
|
|
|
html += ' <input type="hidden" name="bannerImgPath" value="">';
|
|
|
html += ' <input type="hidden" name="bannerNewImgFile" value="">';
|
|
|
@@ -162,7 +164,7 @@
|
|
|
html += ' <td><input name="dispOrd" type="text" class="w80" placeholder="전시순서" style="margin-left:5px; text-align:center"/>';
|
|
|
//html += ' <button type="button" class="btn btn-success btn-lg" onclick="fnAddPicker(this);">피커추가</button>';
|
|
|
html += ' <button type="button" class="btn btn-danger btn-lg" onclick="fnDeleteBanner(this);">삭제</button></td>';
|
|
|
- html += ' </tr>';
|
|
|
+ html += ' </tr>';*/
|
|
|
html += ' </thead>';
|
|
|
html += '</table>';
|
|
|
|
|
|
@@ -188,6 +190,7 @@
|
|
|
gagajf.ajaxFileUpload('/common/file/upload?subDir=/display/lookbook/banner/'
|
|
|
, file
|
|
|
, function(result) {
|
|
|
+ $(obj).closest('div').find('input:hidden[name=bannerImgPath]').val(result.oldFileName);
|
|
|
$(obj).closest('div').find('input:hidden[name=bannerNewImgFile]').val(result.newFileName);
|
|
|
$("#lbBannerForm #bannerPreViewUrl_"+idx).attr('src', $("#lbBannerForm #uploadDefaultBannerUrlPop").val()+result.newFileName);
|
|
|
$("#lbBannerForm #bannerImgView_"+idx).removeClass("off").addClass("on");
|
|
|
@@ -196,13 +199,6 @@
|
|
|
);
|
|
|
}
|
|
|
|
|
|
- var fnResetIdx = function (){
|
|
|
- $(".bannerTableC").each(function (i){
|
|
|
- $(this).attr('id','bannerTable'+i);
|
|
|
- $(this).find("input[name=dispOrd]").val(i+1);
|
|
|
- });
|
|
|
- }
|
|
|
-
|
|
|
/**
|
|
|
* 저장
|
|
|
*/
|
|
|
@@ -217,8 +213,7 @@
|
|
|
return false;
|
|
|
}
|
|
|
|
|
|
- var orgTnfileNm = $('#lbBannerForm input[name=sysTnfileNm]').val();
|
|
|
- var sysTnfileNm = $('#lbBannerForm input[name=sysTnfileNm]').val();
|
|
|
+ var orgTnfileNm = $('#lbBannerForm input[name=orgTnfileNm]').val();
|
|
|
var newSysTnfileNm = $('#lbBannerForm input[name=newSysTnfileNm]').val();
|
|
|
|
|
|
var fromDate = $('#lbBannerForm input[name=lbDispStdt]').val().replace(/[^0-9]/g, '')+$('#lbBannerForm #lbStTimeHour').val()+$('#lbBannerForm #lbStTimeMin').val()+'00';
|
|
|
@@ -252,7 +247,6 @@
|
|
|
,dispEddt : toDate
|
|
|
,dispYn : $('#lbBannerForm input[name=dispYn]:checked').val()
|
|
|
,orgTnfileNm : orgTnfileNm
|
|
|
- ,sysTnfileNm : sysTnfileNm
|
|
|
,newSysTnfileNm : newSysTnfileNm
|
|
|
,mainDispYn : 'N'
|
|
|
,dispOrd : 1
|
|
|
@@ -294,7 +288,7 @@
|
|
|
gagajf.ajaxFileUpload('/common/file/upload?subDir=/display/lookbook/thumbnail'
|
|
|
, file
|
|
|
, function(result) {
|
|
|
- $('#lbBannerForm input[name=sysTnfileNm]').val(result.oldFileName);
|
|
|
+ $('#lbBannerForm input[name=orgTnfileNm]').val(result.oldFileName);
|
|
|
$('#lbBannerForm input[name=newSysTnfileNm]').val(result.newFileName);
|
|
|
$("#lbBannerForm #bannerPreViewUrl").attr('src', $("#lbBannerForm #uploadDefaultUrl").val()+result.newFileName);
|
|
|
$("#lbBannerForm #imgView").removeClass("off").addClass("on");
|
|
|
@@ -310,34 +304,6 @@
|
|
|
}
|
|
|
});
|
|
|
|
|
|
- // 컨텐츠 추가 날짜 설정
|
|
|
- var fnCreateTimeOption = function(val, sel) {
|
|
|
- var html = '';
|
|
|
- for(var i=0; i<val; i++){
|
|
|
- var time = 0;
|
|
|
- if(i<10){
|
|
|
- time = '0'+i;
|
|
|
- }else {
|
|
|
- time = i;
|
|
|
- }
|
|
|
- var select = false;
|
|
|
- if(sel==time){
|
|
|
- select = true;
|
|
|
- }
|
|
|
- if(val==24){
|
|
|
- time += '시';
|
|
|
- }else if(val==60){
|
|
|
- time += '분';
|
|
|
- }
|
|
|
- html += '<option value="'+time+'"';
|
|
|
- if(select){
|
|
|
- html += 'selected="selected"';
|
|
|
- }
|
|
|
- html += '>'+time+'</option>';
|
|
|
- }
|
|
|
- return html;
|
|
|
- }
|
|
|
-
|
|
|
/**
|
|
|
* 배너 리스트
|
|
|
*/
|
|
|
@@ -360,8 +326,6 @@
|
|
|
var tnSrc = $("#uploadDefaultUrl").val().replace('/lookbook/thumbnail/', '');
|
|
|
tnSrc = tnSrc + tnImgPath;
|
|
|
$("#lbBannerForm input[name=orgTnfileNm]").val(tnImgPath);
|
|
|
- $("#lbBannerForm input[name=sysTnfileNm]").val(tnImgPath);
|
|
|
- $("#lbBannerForm input[name=newSysTnfileNm]").val(tnImgPath);
|
|
|
$("#lbBannerForm #bannerPreViewUrl").attr('src', tnSrc);
|
|
|
$("#lbBannerForm #imgView").removeClass("off").addClass("on");
|
|
|
|
|
|
@@ -381,11 +345,12 @@
|
|
|
html += ' <col style="width:5%"/>';
|
|
|
html += ' </colgroup>';
|
|
|
html += ' <thead>';
|
|
|
- html += ' <tr>';
|
|
|
+ html += fnAddBannerImgRow(imgPath,lookbookBannerList[i].imgDesc,lookbookBannerList[i].dispOrd);
|
|
|
+ /*html += ' <tr>';
|
|
|
html += ' <th>배너이미지</th>';
|
|
|
html += ' <td>';
|
|
|
html += ' <div class="uFile w300">';
|
|
|
- html += ' <input id="bannerFile'+i+'" name="file" type="file" class="uFileInput w300" onchange="fnBannerImgFileUpload(this, '+i+')"">';
|
|
|
+ html += ' <input id="bannerFile'+i+'" name="file" type="file" class="uFileInput w300" onchange="fnBannerImgFileUpload(this, '+i+');">';
|
|
|
html += ' <label for="bannerFile'+i+'" class="uFileLabel">파일선택</label>';
|
|
|
html += ' <input type="hidden" name="bannerImgPath" value="'+imgPath+'">';
|
|
|
html += ' <input type="hidden" name="bannerNewImgFile" value="">';
|
|
|
@@ -399,7 +364,7 @@
|
|
|
html += ' <td><input name="dispOrd" type="text" class="w80" placeholder="전시순서" style="margin-left:5px; text-align:center" value="'+lookbookBannerList[i].dispOrd+'"/>';
|
|
|
html += ' <button type="button" class="btn btn-success btn-lg" onclick="fnAddPicker(this);">피커추가</button>';
|
|
|
html += ' <button type="button" class="btn btn-danger btn-lg" onclick="fnDeleteBanner(this);">삭제</button></td>';
|
|
|
- html += ' </tr>';
|
|
|
+ html += ' </tr>';*/
|
|
|
html += ' </thead>';
|
|
|
html += '</table>';
|
|
|
|
|
|
@@ -410,6 +375,60 @@
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+ var bannerImgRow = 0;
|
|
|
+ var fnAddBannerImgRow = function (param, imgdesc, dispord){
|
|
|
+ var src = '';
|
|
|
+ var imgPath = '';
|
|
|
+ var desc = '';
|
|
|
+ if(!gagajf.isNull(imgdesc)){
|
|
|
+ desc = imgdesc;
|
|
|
+ }
|
|
|
+ if(!gagajf.isNull(param) && typeof param!='object'){
|
|
|
+ src = $("#uploadDefaultBannerUrlPop").val().replace('/lookbook/banner/', '')+param;
|
|
|
+ imgPath = param;
|
|
|
+ }
|
|
|
+ var html = '';
|
|
|
+ html += ' <tr class="bannerImgTr">';
|
|
|
+ html += ' <th>배너이미지</th>';
|
|
|
+ html += ' <td>';
|
|
|
+ html += ' <div class="uFile w300">';
|
|
|
+ html += ' <input id="bannerFile'+bannerImgRow+'" name="file" type="file" class="uFileInput w300" onchange="fnBannerImgFileUpload(this, '+bannerImgRow+');">';
|
|
|
+ html += ' <label for="bannerFile'+bannerImgRow+'" class="uFileLabel">파일선택</label>';
|
|
|
+ html += ' <input type="hidden" name="bannerImgPath" value="'+imgPath+'">';
|
|
|
+ html += ' <input type="hidden" name="bannerNewImgFile" value="">';
|
|
|
+ html += ' </div>';
|
|
|
+ html += ' <div id="bannerImgView_'+bannerImgRow+'">';
|
|
|
+ html += ' <img id="bannerPreViewUrl_'+bannerImgRow+'" src="'+src+'" style="height:100px; max-width:500px;"/>';
|
|
|
+ html += ' </div>';
|
|
|
+ html += ' </td>';
|
|
|
+ html += ' <th>이미지설명</th>';
|
|
|
+ html += ' <td><textarea class="textareaR4" name="imgDesc" id="imgDesc'+bannerImgRow+'">'+desc+'</textarea></td>';
|
|
|
+ html += ' <td><input name="dispOrd" type="text" class="w80" placeholder="전시순서" style="margin-left:5px; text-align:center" value="'+dispord+'"/>';
|
|
|
+ html += ' <button type="button" class="btn btn-success btn-lg" onclick="fnAddPicker(this,\''+imgPath+'\');">피커추가</button>';
|
|
|
+ html += ' <button type="button" class="btn btn-danger btn-lg" onclick="fnDeleteBanner(this);">삭제</button></td>';
|
|
|
+ html += ' </tr>';
|
|
|
+ if(typeof param == 'object'){
|
|
|
+ bannerImgRow++;
|
|
|
+ $(param).closest("table").find("tbody").append(html);
|
|
|
+ }else{
|
|
|
+ bannerImgRow++;
|
|
|
+ return html;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ var fnAddPicker = function (obj, imgpath){
|
|
|
+ var lookbookbSq = $(obj).closest("table").find("input[name=lookbookbSq]").val();
|
|
|
+ var imgNm = imgpath;
|
|
|
+ cfnOpenLookbookBannerPickerPopup(lookbookbSq,imgNm);
|
|
|
+ }
|
|
|
+
|
|
|
+ var fnResetIdx = function (){
|
|
|
+ $(".bannerTableC").each(function (i){
|
|
|
+ $(this).attr('id','bannerTable'+i);
|
|
|
+ $(this).find("input[name=dispOrd]").val(i+1);
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
$(document).ready(function() {
|
|
|
// 상세/수정일때
|
|
|
if(mode != 'N'){
|
|
|
@@ -422,5 +441,6 @@
|
|
|
}
|
|
|
});
|
|
|
});
|
|
|
+/*]]>*/
|
|
|
</script>
|
|
|
</html>
|
bin2107