MainContentsPopupForm.html 82 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925
  1. <!DOCTYPE html>
  2. <html lang="ko"
  3. xmlns:th="http://www.thymeleaf.org">
  4. <!--
  5. *******************************************************************************
  6. * @source : MainContentsPopupForm.html
  7. * @desc : 메인전시 컨텐츠 수정 팝업 Page
  8. *============================================================================
  9. * STYLE24
  10. * Copyright(C) 2020 TSIT, All rights reserved.
  11. *============================================================================
  12. * VER DATE AUTHOR DESCRIPTION
  13. * === =========== ========== =============================================
  14. * 1.0 2021.2.23 bin2107 최초 작성
  15. *******************************************************************************
  16. -->
  17. <div class="modalPopup" data-width="1500" th:with="imgGoodsUrl=${@environment.getProperty('upload.goods.view')}, uxImgUrl=${@environment.getProperty('domain.uximage')}, imgUrl=${@environment.getProperty('upload.image.view')}">
  18. <div class="panelStyle">
  19. <div class="panelTitle">
  20. <h2 id="popTitle" th:text="${contentsLoc}"></h2>
  21. <button type="button" class="close" onclick="fnMainContentsPopupFormClose()"><i class="fa fa-times"></i></button>
  22. </div>
  23. <div class="panelContent">
  24. <ul class="panelBar">
  25. <li class="aL">
  26. <span class="cBlue">* 상단으로 드래그&amp;드랍하여 순서 변경 가능합니다.</span>
  27. </li>
  28. <li class="aR">
  29. <button type="button" class="btn btn btn-base btn-sm" id="btnPopAddRow">컨텐츠 추가</button>
  30. <button type="button" class="btn btn btn-dark btn-sm" id="btnPopSave">임시저장</button>
  31. <input type="hidden" name="uploadDefaultUrlPop" id="uploadDefaultUrlPop" th:value="${@environment.getProperty('upload.image.view') + '/contents/'}"/>
  32. </li>
  33. </ul>
  34. </div>
  35. <form style="height:600px; width:1470px; overflow:auto;" id="popSortable">
  36. </form>
  37. </div>
  38. </div>
  39. <script type="text/javascript" src="/ux/plugins/summernote/summernote.js?v=2020103001"></script>
  40. <script type="text/javascript" src="/ux/plugins/gaga/gaga.summernote.js?v=2021053101"></script>
  41. <script type="text/javascript" src="/ux/plugins/gaga/gaga.kollus.js"></script>
  42. <script th:inline="javascript">
  43. /*<![CDATA[*/
  44. var cateNo = [[${cateNo}]];
  45. var contentsLoc = [[${contentsLoc}]];
  46. var brandGroupNo = [[${brandGroupNo}]];
  47. var contentsLocArr = gagajf.convertToArray([[${contentsLocList}]]);
  48. var tdWidth = $("#sortable").find("td").width();
  49. var tdDeleteWidth = parseInt(tdWidth/11, 10);
  50. tdWidth = tdWidth - tdDeleteWidth;
  51. var cate1List = [[${cate1List}]];
  52. var tableLen = 0; // 테이블 ID
  53. // 컨텐츠 미리보기 리스트
  54. var fnGetContentsPreviewList = function() {
  55. $("#popSortable").html('');
  56. var data = {cateNo : cateNo
  57. ,contentsLoc : contentsLoc
  58. ,brandGroupNo : brandGroupNo
  59. };
  60. var jsonData = JSON.stringify(data);
  61. gagajf.ajaxJsonSubmit('/display/contents/preview/list', jsonData, fnCreatePopLayout);
  62. }
  63. // 데이터 뿌리기
  64. var createIdx = 0;
  65. var fnCreatePopLayout = function(result) {
  66. var html = '';
  67. var descIdx = '';
  68. for(var i=0; i<result.length; i++){
  69. descIdx = i;
  70. var dispStdt = result[i].dispStdt.split(" ");
  71. var dispEddt = result[i].dispEddt.split(" ");
  72. var cate1No = result[i].contentsType;
  73. html += '<table class="frmStyle mcTable" style="margin-bottom:30px" id="mcTable'+i+'">';
  74. html += '<input type="hidden" name="tableIdx" value="'+i+'" data-id="'+i+'">';
  75. html += '<colgroup>';
  76. html += '<col style="width:10%;"/>';
  77. html += '<col style="width:55%;"/>';
  78. html += '<col/>';
  79. html += '</colgroup>';
  80. html += '<thead><tr><th>전시일시</th><td><input name="dispStdt" type="text" class="w80 schDate" maxlength="10" required="required" data-valid-name="노출시작일" data-valid-type="calendar" value="'+dispStdt[0]+'"/>';
  81. html += '<select name="stTimeHour" required="required" data-valid-name="노출기간 시작시간">';
  82. html += fnCreateTimeOption(24, dispStdt[1].split(":")[0]);
  83. html += '</select>';
  84. html += '<select name="stTimeMin" required="required" data-valid-name="노출기간 시작시간">';
  85. html += fnCreateTimeOption(60, dispStdt[1].split(":")[1]);
  86. html += '</select>';
  87. html += '<span> ~ </span>';
  88. html += '<input name="dispEddt" type="text" class="w80 schDate" maxlength="10" required="required" data-valid-name="노출종료일" data-valid-type="calendar" value="'+dispEddt[0]+'"/>';
  89. html += '<select name="edTimeHour" required="required" data-valid-name="노출기간 종료시간">';
  90. html += fnCreateTimeOption(24, dispEddt[1].split(":")[0]);
  91. html += '</select>';
  92. html += '<select name="edTimeMin" required="required" data-valid-name="노출기간 종료시간">';
  93. html += fnCreateTimeOption(60, dispEddt[1].split(":")[1]);
  94. html += '</select>';
  95. html += '<input name="dispOrd" type="text" class="w80"placeholder="전시순서" style="margin-left:5px; text-align:center" value="'+result[i].dispOrd+'"/>';
  96. html += '</td>';
  97. if(contentsLoc!='SCM002' && contentsLoc!='SCM003'){
  98. html += '<td class="aL">';
  99. if(contentsLoc!='SMM005' && contentsLoc!='SMM011' && contentsLoc!='SBM012' && contentsLoc!='SBMM012' && contentsLoc!='SMM001' && contentsLoc!='SOM001' && contentsLoc!='SMM003' && contentsLoc!='SMM004' && contentsLoc!='SMM006'
  100. && contentsLoc!='SBM007' && contentsLoc!='SBM008' && contentsLoc!='SBM009' && contentsLoc!='SBM010' && contentsLoc!='SBM011' && contentsLoc!='SBM013' && contentsLoc!='SBM017' && contentsLoc!='SBM018' && contentsLoc!='SBM019'
  101. && contentsLoc!='SOM003' && contentsLoc!='SOM004' && contentsLoc!='SCM004' && contentsLoc!='SBM004' && contentsLoc!='SCM001'){
  102. html += '<button type="button" class="btn btn-base btn-lg" onclick="fnAddTitlePopRow(this);">타이틀추가</button>';
  103. }
  104. if(contentsLoc=='SMM002' || contentsLoc=='SBMM004'){
  105. html += '<button type="button" class="btn btn-base btn-lg" onclick="fnAddSubTextPopRow(this);">서브텍스트추가</button>';
  106. }
  107. if(contentsLoc=='SBM005' || contentsLoc=='SBMM005'){
  108. html += '<button type="button" class="btn btn-base btn-lg" onclick="fnAddBrandDescRow(this ,\'add\','+i+');">브랜드소개추가</button>';
  109. }
  110. if(contentsLoc!='SMM005' && contentsLoc!='SBM005' && contentsLoc!='SBMM005' && contentsLoc!='SGNB001' && contentsLoc!='SGNB002' && contentsLoc!='SMM011' && contentsLoc!='SBM012' && contentsLoc!='SBMM012' && contentsLoc!='SMM001' && contentsLoc!='SOM001' && contentsLoc!='SMM003' && contentsLoc!='SMM004' && contentsLoc!='SMM006'
  111. && contentsLoc!='SBM007' && contentsLoc!='SBM008' && contentsLoc!='SBM009' && contentsLoc!='SBM010' && contentsLoc!='SBM011' && contentsLoc!='SBM013' && contentsLoc!='SBM017' && contentsLoc!='SBM018' && contentsLoc!='SBM019' && contentsLoc!='SOM003' && contentsLoc!='SOM004' && contentsLoc!='SCM004' && contentsLoc!='SBM004' && contentsLoc!='SCM001'){
  112. html += '<button type="button" class="btn btn-base btn-lg" onclick="fnAddImgPopRow(this);">이미지추가</button>';
  113. }
  114. if(contentsLoc!='SMM011' && contentsLoc!='SBM012' && contentsLoc!='SBMM012' && contentsLoc!='SMM001' && contentsLoc!='SOM001' && contentsLoc!='SMM003' && contentsLoc!='SMM006' && contentsLoc!='SCM004' && contentsLoc!='SBM004' && contentsLoc!='SCM001' && contentsLoc!='SMM005'
  115. && contentsLoc!='SBM007' && contentsLoc!='SBM008' && contentsLoc!='SBM009' && contentsLoc!='SBM010' && contentsLoc!='SBM011' && contentsLoc!='SBM013' && contentsLoc!='SBM017' && contentsLoc!='SBM018' && contentsLoc!='SBM019' && contentsLoc!='SOM003' && contentsLoc!='SOM004' ){
  116. html += '<button type="button" class="btn btn-base btn-lg" onclick="fnAddLinkPopRow(this);">링크추가</button>';
  117. }
  118. html += '<button type="button" class="btn btn-danger btn-lg" onclick="fnDeleteContentsRow(this);">삭제</button></td>';
  119. }
  120. html += '</tr>';
  121. if(contentsLoc=='SBM004' || contentsLoc=='SBM005' || contentsLoc=='SBMM004' || contentsLoc=='SBMM005'){
  122. html += '<tr class="cateTypeTr">';
  123. html += ' <th>클릭시<br>페이지창</th>';
  124. html += ' <td colspan="3">';
  125. if(result[i].contentsType=='SELF'){
  126. html += ' <label class="rdoBtn"><input type="radio" name="pageTarget'+i+'" value="SELF" checked="checked"/>현재창</label>';
  127. html += ' <label class="rdoBtn"><input type="radio" name="pageTarget'+i+'" value="BLANK" />새창</label>';
  128. }else{
  129. html += ' <label class="rdoBtn"><input type="radio" name="pageTarget'+i+'" value="SELF" />현재창</label>';
  130. html += ' <label class="rdoBtn"><input type="radio" name="pageTarget'+i+'" value="BLANK" checked="checked"/>새창</label>';
  131. }
  132. html += ' </td>';
  133. html += '</tr>';
  134. }
  135. if(contentsLoc=='SMM011' || contentsLoc=='SBM012' || contentsLoc=='SBMM012'){
  136. html += '<tr class="cateTypeTr">';
  137. html += ' <th>동영상구분</th>';
  138. html += ' <td colspan="3">';
  139. if(result[i].strVar1=='Y'){
  140. html += ' <label class="rdoBtn"><input type="radio" name="tvPlayer'+i+'" value="Y" onclick="fnChangeTvPlayer(this,'+i+');" checked="checked" />YouTube</label>';
  141. html += ' <label class="rdoBtn"><input type="radio" name="tvPlayer'+i+'" value="M" onclick="fnChangeTvPlayer(this,'+i+');"/>MP4</label>';
  142. }else{
  143. html += ' <label class="rdoBtn"><input type="radio" name="tvPlayer'+i+'" value="Y" onclick="fnChangeTvPlayer(this,'+i+');" />YouTube</label>';
  144. html += ' <label class="rdoBtn"><input type="radio" name="tvPlayer'+i+'" value="M" onclick="fnChangeTvPlayer(this,'+i+');" checked="checked" />MP4</label>';
  145. }
  146. html += ' </td>';
  147. html += '</tr>';
  148. html += '<tr class="cateTypeTr" name="tvY'+i+'">';
  149. html += ' <th>미디어<br>컨텐츠키</th>';
  150. html += ' <td colspan="3">';
  151. html += ' <input name="tvMediaKey'+i+'" type="text" class="w150" maxlength="200" data-valid-name="미디어 컨텐츠키" value="'+result[i].strVar2+'" ';
  152. if(result[i].strVar1=='M'){
  153. html += ' disabled="disabled" ';
  154. }
  155. html += '/>';
  156. html += ' </td>';
  157. html += '</tr>';
  158. if(result[i].strVar1=='M' && (result[i].strVar2==null || result[i].strVar2=='')){
  159. html += '<tr class="cateTypeTr" name="tvM'+i+'">';
  160. html +=' <th>파일첨부<em class="required" title="필수"></em></th>';
  161. html +=' <td class="infoTxt" colSpan="5">';
  162. html +=' <div class="uFile w300">';
  163. html +=' <input id="file'+i+'" name="file" type="file" class="uFileInput w300" onchange="fnVideoFileUpload(this, '+i+')"/>';
  164. html +=' <label for="file'+i+'" class="uFileLabel">파일선택</label>';
  165. html +=' <input type="hidden" name="kufKey" value="'+result[i].strVar3+'"/>';
  166. html +=' <input type="hidden" name="kmcKey"/>';
  167. html +=' </div>';
  168. html +=' </td>';
  169. html += '</tr>';
  170. }
  171. }
  172. if(contentsLoc=='SGNB001'){
  173. var src = '';
  174. var src2 = '';
  175. html += '<tr class="cateTypeTr">';
  176. html += ' <th>유형선택</th>';
  177. html += ' <td colspan="3">';
  178. html += ' <label class="rdoBtn"><input type="radio" name="cateType'+i+'" value="OPEN" onclick="fnChangeGnbCateType(this,'+i+');"';
  179. if(result[i].contentsType=='OPEN'){
  180. html += ' checked="checked" ';
  181. }
  182. html += '/>오픈배너</label>';
  183. html += ' <label class="rdoBtn"><input type="radio" name="cateType'+i+'" value="IMG" onclick="fnChangeGnbCateType(this,'+i+');" ';
  184. if(result[i].contentsType=='IMG'){
  185. html += ' checked="checked" ';
  186. }
  187. html += '/>이미지배너</label>';
  188. html += ' <label class="rdoBtn"><input type="radio" name="cateType'+i+'" value="TEXT" onclick="fnChangeGnbCateType(this,'+i+');" ';
  189. if(result[i].contentsType=='TEXT'){
  190. html += ' checked="checked" ';
  191. }
  192. html += '/>텍스트배너</label>';
  193. html += ' </td>';
  194. html += '</tr>';
  195. if(!gagajf.isNull(result[i].imgPath1)){
  196. src = $("#uploadDefaultUrlPop").val().replace('/contents/', '')+result[i].imgPath1;
  197. src2 = $("#uploadDefaultUrlPop").val().replace('/contents/', '')+result[i].imgPath2;
  198. }
  199. html += '<tr name="imgPopRow" id="openBanner0" ';
  200. if(result[i].contentsType=='TEXT'){
  201. html += ' style="display:none;"';
  202. }
  203. html += '>';
  204. html += ' <th>띠배너<br>이미지</th>';
  205. html += ' <td><div class="uFile w300">';
  206. html += ' <input id="filePop_'+i+'" name="file" type="file" class="uFileInput w300" onchange="fnGnbFileUpload(this, '+i+', 0)"/>';
  207. html += ' <label for="filePop_'+i+'" class="uFileLabel">파일선택</label>';
  208. html += ' <input type="hidden" name="imgPath" value="'+result[i].imgPath1+'"/>';
  209. html += ' <input type="hidden" name="newImgFile" value="" />';
  210. html += ' </div>';
  211. html += ' <div id="imgViewPop_'+i+'" class=';
  212. if(src!=''){
  213. html += '"on">';
  214. }else{
  215. html += '"off">';
  216. }
  217. html += ' <img id="bannerPreViewUrlPop_'+i+'" src="'+src+'" style="height:100px; max-width:500px;" onclick="cfnOpenImagePreViewPopup(\'bannerPreimgViewPop\',$(this).attr(\'src\'));"/>';
  218. html += ' </div></td>';
  219. html += '</tr>';
  220. html += '<tr class="cateTypeTr" name="openBannerTypeTr'+i+'" id="openBannerTypeTr" ';
  221. if(result[i].contentsType!='OPEN'){
  222. html += ' style="display:none;"';
  223. }
  224. html += '>';
  225. html += ' <th>확장형 배너<br>유형</th>';
  226. html += ' <td colspan="3">';
  227. if(result[i].strVar7=='IMG'){
  228. html += ' <label class="rdoBtn"><input type="radio" name="openBannerType'+i+'" value="IMG" onclick="fnChangeOpenBannerType(this,'+i+');" checked="checked"/>이미지형</label>';
  229. html += ' <label class="rdoBtn"><input type="radio" name="openBannerType'+i+'" value="HTML" onclick="fnChangeOpenBannerType(this,'+i+');"/>HTML형</label>';
  230. }else{
  231. html += ' <label class="rdoBtn"><input type="radio" name="openBannerType'+i+'" value="IMG" onclick="fnChangeOpenBannerType(this,'+i+');" />이미지형</label>';
  232. html += ' <label class="rdoBtn"><input type="radio" name="openBannerType'+i+'" value="HTML" onclick="fnChangeOpenBannerType(this,'+i+');" checked="checked"/>HTML형</label>';
  233. }
  234. html += ' </td>';
  235. html += '</tr>';
  236. html += '<tr name="imgPopRow" id="openBanner1" ';
  237. if(result[i].contentsType=='OPEN' && result[i].strVar7=='IMG'){
  238. html += ' style="display:table-row;"';
  239. }else{
  240. html += ' style="display:none;"';
  241. }
  242. // if((result[i].contentsType!='IMG') || result[i].contentsType!='OPEN' && result[i].strVar7!='IMG'){
  243. // html += ' style="display:none;"';
  244. // }
  245. html +='>';
  246. html += ' <th>오픈배너<br>이미지</th>';
  247. html += ' <td><div class="uFile w300">';
  248. html += ' <input id="filePop_100'+i+'" name="file" type="file" class="uFileInput w300" onchange="fnGnbFileUpload(this, 100'+i+', 1)"/>';
  249. html += ' <label for="filePop_100'+i+'" class="uFileLabel">파일선택</label>';
  250. html += ' <input type="hidden" name="imgPath" value="'+result[i].imgPath2+'"/>';
  251. html += ' <input type="hidden" name="newImgFile" value="" />';
  252. html += ' </div>';
  253. html += ' <div id="imgViewPop_100'+i+'" class=';
  254. if(src!='' && result[i].imgPath2 != ''){
  255. html += '"on">';
  256. }else{
  257. html += '"off">';
  258. }
  259. html += ' <img id="bannerPreViewUrlPop_100'+i+'" src="'+src2+'" style="height:100px; max-width:500px;" onclick="cfnOpenImagePreViewPopup(\'bannerPreimgViewPop\',$(this).attr(\'src2\'));"/>';
  260. html += ' </div></td>';
  261. html += '</tr>';
  262. html += '<tr name="imgPopRow" id="openBanner2" ';
  263. if(result[i].contentsType!='OPEN' || result[i].strVar7!='HTML'){
  264. html += ' style="display:none;"';
  265. }
  266. html += '>';
  267. html += ' <input type="hidden" name="htmlDesc'+i+'" id="htmlDesc'+i+'" value="'+result[i].html.replaceAll("\"","\'")+'">';
  268. html += ' <th>오픈배너<br>HTML</th>';
  269. html += ' <td class="padT10"><div class="tabJrContArea">';
  270. html += ' <textarea class="textareaR3 summernote" name="openBannerDesc'+i+'" id="openBannerDesc'+i+'" ></textarea>';
  271. html += ' </div>';
  272. html += ' </td>';
  273. html += '</tr>';
  274. html += ' <tr name="tabBgColorRow'+i+'"';
  275. if(result[i].contentsType=='TEXT'){
  276. html += 'style="display:none;"';
  277. }
  278. html += ' >';
  279. html += ' <th>배경 RGB코드</th>';
  280. html += ' <td><input name="gnbBgColor' + i + '" type="text" maxlength="200" data-valid-name="배경 RGB코드" value="' + result[i].strVar5 + '"/></td>';
  281. html += ' </tr>';
  282. html += ' <tr name="tabShowYnRow'+i+'"';
  283. if(result[i].contentsType!='OPEN'){
  284. html += 'style="display:none;"';
  285. }
  286. html += ' >';
  287. html += ' <th>확장형 배너<br>닫기 버튼<br>노출여부</th>';
  288. html += ' <td>';
  289. if(result[i].strVar8=='Y'){
  290. html += ' <label class="rdoBtn"><input type="radio" name="todayYn'+i+'" value="Y" checked="checked"/>노출</label>';
  291. html += ' <label class="rdoBtn"><input type="radio" name="todayYn'+i+'" value="N" />비노출</label>';
  292. }else{
  293. html += ' <label class="rdoBtn"><input type="radio" name="todayYn'+i+'" value="Y" />노출</label>';
  294. html += ' <label class="rdoBtn"><input type="radio" name="todayYn'+i+'" value="N" checked="checked"/>비노출</label>';
  295. }
  296. html += ' </td>';
  297. html += ' </tr>';
  298. }
  299. if(contentsLoc=='SGNB002'){
  300. html += '<tr class="cateTypeTr">';
  301. html += ' <th>유형선택</th>';
  302. html += ' <td colspan="3">';
  303. html += ' <label class="rdoBtn"><input type="radio" name="cateType'+i+'" value="TEXT" onclick="fnChangeGnbCateType(this,'+i+');" ';
  304. if(result[i].contentsType=='TEXT'){
  305. html += ' checked="checked" ';
  306. }
  307. html += '/>텍스트배너</label>';
  308. html += ' </td>';
  309. html += '</tr>';
  310. }
  311. if(contentsLoc=='SCM002' || contentsLoc=='SCM003'){
  312. html += ' <tr>';
  313. html += ' <th>전시 설정</th>';
  314. html += ' <td>';
  315. if(result[i].useYn=='Y'){
  316. html += ' <label class="rdoBtn"><input type="radio" name="dispYn" value="Y" checked="checked"/>노출</label>';
  317. html += ' <label class="rdoBtn"><input type="radio" name="dispYn" value="N"/>비노출</label>';
  318. }else{
  319. html += ' <label class="rdoBtn"><input type="radio" name="dispYn" value="Y"/>노출</label>';
  320. html += ' <label class="rdoBtn"><input type="radio" name="dispYn" value="N" checked="checked"/>비노출</label>';
  321. }
  322. html += ' </td>';
  323. if(result[i].contentsLoc=='SCM003'){
  324. html += ' <th>상품 노출 개수</th>';
  325. html += ' <td>';
  326. if(result[i].strVar1=='10'){
  327. html += ' <label class="rdoBtn"><input type="radio" name="dispCnt" value="10" checked="checked"/>10개</label>';
  328. html += ' <label class="rdoBtn"><input type="radio" name="dispCnt" value="20"/>20개</label>';
  329. html += ' <label class="rdoBtn"><input type="radio" name="dispCnt" value="30"/>30개</label>';
  330. }else if(result[i].strVar1=='20'){
  331. html += ' <label class="rdoBtn"><input type="radio" name="dispCnt" value="10"/>10개</label>';
  332. html += ' <label class="rdoBtn"><input type="radio" name="dispCnt" value="20" checked="checked"/>20개</label>';
  333. html += ' <label class="rdoBtn"><input type="radio" name="dispCnt" value="30"/>30개</label>';
  334. }else{
  335. html += ' <label class="rdoBtn"><input type="radio" name="dispCnt" value="10"/>10개</label>';
  336. html += ' <label class="rdoBtn"><input type="radio" name="dispCnt" value="20"/>20개</label>';
  337. html += ' <label class="rdoBtn"><input type="radio" name="dispCnt" value="30" checked="checked"/>30개</label>';
  338. }
  339. html += ' </td>';
  340. }
  341. html += ' </tr>';
  342. }
  343. if(contentsLoc=='SMM001' || contentsLoc=='SOM001'){
  344. html += '<tr>';
  345. html += ' <th>컨텐츠유형</th>';
  346. html += ' <td class="planArea" name="planArea" id="planArea'+i+'" colspan="3">';
  347. if(result[i].strVar5=='P'){
  348. html += ' <label class="rdoBtn"><input type="radio" name="contentsType'+i+'" value="P" onclick="fnChangeContentsType(this,'+i+');" checked="checked"/>기획전</label>';
  349. html += ' <label class="rdoBtn"><input type="radio" name="contentsType'+i+'" value="E" onclick="fnChangeContentsType(this,'+i+');"/>이벤트</label>';
  350. }else{
  351. html += ' <label class="rdoBtn"><input type="radio" name="contentsType'+i+'" value="P" onclick="fnChangeContentsType(this,'+i+');" />기획전</label>';
  352. html += ' <label class="rdoBtn"><input type="radio" name="contentsType'+i+'" value="E" onclick="fnChangeContentsType(this,'+i+');" checked="checked"/>이벤트</label>';
  353. }
  354. if(result[i].strVar5=='P') {
  355. html += ' <input type="text" class="w100 inputPlan" name="planSq' + i + '" value="' + result[i].strVar6 + '"/>';
  356. html += ' <button type="button" class="btn btn btn-dark btn-sm btnPlan" onclick="fnSearchPlan(' + i + ');">기획전검색</button>';
  357. }else{
  358. html += ' <input type="text" class="w100 inputPlan" name="planSq' + i + '" value="" style="display: none;"/>';
  359. html += ' <button type="button" class="btn btn btn-dark btn-sm btnPlan" onclick="fnSearchPlan(' + i + ');" style="display: none;">기획전검색</button>';
  360. }
  361. html += ' </td>';
  362. html += '</tr>';
  363. html += '<tr>';
  364. html += ' <th>썸네일 <br>글자 색상</th>';
  365. html += ' <td colspan="3">';
  366. if(result[i].strVar7=='BLACK'){
  367. html += ' <label class="rdoBtn"><input type="radio" name="thumTextColor'+i+'" value="BLACK" checked="checked"/>BLACK</label>';
  368. html += ' <label class="rdoBtn"><input type="radio" name="thumTextColor'+i+'" value="WHITE" />WHITE</label>';
  369. }else{
  370. html += ' <label class="rdoBtn"><input type="radio" name="thumTextColor'+i+'" value="BLACK" />BLACK</label>';
  371. html += ' <label class="rdoBtn"><input type="radio" name="thumTextColor'+i+'" value="WHITE" checked="checked"/>WHITE</label>';
  372. }
  373. html += ' </td>';
  374. html += '</tr>';
  375. }
  376. if(contentsLoc=='SMM005'){
  377. html += '<tr>';
  378. html += ' <th>배너유형</th>';
  379. html += ' <td class="bannerArea" id="bannerArea'+i+'">';
  380. if(result[i].contentsType=='1'){
  381. html += ' <label class="rdoBtn"><input type="radio" name="bannerType'+i+'" value="1" checked="checked" onclick="fnChangeHalfBannerType(this,'+i+', 1);">1단</label>';
  382. html += ' <label class="rdoBtn"><input type="radio" name="bannerType'+i+'" value="2" onclick="fnChangeHalfBannerType(this,'+i+', 2);">2단</label>';
  383. }else{
  384. html += ' <label class="rdoBtn"><input type="radio" name="bannerType'+i+'" value="1" onclick="fnChangeHalfBannerType(this,'+i+', 1);">1단</label>';
  385. html += ' <label class="rdoBtn"><input type="radio" name="bannerType'+i+'" value="2" checked="checked" onclick="fnChangeHalfBannerType(this,'+i+', 2);">2단</label>';
  386. }
  387. html += ' </td>';
  388. html += '</tr>';
  389. var src = '';
  390. src = $("#uploadDefaultUrlPop").val().replace('/contents/', '');
  391. html += '<tr name="imgPopRow" id="halfBanner0">\n';
  392. html += ' <th>1단<br>이미지</th>\n';
  393. html += ' <td><div class="uFile w300">\n';
  394. html += ' <input id="filePop_'+i+'" name="file" type="file" class="uFileInput w300" onchange="fnGnbFileUpload(this, '+i+', 0)"/>\n';
  395. html += ' <label for="filePop_'+i+'" class="uFileLabel">파일선택</label>\n';
  396. html += ' <input type="hidden" name="imgPath" value="'+result[i].imgPath1+'"/>\n';
  397. html += ' <input type="hidden" name="newImgFile" value="" />\n';
  398. html += ' </div>\n';
  399. html += ' <div id="imgViewPop_'+i+'" class=';
  400. if(result[i].imgPath1 !=''){
  401. html += '"on">';
  402. }else{
  403. html += '"off">';
  404. }
  405. html += ' <img id="bannerPreViewUrlPop_'+i+'" src="'+src+result[i].imgPath1+'" style="height:100px; max-width:500px;" onclick="cfnOpenImagePreViewPopup(\'bannerPreimgViewPop\',$(this).attr(\'src\'));"/>\n';
  406. html += ' </div></td>\n';
  407. html += '</tr>\n';
  408. html += '<tr name="linkPopRow" id="link1dep">\n';
  409. html += ' <th>1단 링크<br>(없으면 #)<br>(메인은 /)</th>\n';
  410. html += ' <td><input name="link" type="text" maxLength="200" required="required" data-valid-name="링크" placeholder="외부 URL 입력시 https:// 붙여주세요. ex)https://www.levis-kids.co.kr" value="'+result[i].strVar1+'"></td>\n';
  411. html += ' <td class="aL">\n';
  412. html += ' </td>\n';
  413. html += '</tr>\n';
  414. html += '<tr name="imgPopRow" id="halfBanner1"';
  415. if(result[i].contentsType=='1') {
  416. html += ' style="display: none;"';
  417. }
  418. html +=' >\n';
  419. html += ' <th>2단<br>이미지</th>\n';
  420. html += ' <td><div class="uFile w300">';
  421. html += ' <input id="filePop_100'+i+'" name="file" type="file" class="uFileInput w300" onchange="fnGnbFileUpload(this, 100'+i+', 1)"/>\n';
  422. html += ' <label for="filePop_100'+i+'" class="uFileLabel">파일선택</label>\n';
  423. html += ' <input type="hidden" name="imgPath" value="'+result[i].imgPath2+'"/>\n';
  424. html += ' <input type="hidden" name="newImgFile" value="" />\n';
  425. html += ' </div>\n';
  426. html += ' <div id="imgViewPop_100'+i+'" class=';
  427. if(result[i].imgPath2!=''){
  428. html += '"on">';
  429. }else{
  430. html += '"off">';
  431. }
  432. html += ' <img id="bannerPreViewUrlPop_100'+i+'" src="'+src+result[i].imgPath2+'" style="height:100px; max-width:500px;" onclick="cfnOpenImagePreViewPopup(\'bannerPreimgViewPop\',$(this).attr(\'src\'));"/>\n';
  433. html += ' </div></td>\n';
  434. html += '</tr>\n';
  435. html += '<tr name="linkPopRow" id="link2dep" ';
  436. if(result[i].contentsType=='1') {
  437. html += ' style="display: none;" ';
  438. }
  439. html += '>\n';
  440. html += ' <th>2단 링크<br>(없으면 #)<br>(메인은 /)</th>\n';
  441. html += ' <td><input name="link" type="text" maxLength="200" required="required" data-valid-name="링크" placeholder="외부 URL 입력시 https:// 붙여주세요. ex)https://www.levis-kids.co.kr" value="'+result[i].strVar2+'"></td>\n';
  442. html += ' <td class="aL">\n';
  443. html += ' </td>\n';
  444. html += '</tr>\n';
  445. }
  446. html += '</thead><tbody>';
  447. if(contentsLoc!='SCM002' && contentsLoc!='SCM003' && contentsLoc!='SMM011' && contentsLoc!='SBM012' && contentsLoc!='SBMM012' && contentsLoc!='SMM005'){
  448. for(var j=1; j<5; j++){
  449. var strTitle = eval("result["+i+"].strTitle" + j);
  450. var imgPath = eval("result["+i+"].imgPath" + j);
  451. var strVar = eval("result["+i+"].strVar" + j);
  452. var subText = eval("result["+i+"].subText" + j);
  453. if(strTitle!=null && strTitle!='null' && strTitle!='' ){
  454. html += fnAddTitlePopRow(strTitle);
  455. }
  456. if(contentsLoc!='SGNB001' && contentsLoc!='SGNB002'){
  457. if(contentsLoc=='SMM001' || contentsLoc=='SBM004' || contentsLoc=='SOM001'){
  458. if(j<3){
  459. html += fnAddImgPopRow(imgPath, j);
  460. }
  461. }else{
  462. if(imgPath!=null && imgPath!='null' && imgPath!='' ){
  463. html += fnAddImgPopRow(imgPath, j);
  464. }
  465. }
  466. }
  467. if(strVar!=null && strVar!='null' && strVar!='' ){
  468. html += fnAddLinkPopRow(strVar);
  469. }
  470. if(contentsLoc=='SBM005'){
  471. // if(subText!=null && subText!='null' && subText!='' ){
  472. if(j==1){
  473. html += fnAddBrandDescRow(subText);
  474. }
  475. // }
  476. }else if(contentsLoc=='SMM001'){
  477. if(subText!=null && subText!='null' && subText!='' ){
  478. html += fnAddSubTextPopRow(subText);
  479. }else{
  480. if(j == 1){
  481. html += fnAddSubTextPopRow();
  482. }
  483. }
  484. }else{
  485. if(subText!=null && subText!='null' && subText!='' ){
  486. html += fnAddSubTextPopRow(subText);
  487. }
  488. }
  489. }
  490. }
  491. html += '</tbody></table>';
  492. }
  493. $("#popSortable").append(html);
  494. $("#popSortable").sortable();
  495. $('.schDate').datepicker("destroy");
  496. $('.schDate').datepicker({
  497. changeMonth: true,
  498. changeYear: true,
  499. defaultDate: $('.schDate').val()
  500. });
  501. // SGNB001 일때 확장형 배너 summernote
  502. if(contentsLoc=='SGNB001'){
  503. fnOpenBannerSummernote();
  504. }
  505. if(contentsLoc=='SBM005'){
  506. fnBrandDesc();
  507. }
  508. tableLen = $(".mcTable").length;
  509. }
  510. var fnOpenBannerSummernote = function (){
  511. $('.mcTable').each(function(){
  512. let idx = $(this).find('[name=tableIdx]').val();
  513. let bannerCateType = $("#mcTable"+idx).find('input:radio[name=cateType'+idx+']:checked').val();
  514. // if(bannerCateType=='OPEN'){
  515. let htmlDesc = $("#mcTable"+idx).find('input[name=htmlDesc'+idx+']').val();
  516. var snOptions1 = gagaSn.getToolbarOptions('media');
  517. gagaSn.createSummernote(snOptions1, '#openBannerDesc'+idx);
  518. // gagaSn.setContents('#openBannerDesc'+idx, '');
  519. $('#openBannerDesc'+idx).summernote('code', htmlDesc);
  520. // }
  521. });
  522. }
  523. var fnChangeTvPlayer = function (obj,idx){
  524. let tvPlayer = $("#mcTable"+idx).find("input:radio[name=tvPlayer"+idx+"]:checked").val();
  525. if(tvPlayer == 'Y'){
  526. $(obj).closest("table").find("[name=tvY"+idx+"]").show();
  527. $(obj).closest("table").find("[name=tvM"+idx+"]").hide();
  528. $(obj).closest("table").find("[name=tvMediaKey"+idx+"]").prop('disabled',false);
  529. }else{
  530. $(obj).closest("table").find("[name=tvY"+idx+"]").show();
  531. $(obj).closest("table").find("[name=tvM"+idx+"]").show();
  532. $(obj).closest("table").find("[name=tvMediaKey"+idx+"]").prop('disabled',true);
  533. }
  534. }
  535. var fnChangeOpenBannerType = function (obj, idx){
  536. let openBannerType = $("#mcTable"+idx).find("input:radio[name=openBannerType"+idx+"]:checked").val();
  537. if(openBannerType == 'IMG'){
  538. $(obj).closest("table").find("[id=openBanner1]").show();
  539. $(obj).closest("table").find("[id=openBanner2]").hide();
  540. }else{
  541. $(obj).closest("table").find("[id=openBanner1]").hide();
  542. $(obj).closest("table").find("[id=openBanner2]").show();
  543. }
  544. }
  545. var fnChangeGnbCateType = function (obj, idx){
  546. let cateType = $("#mcTable"+idx).find("input:radio[name=cateType"+idx+"]:checked").val();
  547. if(cateType=='OPEN'){
  548. $(obj).closest("table").find("[name=tabBgColorRow"+idx+"]").show();
  549. $(obj).closest("table").find("[name=tabShowYnRow"+idx+"]").show();
  550. $(obj).closest("table").find("[name=openBannerTypeTr"+idx+"]").show();
  551. console.log($(obj).closest("table").find("input:radio[name=openBannerType"+idx+"]:checked").val());
  552. if($(obj).closest("table").find("input:radio[name=openBannerType"+idx+"]:checked").val()=='HTML'){
  553. $(obj).closest("table").find("input:radio[name=openBannerType"+idx+"]:input[value=HTML]").prop('checked',true);
  554. $(obj).closest("table").find("[id=openBanner2]").show();
  555. }else{
  556. $(obj).closest("table").find("input:radio[name=openBannerType"+idx+"]:input[value=IMG]").prop('checked',true);
  557. $(obj).closest("table").find("[id=openBanner2]").hide();
  558. }
  559. $(obj).closest("table").find("[id=openBanner0]").show();
  560. $(obj).closest("table").find("[id=openBanner1]").show();
  561. // $(obj).closest("table").find("[name=file]").closest('div').find('label').text('파일선택');
  562. // $(obj).closest("table").find("[name=imgPath]").val('');
  563. // $(obj).closest("table").find("[name=newImgFile]").val('');
  564. // $("#bannerPreViewUrlPop_0").attr('src', '');
  565. // $("#imgViewPop_0").removeClass("on").addClass("off");
  566. // $("#bannerPreViewUrlPop_1").attr('src', '');
  567. // $("#imgViewPop_1").removeClass("on").addClass("off");
  568. }else if(cateType=='IMG'){
  569. $(obj).closest("table").find("[name=tabBgColorRow"+idx+"]").show();
  570. $(obj).closest("table").find("[name=tabShowYnRow"+idx+"]").hide();
  571. $(obj).closest("table").find("[name=openBannerTypeTr"+idx+"]").hide();
  572. $(obj).closest("table").find("input:radio[name=openBannerType"+idx+"]:input[value=IMG]").prop('checked',true);
  573. $(obj).closest("table").find("[id=openBanner0]").show();
  574. $(obj).closest("table").find("[id=openBanner1]").hide();
  575. $(obj).closest("table").find("[id=openBanner2]").hide();
  576. // $(obj).closest("table").find("[name=file]").closest('div').find('label').text('파일선택');
  577. // $(obj).closest("table").find("[name=imgPath]").val('');
  578. // $(obj).closest("table").find("[name=newImgFile]").val('');
  579. // $("#bannerPreViewUrlPop_0").attr('src', '');
  580. // $("#imgViewPop_0").removeClass("on").addClass("off");
  581. // $("#bannerPreViewUrlPop_1").attr('src', '');
  582. // $("#imgViewPop_1").removeClass("on").addClass("off");
  583. }else if(cateType=='TEXT'){
  584. $(obj).closest("table").find("[name=tabBgColorRow"+idx+"]").hide();
  585. $(obj).closest("table").find("[name=tabShowYnRow"+idx+"]").hide();
  586. $(obj).closest("table").find("[name=openBannerTypeTr"+idx+"]").hide();
  587. $(obj).closest("table").find("input:radio[name=openBannerType"+idx+"]:input[value=IMG]").prop('checked',true);
  588. $(obj).closest("table").find("[id=openBanner0]").hide();
  589. $(obj).closest("table").find("[id=openBanner1]").hide();
  590. $(obj).closest("table").find("[id=openBanner2]").hide();
  591. // $(obj).closest("table").find("[name=file]").closest('div').find('label').text('파일선택');
  592. // $(obj).closest("table").find("[name=imgPath]").val('');
  593. // $(obj).closest("table").find("[name=newImgFile]").val('');
  594. // $("#bannerPreViewUrlPop_0").attr('src', '');
  595. // $("#imgViewPop_0").removeClass("on").addClass("off");
  596. // $("#bannerPreViewUrlPop_1").attr('src', '');
  597. // $("#imgViewPop_1").removeClass("on").addClass("off");
  598. if($(obj).closest("table").find("[name=title]").length < 1){
  599. fnAddTitlePopRow($(obj));
  600. }
  601. if($(obj).closest("table").find("[name=link]").length < 1){
  602. fnAddLinkPopRow($(obj));
  603. }
  604. }
  605. }
  606. /**
  607. * 컨텐츠 추가 버튼
  608. */
  609. var dataIdx=0;
  610. $("#btnPopAddRow").on("click", function (){
  611. dataIdx = tableLen;
  612. if(contentsLoc=='SCM002' || contentsLoc=='SCM003'){
  613. if($(".mcTable").length > 0){
  614. mcxDialog.alert('컨텐츠 추가를 1개 이상 할 수 없습니다.');
  615. return;
  616. }
  617. }
  618. var html = '<table class="frmStyle mcTable" style="margin-bottom:30px" id="mcTable'+dataIdx+'">\n';
  619. html += '<input type="hidden" name="tableIdx" value="'+dataIdx+'" data-id="'+dataIdx+'">\n';
  620. html += '<colgroup>\n';
  621. html += '<col style="width:10%;"/>\n';
  622. html += '<col style="width:55%;"/>\n';
  623. html += '<col/>\n';
  624. html += '</colgroup>\n';
  625. html += '<thead><tr><th>전시일시</th><td><input name="dispStdt" type="text" class="w80 schDate" maxlength="10" required="required" data-valid-name="노출시작일" data-valid-type="calendar"/>\n';
  626. html += '<select name="stTimeHour" required="required" data-valid-name="노출기간 시작시간">';
  627. html += fnCreateTimeOption(24);
  628. html += '</select>\n';
  629. html += '<select name="stTimeMin" required="required" data-valid-name="노출기간 시작시간">';
  630. html += fnCreateTimeOption(60);
  631. html += '</select>\n';
  632. html += '<span> ~ </span>\n';
  633. html += '<input name="dispEddt" type="text" class="w80 schDate" maxlength="10" required="required" data-valid-name="노출종료일" data-valid-type="calendar"/>\n';
  634. html += '<select name="edTimeHour" required="required" data-valid-name="노출기간 종료시간">';
  635. html += fnCreateTimeOption(24,23);
  636. html += '</select>\n';
  637. html += '<select name="edTimeMin" required="required" data-valid-name="노출기간 종료시간">';
  638. html += fnCreateTimeOption(60,59);
  639. html += '</select>\n';
  640. html += '<input name="dispOrd" type="text" class="w80"placeholder="전시순서" style="margin-left:5px; text-align:center"/>\n';
  641. html += '</td>\n';
  642. html += '<td class="aL">\n';
  643. if(contentsLoc!='SCM002' && contentsLoc!='SCM003' && contentsLoc!='SMM011' && contentsLoc!='SBM012' && contentsLoc!='SBMM012' && contentsLoc!='SMM003' && contentsLoc!='SMM004' && contentsLoc!='SMM006'
  644. && contentsLoc!='SBM007' && contentsLoc!='SBM008' && contentsLoc!='SBM009' && contentsLoc!='SBM010' && contentsLoc!='SBM011' && contentsLoc!='SBM013' && contentsLoc!='SBM017' && contentsLoc!='SBM018' && contentsLoc!='SBM019'
  645. && contentsLoc!='SOM003' && contentsLoc!='SOM004' && contentsLoc!='SCM004' && contentsLoc!='SMM005'){
  646. if(contentsLoc!='SMM005'){
  647. html += '<button type="button" class="btn btn-base btn-lg"';
  648. if(contentsLoc=='SMM001' || contentsLoc=='SOM001' || contentsLoc=='SBM004' || contentsLoc=='SCM001'){
  649. html += ' style="display:none;" ';
  650. }
  651. html+= ' id="addTitle'+dataIdx+'" onclick="fnAddTitlePopRow(this);">타이틀추가</button>\n';
  652. }
  653. if(contentsLoc=='SMM001' || contentsLoc=='SMM002' || contentsLoc=='SBM004' || contentsLoc=='SBMM004' || contentsLoc=='SCM001' || contentsLoc=='SOM001'){
  654. html += '<button type="button" class="btn btn-base btn-lg"';
  655. if(contentsLoc=='SMM001' || contentsLoc=='SOM001'|| contentsLoc=='SBM004' || contentsLoc=='SCM001'){
  656. html += ' style="display:none;" ';
  657. }
  658. html += ' id="addSubText'+dataIdx+'" ';
  659. if(contentsLoc=='SBM004' || contentsLoc=='SCM001'){
  660. html += ' style="display:none;" ';
  661. }
  662. html += ' onclick="fnAddSubTextPopRow(this);">서브텍스트추가</button>\n';
  663. }
  664. if(contentsLoc=='SBM005' || contentsLoc=='SBMM005'){
  665. html += '<button type="button" class="btn btn-base btn-lg" id="addBrandDesc'+dataIdx+'" onclick="fnAddBrandDescRow(this,\'add\','+dataIdx+');">브랜드소개추가</button>\n';
  666. }
  667. if(contentsLoc!='SBM005' && contentsLoc!='SBMM005' && contentsLoc!='SGNB001' && contentsLoc!='SGNB002' && contentsLoc!='SMM005') {
  668. html += '<button type="button" class="btn btn-base btn-lg"';
  669. if(contentsLoc=='SMM001' || contentsLoc=='SOM001' || contentsLoc=='SBM004' || contentsLoc=='SCM001'){
  670. html += ' style="display:none;" ';
  671. }
  672. html += ' id="addImg'+dataIdx+'" onclick="fnAddImgPopRow(this);">이미지추가</button>\n';
  673. }
  674. if(contentsLoc=='SMM001' || contentsLoc=='SOM001' || contentsLoc=='SBM004'){
  675. html += '<button type="button" style="display: none;" class="btn btn-base btn-lg" id="addMobImg'+dataIdx+'" onclick="fnAddMobImgPopRow(this, '+dataIdx+');">모바일이미지추가</button>\n';
  676. }
  677. html += '<button type="button" class="btn btn-base btn-lg"';
  678. if(contentsLoc=='SMM001' || contentsLoc=='SOM001' || contentsLoc=='SBM004' || contentsLoc=='SCM001'){
  679. html += ' style="display:none;" ';
  680. }
  681. html += ' id="addLink'+dataIdx+'" onclick="fnAddLinkPopRow(this);">링크추가</button>\n';
  682. }
  683. html += '<button type="button" class="btn btn-danger btn-lg" onclick="fnDeleteContentsRow(this);">삭제</button></td>\n';
  684. html += '</tr>\n';
  685. if(contentsLoc=='SBM004' || contentsLoc=='SBM005' || contentsLoc=='SBMM004' || contentsLoc=='SBMM005'){
  686. html += '<tr class="cateTypeTr">\n';
  687. html += ' <th>클릭시<br>페이지창</th>\n';
  688. html += ' <td colspan="3">\n';
  689. html += ' <label class="rdoBtn"><input type="radio" name="pageTarget'+dataIdx+'" value="SELF" checked="checked"/>현재창</label>\n';
  690. html += ' <label class="rdoBtn"><input type="radio" name="pageTarget'+dataIdx+'" value="BLANK" />새창</label>\n';
  691. html += ' </td>\n';
  692. html += '</tr>\n';
  693. }
  694. if(contentsLoc=='SMM011' || contentsLoc=='SBM012' || contentsLoc=='SBMM012'){
  695. html += '<tr class="cateTypeTr">\n';
  696. html += ' <th>동영상구분</th>\n';
  697. html += ' <td colspan="3">\n';
  698. html += ' <label class="rdoBtn"><input type="radio" name="tvPlayer'+dataIdx+'" value="Y" onclick="fnChangeTvPlayer(this,'+dataIdx+');" checked="checked" />YouTube</label>\n';
  699. html += ' <label class="rdoBtn"><input type="radio" name="tvPlayer'+dataIdx+'" value="M" onclick="fnChangeTvPlayer(this,'+dataIdx+');"/>MP4</label>\n';
  700. html += ' </td>\n';
  701. html += '</tr>\n';
  702. html += '<tr class="cateTypeTr" name="tvY'+dataIdx+'">\n';
  703. html += ' <th>미디어<br>컨텐츠키</th>\n';
  704. html += ' <td colspan="3">\n';
  705. html += ' <input name="tvMediaKey'+dataIdx+'" type="text" class="w150" maxlength="200" data-valid-name="미디어 컨텐츠키" value=""/>\n';
  706. html += ' </td>\n';
  707. html += '</tr>\n';
  708. html += '<tr class="cateTypeTr" name="tvM'+dataIdx+'" style="display: none;">\n';
  709. html +=' <th>파일첨부<em class="required" title="필수"></em></th>\n';
  710. html +=' <td class="infoTxt" colSpan="5">\n';
  711. html +=' <div class="uFile w300">\n';
  712. html +=' <input id="file'+dataIdx+'" name="file" type="file" class="uFileInput w300" onchange="fnVideoFileUpload(this, '+dataIdx+')"/>\n';
  713. html +=' <label for="file'+dataIdx+'" class="uFileLabel">파일선택</label>\n';
  714. html +=' <input type="hidden" name="kufKey"/>\n';
  715. html +=' <input type="hidden" name="kmcKey"/>\n';
  716. html +=' </div>\n';
  717. html +=' </td>\n';
  718. html += '</tr>\n';
  719. }
  720. if(contentsLoc=='SGNB001'){
  721. html += '<tr class="cateTypeTr">\n';
  722. html += ' <th>유형선택</th>\n';
  723. html += ' <td colspan="3">\n';
  724. html += ' <label class="rdoBtn"><input type="radio" name="cateType'+dataIdx+'" value="OPEN" onclick="fnChangeGnbCateType(this,'+dataIdx+');" checked="checked"/>오픈배너</label>\n';
  725. html += ' <label class="rdoBtn"><input type="radio" name="cateType'+dataIdx+'" value="IMG" onclick="fnChangeGnbCateType(this,'+dataIdx+');"/>이미지배너</label>\n';
  726. html += ' <label class="rdoBtn"><input type="radio" name="cateType'+dataIdx+'" value="TEXT" onclick="fnChangeGnbCateType(this,'+dataIdx+');"/>텍스트배너</label>\n';
  727. html += ' </td>\n';
  728. html += '</tr>\n';
  729. var src = '';
  730. html += '<tr name="imgPopRow" id="openBanner0">\n';
  731. html += ' <th>띠배너<br>이미지</th>\n';
  732. html += ' <td><div class="uFile w300">\n';
  733. html += ' <input id="filePop_'+dataIdx+'" name="file" type="file" class="uFileInput w300" onchange="fnGnbFileUpload(this, '+dataIdx+', 0)"/>\n';
  734. html += ' <label for="filePop_'+dataIdx+'" class="uFileLabel">파일선택</label>\n';
  735. html += ' <input type="hidden" name="imgPath" value=""/>\n';
  736. html += ' <input type="hidden" name="newImgFile" value="" />\n';
  737. html += ' </div>\n';
  738. html += ' <div id="imgViewPop_'+dataIdx+'" class=';
  739. if(src!=''){
  740. html += '"on">';
  741. }else{
  742. html += '"off">';
  743. }
  744. html += ' <img id="bannerPreViewUrlPop_'+dataIdx+'" src="'+src+'" style="height:100px; max-width:500px;" onclick="cfnOpenImagePreViewPopup(\'bannerPreimgViewPop\',$(this).attr(\'src\'));"/>\n';
  745. html += ' </div></td>\n';
  746. html += '</tr>\n';
  747. html += '<tr class="cateTypeTr" name="openBannerTypeTr'+dataIdx+'" id="openBannerTypeTr">\n';
  748. html += ' <th>확장형 배너<br>유형</th>\n';
  749. html += ' <td colspan="3">\n';
  750. html += ' <label class="rdoBtn"><input type="radio" name="openBannerType'+dataIdx+'" value="IMG" onclick="fnChangeOpenBannerType(this,'+dataIdx+');" checked="checked"/>이미지형</label>\n';
  751. html += ' <label class="rdoBtn"><input type="radio" name="openBannerType'+dataIdx+'" value="HTML" onclick="fnChangeOpenBannerType(this,'+dataIdx+');"/>HTML형</label>\n';
  752. html += ' </td>\n';
  753. html += '</tr>\n';
  754. html += '<tr name="imgPopRow" id="openBanner1">\n';
  755. html += ' <th>오픈배너<br>이미지</th>\n';
  756. html += ' <td><div class="uFile w300">';
  757. html += ' <input id="filePop_100'+dataIdx+'" name="file" type="file" class="uFileInput w300" onchange="fnGnbFileUpload(this, 100'+dataIdx+', 1)"/>\n';
  758. html += ' <label for="filePop_100'+dataIdx+'" class="uFileLabel">파일선택</label>\n';
  759. html += ' <input type="hidden" name="imgPath" value=""/>\n';
  760. html += ' <input type="hidden" name="newImgFile" value="" />\n';
  761. html += ' </div>\n';
  762. html += ' <div id="imgViewPop_100'+dataIdx+'" class=';
  763. if(src!=''){
  764. html += '"on">';
  765. }else{
  766. html += '"off">';
  767. }
  768. html += ' <img id="bannerPreViewUrlPop_100'+dataIdx+'" src="'+src+'" style="height:100px; max-width:500px;" onclick="cfnOpenImagePreViewPopup(\'bannerPreimgViewPop\',$(this).attr(\'src\'));"/>\n';
  769. html += ' </div></td>\n';
  770. html += '</tr>\n';
  771. html += '<tr name="imgPopRow" id="openBanner2" style="display: none;">\n';
  772. html += ' <input type="hidden" name="htmlDesc'+dataIdx+'" id="htmlDesc'+dataIdx+'" value="">\n';
  773. html += ' <th>오픈배너<br>HTML</th>\n';
  774. html += ' <td class="padT10"><div class="tabJrContArea">\n';
  775. html += ' <textarea class="textareaR3 summernote" name="openBannerDesc'+dataIdx+'" id="openBannerDesc'+dataIdx+'"></textarea>\n';
  776. html += ' </div>\n';
  777. html += ' </td>\n';
  778. html += '</tr>\n';
  779. html += ' <tr name="tabBgColorRow'+dataIdx+'">\n';
  780. html += ' <th>배경 RGB코드</th>\n';
  781. html += ' <td><input name="gnbBgColor'+dataIdx+'" type="text" maxlength="200" data-valid-name="배경 RGB코드" value=""/></td>\n';
  782. html += ' </tr>\n';
  783. html += ' <tr name="tabShowYnRow'+dataIdx+'">\n';
  784. html += ' <th>확장형 배너<br>닫기 버튼<br>노출여부</th>\n';
  785. html += ' <td>\n';
  786. html += ' <label class="rdoBtn"><input type="radio" name="todayYn'+dataIdx+'" value="Y" checked="checked"/>노출</label>\n';
  787. html += ' <label class="rdoBtn"><input type="radio" name="todayYn'+dataIdx+'" value="N" />비노출</label>\n';
  788. html += ' </td>\n';
  789. html += ' </tr>\n';
  790. }
  791. if(contentsLoc=='SGNB002'){
  792. html += '<tr class="cateTypeTr">\n';
  793. html += ' <th>유형선택</th>\n';
  794. html += ' <td colspan="3">\n';
  795. html += ' <label class="rdoBtn"><input type="radio" name="cateType'+dataIdx+'" value="TEXT" onclick="fnChangeGnbCateType(this,'+dataIdx+');" checked="checked"/>텍스트배너</label>\n';
  796. html += ' </td>\n';
  797. html += '</tr>\n';
  798. }
  799. if(contentsLoc=='SCM002' || contentsLoc=='SCM003'){
  800. html += ' <tr>\n';
  801. html += ' <th>전시 설정</th>\n';
  802. html += ' <td>\n';
  803. html += ' <label class="rdoBtn"><input type="radio" name="dispYn" value="Y" checked="checked"/>노출</label>\n';
  804. html += ' <label class="rdoBtn"><input type="radio" name="dispYn" value="N"/>비노출</label>\n';
  805. html += ' </td>\n';
  806. if(contentsLoc=='SCM003'){
  807. html += ' <th>상품 노출 개수</th>\n';
  808. html += ' <td>\n';
  809. html += ' <label class="rdoBtn"><input type="radio" name="dispCnt" value="10" checked="checked"/>10개</label>\n';
  810. html += ' <label class="rdoBtn"><input type="radio" name="dispCnt" value="20"/>20개</label>\n';
  811. html += ' <label class="rdoBtn"><input type="radio" name="dispCnt" value="30"/>30개</label>\n';
  812. html += ' </td>\n';
  813. }
  814. html += ' </tr>\n';
  815. }
  816. if(contentsLoc=='SMM001' || contentsLoc=='SOM001'){
  817. html += '<tr>\n';
  818. html += ' <th>컨텐츠유형</th>\n';
  819. html += ' <td class="planArea" name="planArea" id="planArea'+dataIdx+'" colspan="3">\n';
  820. html += ' <label class="rdoBtn"><input type="radio" name="contentsType'+dataIdx+'" value="P" onclick="fnChangeContentsType(this,'+dataIdx+');" checked="checked"/>기획전</label>\n';
  821. html += ' <label class="rdoBtn"><input type="radio" name="contentsType'+dataIdx+'" value="E" onclick="fnChangeContentsType(this,'+dataIdx+');"/>이벤트</label>\n';
  822. html += ' <input type="text" class="w100 inputPlan" name="planSq'+dataIdx+'" value=""/>\n';
  823. html += ' <button type="button" class="btn btn btn-dark btn-sm btnPlan" onclick="fnSearchPlan('+dataIdx+');">기획전검색</button>\n';
  824. html += ' </td>\n';
  825. html += '</tr>\n';
  826. html += '<tr>\n';
  827. html += ' <th>썸네일 <br>글자 색상</th>\n';
  828. html += ' <td colspan="3">\n';
  829. html += ' <label class="rdoBtn"><input type="radio" name="thumTextColor'+dataIdx+'" value="BLACK" checked="checked"/>BLACK</label>\n';
  830. html += ' <label class="rdoBtn"><input type="radio" name="thumTextColor'+dataIdx+'" value="WHITE" />WHITE</label>\n';
  831. html += ' </td>\n';
  832. html += '</tr>\n';
  833. }
  834. if(contentsLoc=='SMM005'){
  835. html += '<tr>\n';
  836. html += ' <th>배너유형</th>\n';
  837. html += ' <td class="bannerArea" id="bannerArea'+dataIdx+'">\n';
  838. html += ' <label class="rdoBtn"><input type="radio" name="bannerType'+dataIdx+'" value="1" checked="checked" onclick="fnChangeHalfBannerType(this,'+dataIdx+', 1);">1단</label>'; /*onclick="fnChangeBannerType(this,1);"\n*/
  839. html += ' <label class="rdoBtn"><input type="radio" name="bannerType'+dataIdx+'" value="2" onclick="fnChangeHalfBannerType(this,'+dataIdx+', 2);">2단</label>\n';
  840. html += ' </td>\n';
  841. html += '</tr>\n';
  842. var src = '';
  843. html += '<tr name="imgPopRow" id="halfBanner0">\n';
  844. html += ' <th>1단<br>이미지</th>\n';
  845. html += ' <td><div class="uFile w300">\n';
  846. html += ' <input id="filePop_'+dataIdx+'" name="file" type="file" class="uFileInput w300" onchange="fnGnbFileUpload(this, '+dataIdx+', 0)"/>\n';
  847. html += ' <label for="filePop_'+dataIdx+'" class="uFileLabel">파일선택</label>\n';
  848. html += ' <input type="hidden" name="imgPath" value=""/>\n';
  849. html += ' <input type="hidden" name="newImgFile" value="" />\n';
  850. html += ' </div>\n';
  851. html += ' <div id="imgViewPop_'+dataIdx+'" class=';
  852. if(src!=''){
  853. html += '"on">';
  854. }else{
  855. html += '"off">';
  856. }
  857. html += ' <img id="bannerPreViewUrlPop_'+dataIdx+'" src="'+src+'" style="height:100px; max-width:500px;" onclick="cfnOpenImagePreViewPopup(\'bannerPreimgViewPop\',$(this).attr(\'src\'));"/>\n';
  858. html += ' </div></td>\n';
  859. html += '</tr>\n';
  860. html += '<tr name="linkPopRow" id="link1dep">\n';
  861. html += ' <th>1단 링크<br>(없으면 #)<br>(메인은 /)</th>\n';
  862. html += ' <td><input name="link" type="text" maxLength="200" required="required" data-valid-name="링크" placeholder="외부 URL 입력시 https:// 붙여주세요. ex)https://www.levis-kids.co.kr"></td>\n';
  863. html += ' <td class="aL">\n';
  864. html += ' </td>\n';
  865. html += '</tr>\n';
  866. html += '<tr name="imgPopRow" id="halfBanner1" style="display: none;">\n';
  867. html += ' <th>2단<br>이미지</th>\n';
  868. html += ' <td><div class="uFile w300">';
  869. html += ' <input id="filePop_100'+dataIdx+'" name="file" type="file" class="uFileInput w300" onchange="fnGnbFileUpload(this, 100'+dataIdx+', 1)"/>\n';
  870. html += ' <label for="filePop_100'+dataIdx+'" class="uFileLabel">파일선택</label>\n';
  871. html += ' <input type="hidden" name="imgPath" value=""/>\n';
  872. html += ' <input type="hidden" name="newImgFile" value="" />\n';
  873. html += ' </div>\n';
  874. html += ' <div id="imgViewPop_100'+dataIdx+'" class=';
  875. if(src!=''){
  876. html += '"on">';
  877. }else{
  878. html += '"off">';
  879. }
  880. html += ' <img id="bannerPreViewUrlPop_100'+dataIdx+'" src="'+src+'" style="height:100px; max-width:500px;" onclick="cfnOpenImagePreViewPopup(\'bannerPreimgViewPop\',$(this).attr(\'src\'));"/>\n';
  881. html += ' </div></td>\n';
  882. html += '</tr>\n';
  883. html += '<tr name="linkPopRow" id="link2dep" style="display: none;">\n';
  884. html += ' <th>2단 링크<br>(없으면 #)<br>(메인은 /)</th>\n';
  885. html += ' <td><input name="link" type="text" maxLength="200" required="required" data-valid-name="링크" placeholder="외부 URL 입력시 https:// 붙여주세요. ex)https://www.levis-kids.co.kr"></td>\n';
  886. html += ' <td class="aL">\n';
  887. html += ' </td>\n';
  888. html += '</tr>\n';
  889. }
  890. html += '</thead><tbody>\n';
  891. html += '</tbody></table>\n';
  892. $("#popSortable").prepend(html);
  893. $("#popSortable").sortable();
  894. $('.schDate').datepicker("destroy");
  895. $('.schDate').datepicker({
  896. changeMonth: true,
  897. changeYear: true,
  898. defaultDate: $('.schDate').val()
  899. });
  900. if(contentsLoc=='SMM001' || contentsLoc=='SOM001' || contentsLoc=='SBM004' || contentsLoc=='SCM001' || contentsLoc == 'SMM002'){
  901. $("#addTitle"+dataIdx).click();
  902. $("#addSubText"+dataIdx).click();
  903. $("#addLink"+dataIdx).click();
  904. $("#addImg"+dataIdx).click();
  905. if(contentsLoc=='SMM001' || contentsLoc=='SOM001' || contentsLoc=='SBM004'){
  906. $("#addMobImg"+dataIdx).click();
  907. }
  908. }
  909. if(contentsLoc=='SGNB002' || contentsLoc=='SMM008' || contentsLoc=='SBM006' || contentsLoc=='SBM014' || contentsLoc=='SBM015' || contentsLoc=='SBM016' || contentsLoc=='SCM005' || contentsLoc=='SOM005' || contentsLoc=='SAD001'){
  910. $("#addTitle"+dataIdx).click();
  911. if(contentsLoc=='SMM008'|| contentsLoc=='SBM006' || contentsLoc=='SBM014' || contentsLoc=='SBM015' || contentsLoc=='SBM016' || contentsLoc=='SCM005' || contentsLoc=='SOM005' || contentsLoc=='SAD001'){
  912. $("#addImg"+dataIdx).click();
  913. }
  914. $("#addLink"+dataIdx).click();
  915. }
  916. if(contentsLoc=='SGNB001'){
  917. $("#addLink"+dataIdx).click();
  918. gagaSn.setContents('#openBannerDesc'+dataIdx, '');
  919. }
  920. if(contentsLoc == 'SBM005'){
  921. $("#addTitle"+dataIdx).click();
  922. $("#addBrandDesc"+dataIdx).click();
  923. $("#addLink"+dataIdx).click();
  924. }
  925. fnResetDispOrd();
  926. tableLen = tableLen+1;
  927. });
  928. var fnVideoFileUpload = function (obj, idx){
  929. var file = obj.files[0];
  930. gagaKollus.upload('Display', file, $(obj).find('input[name=kufKey]'));
  931. }
  932. var fnChangeBannerType = function (obj, idx){
  933. if(idx==1){
  934. $(obj).closest("table").find("[id=bannerImgTr1]").show();
  935. $(obj).closest("table").find("[id=bannerLinkTr1]").show();
  936. $(obj).closest("table").find("[id=bannerImgTr2]").hide();
  937. $(obj).closest("table").find("[id=bannerLinkTr2]").hide();
  938. }else{
  939. $(obj).closest("table").find("[id=bannerImgTr1]").show();
  940. $(obj).closest("table").find("[id=bannerLinkTr1]").show();
  941. $(obj).closest("table").find("[id=bannerImgTr2]").show();
  942. $(obj).closest("table").find("[id=bannerLinkTr2]").show();
  943. }
  944. }
  945. // 몰메인>메인롤링배너 컨텐츠유형 선택시
  946. var fnChangeContentsType = function (obj, idx){
  947. var radioVal = $(obj).closest("td").find("input[name=contentsType"+idx+"]:checked").val();
  948. if(radioVal=='P'){
  949. $("#planArea"+idx+" .inputPlan").show();
  950. $("#planArea"+idx+" .btnPlan").show();
  951. }else{
  952. $("#planArea"+idx).find("input[name=planSq"+idx+"]").val('');
  953. $("#planArea"+idx+" .inputPlan").hide();
  954. $("#planArea"+idx+" .btnPlan").hide();
  955. }
  956. }
  957. // 몰메인>메인롤링배너 기획전 조회
  958. var tableDataId = 0;
  959. var fnSearchPlan = function (idx){
  960. cfnOpenPlanPopup('callbackPlanPopup');
  961. tableDataId = idx;
  962. }
  963. var callbackPlanPopup = function (result){
  964. $("#mcTable"+tableDataId+" .planArea").find("input[name=planSq"+tableDataId+"]").val(result[0].planSq);
  965. $("#mcTable"+tableDataId).find("tr[name=titlePopRow]").find("input[name=title]").val(result[0].planNm);
  966. $("#mcTable"+tableDataId).find("tr[name=subTextPopRow]").find("input[name=subText]").val(result[0].dtlTitle1);
  967. $("#mcTable"+tableDataId).find("tr[name=linkPopRow]").find("input[name=link]").val('/planning/detail/form?planSq='+result[0].planSq);
  968. $("#mcTable"+tableDataId).find("tr[id=mobImgPop]").find("input[name=imgPath]").val(result[0].mainPimg);
  969. if(!gagajf.isNull(result[0].mainPimg)){
  970. let pcImgIdx = $("#mcTable"+tableDataId).find('.pcImg').find('input[name=imgIdx]').attr('pcImg-idx');
  971. if(contentsLoc=='SOM001'){
  972. $("#mcTable"+tableDataId).find('.pcImg').find("#bannerPreViewUrlPop_"+pcImgIdx).attr('src', $("#uploadDefaultUrlPop").val().replace('/contents/', '')+result[0].mainPimg);
  973. $("#mcTable"+tableDataId).find('.pcImg').find("#imgViewPop_"+pcImgIdx).removeClass("off").addClass("on");
  974. }
  975. $("#mcTable"+tableDataId).find('.mobImg').find("#bannerPreViewUrlPop_100"+tableDataId).attr('src', $("#uploadDefaultUrlPop").val().replace('/contents/', '')+result[0].mainPimg);
  976. $("#mcTable"+tableDataId).find('.mobImg').find("#imgViewPop_100"+tableDataId).removeClass("off").addClass("on");
  977. }
  978. let stdt = result[0].dispStdt.split(" ");
  979. let eddt = result[0].dispEddt.split(" ");
  980. let stdtTime;
  981. let eddtTime;
  982. $("#mcTable"+tableDataId).find("[name=dispStdt]").val(stdt[0]);
  983. $("#mcTable"+tableDataId).find("[name=dispEddt]").val(eddt[0]);
  984. if(!gagajf.isNull(stdt[1])){
  985. stdtTime = stdt[1].split(":");
  986. }
  987. if(!gagajf.isNull(eddt[1])){
  988. eddtTime = eddt[1].split(":");
  989. }
  990. $("#mcTable"+tableDataId).find("[name=stTimeHour]").val(stdtTime[0]+'시').prop("selected", true);
  991. $("#mcTable"+tableDataId).find("[name=stTimeMin]").val(stdtTime[1]+'분').prop("selected", true);
  992. $("#mcTable"+tableDataId).find("[name=edTimeHour]").val(eddtTime[0]+'시').prop("selected", true);
  993. $("#mcTable"+tableDataId).find("[name=edTimeMin]").val(eddtTime[1]+'분').prop("selected", true);
  994. }
  995. // SMM001 데이터 validation 체크
  996. function smm001DataValidation(){
  997. var dataBool = true;
  998. let dupCnt = 0;
  999. $(".mcTable").each(function(i){
  1000. var thisIdx = $(this).find("input[name=tableIdx]").val();
  1001. var contentsTypeVal = $(this).find("input:radio[name=contentsType"+thisIdx+"]:checked").val();
  1002. var textColorVal = $(this).find("input:radio[name=thumTextColor"+thisIdx+"]:checked").val();
  1003. var imgVal = $(this).find(".pcImgFile").find("input[name=imgPath]").val();
  1004. var newImgVal = $(this).find(".pcImgFile").find("input[name=newImgFile]").val();
  1005. var mImgVal = $(this).find(".mobImgFile").find("input[name=imgPath]").val();
  1006. var mNewImgVal = $(this).find(".mobImgFile").find("input[name=newImgFile]").val();
  1007. if(gagajf.isNull(contentsTypeVal)){
  1008. mcxDialog.alert((i+1)+'번째 컨텐츠 유형을 선택해주세요.');
  1009. dupCnt++;
  1010. return false;
  1011. }
  1012. if(contentsTypeVal=='P'){
  1013. if(gagajf.isNull($(this).find("input[name=planSq"+thisIdx+"]").val())){
  1014. mcxDialog.alert((i+1)+'번째 기획전 번호를 입력해주세요.');
  1015. $(this).find("input[name=planSq"+thisIdx+"]").focus();
  1016. dupCnt++;
  1017. return false;
  1018. }
  1019. }
  1020. if(gagajf.isNull(textColorVal)){
  1021. mcxDialog.alert((i+1)+'번째 썸네일 글자 색상을 선택해주세요.');
  1022. dupCnt++;
  1023. return false;
  1024. }
  1025. if(gagajf.isNull(imgVal) && gagajf.isNull(newImgVal)){
  1026. mcxDialog.alert((i+1)+'번째 이미지를 선택해주세요.');
  1027. dupCnt++;
  1028. return false;
  1029. }
  1030. if(gagajf.isNull(mImgVal) && gagajf.isNull(mNewImgVal)){
  1031. mcxDialog.alert((i+1)+'번째 모바일용 이미지를 선택해주세요.');
  1032. dupCnt++;
  1033. return false;
  1034. }
  1035. });
  1036. // if(!dataBool){
  1037. // return false;
  1038. // }else{
  1039. // return true;
  1040. // }
  1041. if(dupCnt==0){
  1042. return true;
  1043. }
  1044. }
  1045. // 전시 일시 체크
  1046. function dateValidation(){
  1047. var dateBool = true;
  1048. let dupCnt = 0;
  1049. $(".mcTable").each(function(i){
  1050. var thisIdx = $(this).find("input[name=tableIdx]").val();
  1051. var dispStdt = $(this).find("[name=dispStdt]").val().replace(/[^0-9]/g, '') + "" +$(this).find("[name=stTimeHour]").val().replace('시', '') + "" +$(this).find("[name=stTimeMin]").val().replace('분', '') + "00";
  1052. var dispEddt = $(this).find("[name=dispEddt]").val().replace(/[^0-9]/g, '') + "" +$(this).find("[name=edTimeHour]").val().replace('시', '') + "" +$(this).find("[name=edTimeMin]").val().replace('분', '') + "59";
  1053. let fromDate = dispStdt.replace(/[^0-9]/g, '');
  1054. let toDate = dispEddt.replace(/[^0-9]/g, '');
  1055. if(fromDate > toDate){
  1056. mcxDialog.alert((i+1) +"번째 " +"시작일자는 종료일자 보다 클 수 없습니다.");
  1057. $(this).find('input[name=dispStdt]').focus();
  1058. // dateBool = false;
  1059. dupCnt++;
  1060. return false;
  1061. }
  1062. });
  1063. // if(!dateBool){
  1064. // return false;
  1065. // }else{
  1066. // return true;
  1067. // }
  1068. if(dupCnt==0){
  1069. return true;
  1070. }
  1071. }
  1072. // 동영상 확장자 체크
  1073. function videoValidation(){
  1074. var dataBool = true;
  1075. let dupCnt = 0;
  1076. $(".mcTable").each(function(i){
  1077. var thisIdx = $(this).find("input[name=tableIdx]").val();
  1078. if($(this).find("input:radio[name=tvPlayer"+thisIdx+"]:checked").val()=='M' && ($(this).find("input[name=tvMediaKey"+thisIdx+"]").val()==null || $(this).find("input[name=tvMediaKey"+thisIdx+"]").val()=='')){
  1079. var fileName = $(this).find("input:file[name=file]").val();
  1080. var ext = fileName.split('.').pop().toLowerCase();
  1081. if(ext!='mp4'&&ext!='MP4'){
  1082. mcxDialog.alert((i+1) +'번째 ' +ext+'파일은 업로드 하실 수 없습니다.');
  1083. $(this).find("input:radio[name=tvPlayer"+thisIdx+"]").focus();
  1084. dupCnt++;
  1085. return false;
  1086. }
  1087. }
  1088. });
  1089. // if(!dataBool){
  1090. // return false;
  1091. // }else{
  1092. // return true;
  1093. // }
  1094. if(dupCnt==0){
  1095. return true;
  1096. }
  1097. }
  1098. var bannerDataValidation = function (){
  1099. var dataBool = true;
  1100. let dupCnt = 0;
  1101. $(".mcTable").each(function(i) {
  1102. var thisIdx = $(this).find("input[name=tableIdx]").val();
  1103. var bannerType = $(this).find("input[name=bannerType"+thisIdx+"]:checked").val();
  1104. if(bannerType == 1){
  1105. if(gagajf.isNull($("#mcTable"+thisIdx+" #halfBanner0").find("input[name=imgPath]").val())){
  1106. if(gagajf.isNull($("#mcTable"+thisIdx+" #halfBanner0").find("input[name=newImgFile]").val())){
  1107. mcxDialog.alert((i+1) +'번째 컨텐츠 1단 이미지를 선택해주세요.');
  1108. dupCnt++;
  1109. return false;
  1110. }
  1111. }
  1112. if(gagajf.isNull($("#mcTable"+thisIdx+" #link1dep").find("input[name=link]").val())){
  1113. mcxDialog.alert((i+1) +'번째 컨텐츠 1단 링크를 입력해주세요.');
  1114. dupCnt++;
  1115. return false;
  1116. }
  1117. }else{
  1118. if(gagajf.isNull($("#mcTable"+thisIdx+" #halfBanner0").find("input[name=imgPath]").val())){
  1119. if(gagajf.isNull($("#mcTable"+thisIdx+" #halfBanner0").find("input[name=newImgFile]").val())){
  1120. mcxDialog.alert((i+1) +'번째 컨텐츠 1단 이미지를 선택해주세요.');
  1121. dupCnt++;
  1122. return false;
  1123. }
  1124. }
  1125. if(gagajf.isNull($("#mcTable"+thisIdx+" #link1dep").find("input[name=link]").val())){
  1126. mcxDialog.alert((i+1) +'번째 컨텐츠 1단 링크를 입력해주세요.');
  1127. dupCnt++;
  1128. return false;
  1129. }
  1130. if(gagajf.isNull($("#mcTable"+thisIdx+" #halfBanner1").find("input[name=imgPath]").val())){
  1131. if(gagajf.isNull($("#mcTable"+thisIdx+" #halfBanner1").find("input[name=newImgFile]").val())){
  1132. mcxDialog.alert((i+1) +'번째 컨텐츠 2단 이미지를 선택해주세요.');
  1133. dupCnt++;
  1134. return false;
  1135. }
  1136. }
  1137. if(gagajf.isNull($("#mcTable"+thisIdx+" #link2dep").find("input[name=link]").val())){
  1138. mcxDialog.alert((i+1) +'번째 컨텐츠 2단 링크를 입력해주세요.');
  1139. dupCnt++;
  1140. return false;
  1141. }
  1142. }
  1143. });
  1144. if(dupCnt==0){
  1145. return true;
  1146. }
  1147. // if(!dataBool){
  1148. // return false;
  1149. // }else{
  1150. // return true;
  1151. // }
  1152. }
  1153. var dateNullValidation = function (){
  1154. var dateBool = true;
  1155. let dupCnt = 0;
  1156. $(".mcTable").each(function(i){
  1157. if(gagajf.isNull($(this).find("[name=dispStdt]").val())){
  1158. mcxDialog.alert((i+1) +"번째 " +"시작일자를 입력해주세요.");
  1159. $(this).find('input[name=dispStdt]').focus();
  1160. // dateBool = false;
  1161. dupCnt++;
  1162. return false;
  1163. }
  1164. if(gagajf.isNull($(this).find("[name=dispEddt]").val())){
  1165. mcxDialog.alert((i+1) +"번째 " +"종료일자를 입력해주세요.");
  1166. $(this).find('input[name=dispEddt]').focus();
  1167. // dateBool = false;
  1168. dupCnt++;
  1169. return false;
  1170. }
  1171. var thisIdx = $(this).find("input[name=tableIdx]").val();
  1172. var dispStdt = $(this).find("[name=dispStdt]").val().replace(/[^0-9]/g, '') + "" +$(this).find("[name=stTimeHour]").val().replace('시', '') + "" +$(this).find("[name=stTimeMin]").val().replace('분', '') + "00";
  1173. var dispEddt = $(this).find("[name=dispEddt]").val().replace(/[^0-9]/g, '') + "" +$(this).find("[name=edTimeHour]").val().replace('시', '') + "" +$(this).find("[name=edTimeMin]").val().replace('분', '') + "59";
  1174. let fromDate = dispStdt.replace(/[^0-9]/g, '');
  1175. let toDate = dispEddt.replace(/[^0-9]/g, '');
  1176. if(fromDate > toDate){
  1177. mcxDialog.alert((i+1) +"번째 " +"시작일자는 종료일자 보다 클 수 없습니다.");
  1178. $(this).find('input[name=dispStdt]').focus();
  1179. // dateBool = false;
  1180. dupCnt++;
  1181. return false;
  1182. }
  1183. });
  1184. // if(!dateBool){
  1185. // return false;
  1186. // }else{
  1187. // return true;
  1188. // }
  1189. if(dupCnt==0){
  1190. return true;
  1191. }
  1192. }
  1193. /**
  1194. * 임시저장
  1195. */
  1196. var dataArr = [];
  1197. $("#btnPopSave").on("click", function (){
  1198. if(contentsLoc != 'SMM005'){
  1199. if (!gagajf.checkRequired("#popSortable")) {
  1200. return;
  1201. }
  1202. }else{
  1203. // 전시일시 체크
  1204. if(!dateNullValidation()){
  1205. return false;
  1206. }
  1207. }
  1208. // 전시일시 체크
  1209. if(!dateValidation()){
  1210. return false;
  1211. }
  1212. if(contentsLoc=='SMM011' || contentsLoc=='SBM012'){
  1213. if(!videoValidation()){
  1214. return false;
  1215. }
  1216. }
  1217. if(contentsLoc=='SMM001' || contentsLoc=='SOM001'){
  1218. if(!smm001DataValidation()){
  1219. return false;
  1220. }
  1221. }
  1222. if(contentsLoc == 'SMM005'){
  1223. if(!bannerDataValidation()){
  1224. return false;
  1225. }
  1226. }
  1227. var titleBool = true;
  1228. $("#popSortable").find('input[name=title]').each(function(idx, title) {
  1229. if ($(title).val()==''){
  1230. titleBool = false;
  1231. $(title).focus();
  1232. gagajf.alertMessage($(title), 'input');
  1233. return;
  1234. }
  1235. });
  1236. if(!titleBool){
  1237. return false;
  1238. }
  1239. dataArr = [];
  1240. $("#popSortable table").each(function(){
  1241. var newImgFileArr = [];
  1242. var imgPath1 = '';
  1243. var imgPath2 = '';
  1244. var imgPath3 = '';
  1245. var imgPath4 = '';
  1246. var strVar1 = '';
  1247. var strVar2 = '';
  1248. var strVar3 = '';
  1249. var strVar4 = '';
  1250. var strVar5 = '';
  1251. var strVar6 = '';
  1252. var strVar7 = '';
  1253. var strVar8 = '';
  1254. var strTitle1 = '';
  1255. var strTitle2 = '';
  1256. var strTitle3 = '';
  1257. var strTitle4 = '';
  1258. var subText1 = '';
  1259. var subText2 = '';
  1260. var subText3 = '';
  1261. var subText4 = '';
  1262. var contentsType = '';
  1263. var useYn = 'Y';
  1264. var html = '';
  1265. var i = 1;
  1266. $(this).find('input[name=imgPath]').each(function(){
  1267. eval("imgPath" + i + "='"+$(this).val()+"'");
  1268. i++;
  1269. });
  1270. $(this).find('input[name=newImgFile]').each(function(){
  1271. newImgFileArr.push($(this).val());
  1272. });
  1273. i = 1;
  1274. $(this).find('input[name=title]').each(function(){
  1275. var title = $(this).val().replace(/[\']/gi, "\\'");
  1276. eval("strTitle" + i + "='"+title+"'");
  1277. i++;
  1278. });
  1279. i = 1;
  1280. $(this).find('input[name=link]').each(function(){
  1281. _mall = [[${@environment.getProperty('domain.front')}]];
  1282. var val = $(this).val();
  1283. val = val.replace('https:'+_mall, '');
  1284. val = val.replace('http:'+_mall, '');
  1285. val = val.replace(_mall, '');
  1286. eval("strVar" + i + "='"+val+"'");
  1287. i++;
  1288. });
  1289. i = 1;
  1290. $(this).find('input[name=subText]').each(function(){
  1291. var subText = $(this).val().replace(/[\']/gi, "\\'");
  1292. eval("subText" + i + "='"+subText+"'");
  1293. i++;
  1294. });
  1295. if(contentsLoc=='SBM005'){
  1296. var thisIdx = $(this).find("input[name=tableIdx]").val();
  1297. subText1 = $(this).find("textarea[id=brandDesc"+thisIdx+"]").val();
  1298. }
  1299. if(contentsLoc=='SMM011' || contentsLoc=='SBM012' || contentsLoc=='SBMM012'){
  1300. var thisIdx = $(this).find("input[name=tableIdx]").val();
  1301. strVar1 = $(this).find("input:radio[name=tvPlayer"+thisIdx+"]:checked").val();
  1302. strVar2 = $(this).find("input[name=tvMediaKey"+thisIdx+"]").val();
  1303. strVar3 = $(this).find("input[name=kufKey]").val();
  1304. }
  1305. var dispStdt = $(this).find("[name=dispStdt]").val().replace(/[^0-9]/g, '') + "" +$(this).find("[name=stTimeHour]").val().replace('시', '') + "" +$(this).find("[name=stTimeMin]").val().replace('분', '') + "00";
  1306. var dispEddt = $(this).find("[name=dispEddt]").val().replace(/[^0-9]/g, '') + "" +$(this).find("[name=edTimeHour]").val().replace('시', '') + "" +$(this).find("[name=edTimeMin]").val().replace('분', '') + "59";
  1307. var dispOrd = $(this).find("[name=dispOrd]").val();
  1308. if(contentsLoc=='SBM004' || contentsLoc=='SBM005' || contentsLoc=='SBMM004' || contentsLoc=='SBMM005'){
  1309. var thisIdx = $(this).find("input[name=tableIdx]").val();
  1310. contentsType = $(this).find("input:radio[name=pageTarget"+thisIdx+"]:checked").val();
  1311. }
  1312. if(contentsLoc=='SGNB001'){
  1313. var thisIdx = $(this).find("input[name=tableIdx]").val();
  1314. contentsType = $(this).find("input:radio[name=cateType"+thisIdx+"]:checked").val();
  1315. strVar5 = $(this).find("input[name=gnbBgColor"+thisIdx+"]").val();
  1316. strVar6 = $(this).find("input[name=gnbTextColor"+thisIdx+"]").val();
  1317. strVar8 = $(this).find("input:radio[name=todayYn"+thisIdx+"]:checked").val();
  1318. if(contentsType=='OPEN'){
  1319. strVar7 = $(this).find("input:radio[name=openBannerType"+thisIdx+"]:checked").val();
  1320. }else{
  1321. strVar7 = '';
  1322. }
  1323. if($(this).find("input:radio[name=openBannerType"+thisIdx+"]:checked").val() == 'HTML'){
  1324. html = $(this).find("textarea[name=openBannerDesc"+thisIdx+"]").val();
  1325. }
  1326. }
  1327. if(contentsLoc=='SGNB002'){
  1328. var thisIdx = $(this).find("input[name=tableIdx]").val();
  1329. contentsType = $(this).find("input:radio[name=cateType"+thisIdx+"]:checked").val();
  1330. }
  1331. if(contentsLoc=='SMM001' || contentsLoc=='SOM001'){
  1332. var thisIdx = $(this).find("input[name=tableIdx]").val();
  1333. strVar5 = $(this).find("input:radio[name=contentsType"+thisIdx+"]:checked").val();
  1334. strVar6 = $(this).find("input[name=planSq"+thisIdx+"]").val();
  1335. strVar7 = $(this).find("input:radio[name=thumTextColor"+thisIdx+"]:checked").val();
  1336. }
  1337. if(contentsLoc=='SMM005'){
  1338. var thisIdx = $(this).find("input[name=tableIdx]").val();
  1339. contentsType = $(this).find("input:radio[name=bannerType"+thisIdx+"]:checked").val();
  1340. }
  1341. if(contentsLoc=='SCM002' || contentsLoc=='SCM003'){
  1342. useYn = $(this).find("input:radio[name=dispYn]:checked").val();
  1343. }
  1344. if(contentsLoc=='SCM003'){
  1345. strVar1 = $(this).find("input:radio[name=dispCnt]:checked").val();
  1346. }
  1347. var data = {cateNo : cateNo
  1348. , contentsLoc : contentsLoc
  1349. , contentsType : contentsType
  1350. , dispStdt : dispStdt
  1351. , dispEddt : dispEddt
  1352. , newImgFileArr : newImgFileArr
  1353. , imgPath1 : imgPath1
  1354. , imgPath2 : imgPath2
  1355. , imgPath3 : imgPath3
  1356. , imgPath4 : imgPath4
  1357. , strVar1 : strVar1
  1358. , strVar2 : strVar2
  1359. , strVar3 : strVar3
  1360. , strVar4 : strVar4
  1361. , strVar5 : strVar5
  1362. , strVar6 : strVar6
  1363. , strVar7 : strVar7
  1364. , strVar8 : strVar8
  1365. , strTitle1 : strTitle1
  1366. , strTitle2 : strTitle2
  1367. , strTitle3 : strTitle3
  1368. , strTitle4 : strTitle4
  1369. , subText1 : subText1
  1370. , subText2 : subText2
  1371. , subText3 : subText3
  1372. , subText4 : subText4
  1373. , useYn : useYn
  1374. , dispOrd : dispOrd
  1375. , brandGroupNo : brandGroupNo
  1376. , html : html
  1377. };
  1378. dataArr.push(data);
  1379. });
  1380. if(dataArr.length==0){
  1381. var data = {cateNo : cateNo
  1382. , contentsLoc : contentsLoc
  1383. , brandGroupNo : brandGroupNo
  1384. };
  1385. dataArr.push(data);
  1386. }else{
  1387. var dataArrSort = [];
  1388. dataArr.forEach(function(item, index){
  1389. if(dataArr[index].dispOrd>0){
  1390. for(var i=1; i<dataArr.length; i++){
  1391. if(i>index){
  1392. if(dataArr[index].dispOrd==dataArr[i].dispOrd){
  1393. dataArr[i].dispOrd = Number(dataArr[i].dispOrd) + 1;
  1394. }
  1395. }
  1396. }
  1397. }
  1398. });
  1399. dataArr.forEach(function(item, index){
  1400. if(dataArr[index].dispOrd != ''){
  1401. dataArrSort[dataArr[index].dispOrd-1] = item;
  1402. }
  1403. });
  1404. dataArr.forEach(function(item, index){
  1405. if(dataArr[index].dispOrd == ''){
  1406. var empty = false;
  1407. for(var i=0; i<dataArrSort.length; i++){
  1408. if(typeof dataArrSort[i] == 'undefined'){
  1409. dataArrSort[i] = item;
  1410. empty = true;
  1411. break;
  1412. }
  1413. };
  1414. if(!empty){
  1415. dataArrSort.push(item);
  1416. }
  1417. }
  1418. });
  1419. dataArr = dataArrSort;
  1420. }
  1421. var jsonData = JSON.stringify(dataArr);
  1422. // console.log('jsonData::'+jsonData);
  1423. mcxDialog.confirm('컨텐츠를 저장 하시겠습니까?', {
  1424. cancelBtnText: "취소",
  1425. sureBtnText: "확인",
  1426. sureBtnClick: function(){
  1427. gagajf.ajaxJsonSubmit('/display/contents/preview/save', jsonData, fnGetContentsPreviewList);
  1428. }
  1429. });
  1430. });
  1431. /**
  1432. * 파일첨부
  1433. */
  1434. var fnPopFileUpload = function (obj, ind){
  1435. var file = obj.files[0];
  1436. file.name = 'test';
  1437. if (typeof(file) == 'undefined'){
  1438. return;
  1439. }
  1440. console.log('ind>>>>'+ind);
  1441. // 파일 업로드
  1442. gagajf.ajaxFileUpload('/common/file/upload?subDir=/contents'
  1443. , file
  1444. , function(result) {
  1445. $(obj).closest('div').find('input:hidden[name=newImgFile]').val(result.newFileName);
  1446. $("#bannerPreViewUrlPop_"+ind).attr('src', $("#uploadDefaultUrlPop").val()+result.newFileName);
  1447. $("#imgViewPop_"+ind).removeClass("off").addClass("on");
  1448. }
  1449. , 'image'
  1450. );
  1451. }
  1452. /**
  1453. * GNB배너 파일 첨부
  1454. */
  1455. var fnGnbFileUpload = function (obj, ind, num){
  1456. var file = obj.files[0];
  1457. file.name = 'test';
  1458. if (typeof(file) == 'undefined'){
  1459. return;
  1460. }
  1461. var $obj = $(obj);
  1462. console.log('data-id::'+$("#mcTable"+ind).find('input[name=tableIdx]').val());
  1463. // 파일 업로드
  1464. gagajf.ajaxFileUpload('/common/file/upload?subDir=/contents'
  1465. , file
  1466. , function(result) {
  1467. $(obj).closest('div').find('input:hidden[name=newImgFile]').val(result.newFileName);
  1468. $("#bannerPreViewUrlPop_"+ind).attr('src', $("#uploadDefaultUrlPop").val()+result.newFileName);
  1469. $("#imgViewPop_"+ind).removeClass("off").addClass("on");
  1470. }
  1471. , 'image'
  1472. );
  1473. }
  1474. /**
  1475. * 링크추가
  1476. */
  1477. var fnAddLinkPopRow = function (param){
  1478. var val = typeof param=='object'?'#':param;
  1479. var html = '<tr name="linkPopRow">';
  1480. html += '<th>링크 (없으면 #)<br>(메인은 /)</th>';
  1481. html += '<td><input name="link" type="text" maxlength="200" required="required" data-valid-name="링크" placeholder="외부 URL 입력시 https:// 붙여주세요. ex)https://www.levis-kids.co.kr" value="'+val+'"/></td>';
  1482. if(contentsLoc!='SMM001' && contentsLoc!='SOM001' && contentsLoc!='SCM001' && contentsLoc!='SBM004' && contentsLoc!='SMM005'){
  1483. html += '<td class="aL"><button type="button" class="btn icn" onclick="fnDeleteTrRow(this);"><i class="fa fa-times" aria-hidden="true"></i></button></td>';
  1484. }
  1485. html += '</tr>';
  1486. if(typeof param == 'object'){
  1487. if(contentsLoc=='SMM005'){
  1488. if($(param).closest("table").find("tbody").find("tr[name=linkPopRow]").length>1){
  1489. mcxDialog.alert("링크는 최대 2개까지 등록 가능합니다");
  1490. return;
  1491. }
  1492. }else{
  1493. if($(param).closest("table").find("tbody").find("tr[name=linkPopRow]").length>0){
  1494. mcxDialog.alert("링크는 1개까지 등록 가능합니다");
  1495. return;
  1496. }
  1497. }
  1498. $(param).closest("table").find("tbody").append(html);
  1499. }else{
  1500. return html;
  1501. }
  1502. }
  1503. /**
  1504. * 서브텍스트추가
  1505. */
  1506. var fnAddSubTextPopRow = function (param){
  1507. var val = typeof param=='object'?'':param;
  1508. if(gagajf.isNull(val)){
  1509. val = '';
  1510. }
  1511. var html = '<tr name="subTextPopRow">'
  1512. html += '<th>서브텍스트</th>';
  1513. html += '<td><input type="text" name="subText" maxlength="200" value="'+val+'"/></td>';
  1514. if(contentsLoc!='SMM001' && contentsLoc!='SOM001' && contentsLoc!='SCM001' && contentsLoc!='SBM004'){
  1515. html += '<td class="aL"><button type="button" class="btn icn" onclick="fnDeleteTrRow(this);"><i class="fa fa-times" aria-hidden="true"></i></button></td>';
  1516. }
  1517. html += '</tr>';
  1518. if(typeof param == 'object'){
  1519. if($(param).closest("table").find("tbody").find("tr[name=subTextPopRow]").length>0){
  1520. mcxDialog.alert("서브텍스트는 1개까지 등록 가능합니다");
  1521. return;
  1522. }
  1523. $(param).closest("table").find("tbody").append(html);
  1524. }else{
  1525. return html;
  1526. }
  1527. }
  1528. /**
  1529. * 브랜드 소개추가
  1530. */
  1531. var brandDescIndex = 0;
  1532. var fnAddBrandDescRow = function (param , gubun, idx){
  1533. if(gubun=='add'){
  1534. var thisIdx = $("#mcTable"+idx).find("input[name=tableIdx]").val();
  1535. brandDescIndex = thisIdx;
  1536. }
  1537. var val = typeof param=='object'?'':param;
  1538. if(!gagajf.isNull()){
  1539. val = val.replaceAll('&lt;','<').replaceAll('&gt;', '>').replaceAll('&quot;', '"');
  1540. }
  1541. var html = '<tr name="subTextPopRow">'
  1542. html += '<th>브랜드소개';
  1543. html += '<br/>';
  1544. html += '<span id="brandDescContent'+brandDescIndex+'">0</span>/4,000Byte';
  1545. html += '</th>';
  1546. html += '<td>';
  1547. html += '<textarea class="textareaR4" style="resize: none;" name="subText" id="brandDesc'+brandDescIndex+'" onkeyup="cfnGetTextLength(this, 4000, $(\'#brandDescContent'+brandDescIndex+'\'));" >'+val+'</textarea>';
  1548. html += '</td>';
  1549. html += '<td class="aL"><button type="button" class="btn icn" onclick="fnDeleteTrRow(this);"><i class="fa fa-times" aria-hidden="true"></i></button></td>';
  1550. html += '</tr>';
  1551. if(typeof param == 'object'){
  1552. brandDescIndex++;
  1553. if($(param).closest("table").find("tbody").find("tr[name=subTextPopRow]").length>0){
  1554. mcxDialog.alert("브랜드소개는 1개까지 등록 가능합니다");
  1555. return;
  1556. }
  1557. $(param).closest("table").find("tbody").append(html);
  1558. }else{
  1559. brandDescIndex++;
  1560. return html;
  1561. }
  1562. }
  1563. /**
  1564. * 이미지 추가
  1565. */
  1566. var imgIndex = 0;
  1567. var fnAddImgPopRow = function (param, idx){
  1568. var src = '';
  1569. var imgPath = '';
  1570. if(typeof param!='object'){
  1571. src = $("#uploadDefaultUrlPop").val().replace('/contents/', '')+param;
  1572. imgPath = param;
  1573. }
  1574. var html = '<tr class="pcImg" name="imgPopRow">';
  1575. html += '<input type="hidden" name="imgIdx" pcImg-idx="'+imgIndex+'" />';
  1576. if(idx>1){
  1577. if(contentsLoc != 'SMM005'){
  1578. html += '<th>모바일용 이미지';
  1579. }else{
  1580. html += '<th>이미지';
  1581. }
  1582. }else{
  1583. html += '<th>이미지';
  1584. }
  1585. html += '</th>';
  1586. html += '<td><div class="uFile w300';
  1587. if(idx>1){
  1588. html += ' mobImgFile';
  1589. }else{
  1590. html += ' pcImgFile';
  1591. }
  1592. html +=' ">';
  1593. html += '<input id="filePop_'+imgIndex+'" name="file" type="file" class="uFileInput w300" onchange="fnPopFileUpload(this, '+imgIndex+')"/>';
  1594. html += '<label for="filePop_'+imgIndex+'" class="uFileLabel">파일선택</label>';
  1595. html += '<input type="hidden" name="imgPath" value="'+imgPath+'"/>';
  1596. html += '<input type="hidden" name="newImgFile" value="" />';
  1597. html += '</div>';
  1598. html += '<div id="imgViewPop_'+imgIndex+'" class=';
  1599. if(src!='' && imgPath !=''){
  1600. html += '"on">';
  1601. }else{
  1602. html += '"off">';
  1603. }
  1604. html += '<img id="bannerPreViewUrlPop_'+imgIndex+'" src="'+src+'" style="height:100px; max-width:500px;" onclick="cfnOpenImagePreViewPopup(\'bannerPreimgViewPop\',$(this).attr(\'src\'));"/>';
  1605. html += '</div></td>';
  1606. if(contentsLoc!='SMM001' && contentsLoc!='SOM001' && contentsLoc!='SCM001' && contentsLoc!='SBM004' && contentsLoc!='SMM005'){
  1607. html += '<td class="aL"><button type="button" class="btn icn" onclick="fnDeleteTrRow(this);"><i class="fa fa-times" aria-hidden="true"></i></button></td>';
  1608. }
  1609. html += '</tr>';
  1610. if(typeof param == 'object'){
  1611. if(contentsLoc=='SMM005'){
  1612. if($(param).closest("table").find("tbody").find("tr[name=imgPopRow]").length>1){
  1613. mcxDialog.alert("이미지는 최대 2개까지 등록 가능합니다");
  1614. return;
  1615. }
  1616. }else{
  1617. if(contentsLoc=='SMM001' || contentsLoc=='SBM004'|| contentsLoc=='SOM001'){
  1618. }else{
  1619. if($(param).closest("table").find("tbody").find("tr[name=imgPopRow]").length>0){
  1620. mcxDialog.alert("이미지는 1개까지 등록 가능합니다");
  1621. return;
  1622. }
  1623. }
  1624. }
  1625. imgIndex++;
  1626. $(param).closest("table").find("tbody").append(html);
  1627. return html;
  1628. }else{
  1629. imgIndex++;
  1630. return html;
  1631. }
  1632. }
  1633. /**
  1634. * 모바일용 이미지 추가
  1635. */
  1636. var imgMobIndex = 0;
  1637. var fnAddMobImgPopRow = function (param , idx){
  1638. imgMobIndex = idx;
  1639. var src = '';
  1640. var imgPath = '';
  1641. if(typeof param!='object'){
  1642. src = $("#uploadDefaultUrlPop").val().replace('/contents/', '')+param;
  1643. imgPath = param;
  1644. }
  1645. var html = '<tr class="mobImg" name="imgPopRow" id="mobImgPop">';
  1646. html += '<th>모바일용 이미지';
  1647. html += '</th>';
  1648. html += '<td><div class="uFile w300 mobImgFile">';
  1649. html += '<input id="filePop_100'+imgMobIndex+'" name="file" type="file" class="uFileInput w300" onchange="fnPopFileUpload(this, 100'+imgMobIndex+')"/>';
  1650. html += '<label for="filePop_100'+imgMobIndex+'" class="uFileLabel">파일선택</label>';
  1651. html += '<input type="hidden" name="imgPath" value="'+imgPath+'"/>';
  1652. html += '<input type="hidden" name="newImgFile" value="" />';
  1653. html += '</div>';
  1654. html += '<div id="imgViewPop_100'+imgMobIndex+'" class=';
  1655. if(src!=''){
  1656. html += '"on">';
  1657. }else{
  1658. html += '"off">';
  1659. }
  1660. html += '<img id="bannerPreViewUrlPop_100'+imgMobIndex+'" src="'+src+'" style="height:100px; max-width:500px;" onclick="cfnOpenImagePreViewPopup(\'bannerPreimgViewPop\',$(this).attr(\'src\'));"/>';
  1661. html += '</div></td>';
  1662. if(contentsLoc!='SMM001' && contentsLoc!='SOM001' && contentsLoc!='SCM001' && contentsLoc!='SBM004'){
  1663. html += '<td class="aL"><button type="button" class="btn icn" onclick="fnDeleteTrRow(this);"><i class="fa fa-times" aria-hidden="true"></i></button></td>';
  1664. }
  1665. html += '</tr>';
  1666. if(typeof param == 'object'){
  1667. if(contentsLoc=='SMM005'){
  1668. if($(param).closest("table").find("tbody").find("tr[name=imgPopRow]").length>1){
  1669. mcxDialog.alert("이미지는 최대 2개까지 등록 가능합니다");
  1670. return;
  1671. }
  1672. }else{
  1673. if(contentsLoc=='SMM001' || contentsLoc=='SBM004'|| contentsLoc=='SOM001'){
  1674. }else{
  1675. if($(param).closest("table").find("tbody").find("tr[name=imgPopRow]").length>0){
  1676. mcxDialog.alert("이미지는 1개까지 등록 가능합니다");
  1677. return;
  1678. }
  1679. }
  1680. }
  1681. imgMobIndex++;
  1682. $(param).closest("table").find("tbody").append(html);
  1683. }else{
  1684. imgMobIndex++;
  1685. return html;
  1686. }
  1687. }
  1688. /**
  1689. * 타이틀추가
  1690. */
  1691. var fnAddTitlePopRow = function (param){
  1692. var val = typeof param=='object'?'':param;
  1693. var html = '<tr name="titlePopRow">';
  1694. html += '<th>타이틀</th>';
  1695. html += '<td><input name="title" type="text" maxlength="200" data-valid-name="타이틀" value="'+val+'"/></td>';
  1696. if(contentsLoc!='SMM001' && contentsLoc!='SOM001' && contentsLoc!='SCM001' && contentsLoc!='SBM004'){
  1697. html += '<td class="aL"><button type="button" class="btn icn" onclick="fnDeleteTrRow(this);"><i class="fa fa-times" aria-hidden="true"></i></button></td>';
  1698. }
  1699. html += '</tr>';
  1700. if(typeof param == 'object'){
  1701. if($(param).closest("table").find("tbody").find("tr[name=titlePopRow]").length>0){
  1702. mcxDialog.alert("타이틀은 1개까지 등록 가능합니다");
  1703. return;
  1704. }
  1705. $(param).closest("table").find("tbody").append(html);
  1706. }else{
  1707. return html;
  1708. }
  1709. }
  1710. // 컨텐츠 행삭제
  1711. var fnDeleteContentsRow = function (obj){
  1712. mcxDialog.confirm('삭제시 전시순서가 초기화됩니다. 삭제하시겠습니까?', {
  1713. cancelBtnText: "취소",
  1714. sureBtnText: "확인",
  1715. sureBtnClick: function(){
  1716. $(obj).closest("table").remove();
  1717. fnResetDispOrd();
  1718. }
  1719. });
  1720. }
  1721. // 행삭제
  1722. var fnDeleteTrRow = function (obj){
  1723. $(obj).closest("tr").remove();
  1724. }
  1725. // 컨텐츠 추가 날짜 설정
  1726. var fnCreateTimeOption = function(val, sel) {
  1727. var html = '';
  1728. for(var i=0; i<val; i++){
  1729. var time = 0;
  1730. if(i<10){
  1731. time = '0'+i;
  1732. }else {
  1733. time = i;
  1734. }
  1735. var select = false;
  1736. if(sel==time){
  1737. select = true;
  1738. }
  1739. if(val==24){
  1740. time += '시';
  1741. }else if(val==60){
  1742. time += '분';
  1743. }
  1744. html += '<option value="'+time+'"';
  1745. if(select){
  1746. html += 'selected="selected"';
  1747. }
  1748. html += '>'+time+'</option>';
  1749. }
  1750. return html;
  1751. }
  1752. // 동영상파일 선택 시
  1753. $('#popSortable input[name=file]').on('change', function() {
  1754. var file = this.files[0];
  1755. gagaKollus.upload('Display', file, $('input[name=kufKey]'));
  1756. });
  1757. // 창닫기
  1758. var fnMainContentsPopupFormClose = function (){
  1759. uifnPopupClose('popupMainContents');
  1760. }
  1761. var fnResetDispOrd = function (){
  1762. $('.mcTable').each(function (idx){
  1763. $(this).find('input[name=dispOrd]').val(idx+1);
  1764. if(contentsLoc=='SBM005'){
  1765. var thisIdx = $(this).find("input[name=tableIdx]").val();
  1766. $(this).find('textarea[name=subText]').attr('id','brandDesc'+thisIdx);
  1767. }
  1768. });
  1769. }
  1770. let fnBrandDesc = function (){
  1771. $(".mcTable").each(function (idx){
  1772. console.log('idx:'+idx);
  1773. if(!gagajf.isNull($(this).find('textarea[name=subText]').val())){
  1774. console.log('idx:>'+idx);
  1775. cfnGetTextLength($(this).find('textarea[name=subText]'), 4000, $('#brandDescContent'+idx));
  1776. }
  1777. });
  1778. }
  1779. var fnChangeHalfBannerType = function (obj, tableNum, num){
  1780. if(num==1){
  1781. $("#mcTable"+tableNum+" #halfBanner1").find("input[name=imgPath]").val('');
  1782. $("#mcTable"+tableNum+" #halfBanner1").find("input[name=newImgFile]").val('');
  1783. $("#mcTable"+tableNum+" #halfBanner1 #imgViewPop_100"+tableNum).removeClass("on");
  1784. $("#mcTable"+tableNum+" #halfBanner1 #bannerPreViewUrlPop_100"+tableNum).attr("src","");
  1785. $("#mcTable"+tableNum+" #halfBanner1 .uFileLabel").text('');
  1786. $("#mcTable"+tableNum+" #link2dep").find("input[name=link]").val('');
  1787. $("#mcTable"+tableNum+" #halfBanner1").hide();
  1788. $("#mcTable"+tableNum+" #link2dep").hide();
  1789. }else{
  1790. $("#mcTable"+tableNum+" #halfBanner1").show();
  1791. $("#mcTable"+tableNum+" #link2dep").show();
  1792. }
  1793. }
  1794. $(document).ready(function() {
  1795. $("#popTitle").text("["+contentsLoc+"] "+gagaAgGrid.lookupValue(contentsLocArr, contentsLoc));
  1796. $("#popSortable").disableSelection();
  1797. fnGetContentsPreviewList();
  1798. $("#popSortable").sortable({
  1799. stop: function(event, ui) {
  1800. //fnResetTabIdx();
  1801. fnResetDispOrd();
  1802. }
  1803. });
  1804. });
  1805. /*]]>*/
  1806. </script>
  1807. </html>