| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189 |
- <!DOCTYPE html>
- <html lang="ko"
- xmlns:th="http://www.thymeleaf.org">
- <!--
- *******************************************************************************
- * @source : PlanWebDetailForm.html
- * @desc : 웹 수정 / 웹 등록 팝업 화면 Page
- *============================================================================
- * SISUN
- * Copyright(C) 2020 TSIT, All rights reserved.
- *============================================================================
- * VER DATE AUTHOR DESCRIPTION
- * === =========== ========== =============================================
- * 1.0 2020.02.04 sowon 최초 작성
- *******************************************************************************
- -->
- <div class="modalPopup" data-width="1100" id="planWebRegisterFormDiv">
- <div class="panelStyle">
- <div class="panelTitle">
- <h2 th:text="${'기획전 웹 ' + (mode == 'N' ? '등록' : '수정')}">기획전 웹 수정</h2>
- <button type="button" class="close" onclick="uifnPopupClose('popupPlanWebDetail')"><i class="fa fa-times"></i></button>
- </div>
-
- <!-- 기획전 웹 수정 -->
- <div class="panelContent" th:if="${mode == 'U'}">
- <form th:object="${planInfo}" id="planWebUpdateForm" name="planWebUpdateForm" action="#" th:action="@{'/system/user/save'}" th:method="post">
- <input type="hidden" name="mode" th:value="${mode}"/>
- <input type="hidden" name="planSq" th:value="*{planSq}"/>
- <div class="cardArea" style="height: 700px;margin: -5px;">
- <table class="frmStyle">
- <colgroup>
- <col style="width:10%"/>
- <col style="width:40%;"/>
- <col style="width:10%;"/>
- <col style="width:35%;"/>
- <col/>
- </colgroup>
- <tr>
- <th class="dashR">기획전구분<i class="star"></i></th>
- <td class="dashR">
- <select name="planGb" id="planGb" th:field="*{planGb}" onchange="fnChangePlanGb(this);">
- <option value="P">기획전</option>
- <option value="E">이벤트</option>
- </select>
- </td>
- <th class="dashR">기획전탬플릿유형<i class="star"></i></th>
- <td class="dashR" colspan="3">
- <select name="templateType" th:field="*{templateType}">
- <option value="H">HTML</option>
- <option value="T">TEXT</option>
- </select>
- </td>
- </tr>
- <!-- <tr>
- <th class="dashR">회원구분<i class="star"></i></th>
- <td class="dashR">
- <select name="custGb" required="required" data-valid-name="회원구분" th:field="*{custGb}">
- <option th:if="${custGbList}" th:each="oneData, status : ${custGbList}" th:value="${oneData.cd}" th:selected="${oneData.cd} == 'Y'" th:text="|${oneData.cdNm}|"></option>
- </select>
- </td>
- <th class="dashR">회원등급<i class="star"></i></th>
- <td class="dashR" colspan="3">
- <select name="custGrade" required="required" data-valid-name="회원등급" th:field="*{custGrade}">
- <option value="0">전체</option>
- <option th:if="${custGradeList}" th:each="oneData, status : ${custGradeList}" th:value="${oneData.cd}" th:selected="${oneData.cd} == 'Y'" th:text="|${oneData.cdNm}|"></option>
- </select>
- </td>
- </tr> -->
- <tr>
- <th class="dashR">프론트 구분<i class="star"></i></th>
- <td class="dashR">
- <select name="frontGb" id="frontGb" th:field="*{frontGb}">
- <option value="A">전체</option>
- <option value="P">웹</option>
- <option value="M">모바일</option>
- </select>
- </td>
- <th class="dashR">기획전명<i class="star"></i></th>
- <td class="dashR" colspan="3">
- <input type="text" name="planNm" id="planNm" th:field="*{planNm}"/>
- </td>
- </tr>
- <tr>
- <th class="dashR">진행기간<i class="star"></i></th>
- <td class="dashR">
- <input type="text" class="schDate w100" name="startSearchDate" maxlength="10" required="required" data-valid-name="노출기간" th:field="*{startSearchDate}"/>
- <select name="startSearchHour" required="required" data-valid-name="진행기간 시작시간">
- <th:block th:each="num, index : ${#numbers.sequence(0,23)}">
- <option th:value="${#numbers.formatInteger(num,2)}" th:text="|${#numbers.formatInteger(num,2)}시|" th:selected="*{#strings.substring(dispStdt, 11, 13)} == ${#strings.toString(num)} ? 'true'">시간</option>
- </th:block>
- </select>
- <select name="startSearchMin" required="required" data-valid-name="진행기간 시작시간">
- <th:block th:each="num: ${#numbers.sequence(0,59)}">
- <option th:value="${#numbers.formatInteger(num,2)}" th:text="|${#numbers.formatInteger(num,2)}분|" th:selected="*{#strings.substring(dispStdt, 14, 16)} == ${#strings.toString(num)} ? 'true'">분</option>
- </th:block>
- </select>
- ~
- <input type="text" class="schDate w100" name="endSearchDate" maxlength="10" required="required" data-valid-name="노출기간" th:field="*{endSearchDate}"/>
- <select name="endSearchHour" required="required" data-valid-name="진행기간 종료시간">
- <th:block th:each="num, index : ${#numbers.sequence(0,23)}">
- <option th:value="${#numbers.formatInteger(num,2)}" th:text="|${#numbers.formatInteger(num,2)}시|" th:selected="*{#strings.substring(dispEddt, 11, 13)} == ${#strings.toString(num)} ? 'true'">시간</option>
- </th:block>
- </select>
- <select name="endSearchMin" required="required" data-valid-name="진행기간 종료시간">
- <th:block th:each="num: ${#numbers.sequence(0,59)}">
- <option th:value="${#numbers.formatInteger(num,2)}" th:text="|${#numbers.formatInteger(num,2)}분|" th:selected="*{#strings.substring(dispEddt, 14, 16)} == ${#strings.toString(num)} ? 'true'">분</option>
- </th:block>
- </select>
- <input type="hidden" name="dispStdt" id="dispStdt"/>
- <input type="hidden" name="dispEddt" id="dispEddt"/>
- </td>
- <th class="dashR">서브제목</th>
- <td class="dashR" colspan="3">
- <input type="text" name="dtlTitle1" id="dtlTitle1" th:value="*{dtlTitle1}"/>
- </td>
- </tr>
- <tr>
- <th class="dashR">코너명노출 여부<i class="star"></i></th>
- <td class="dashR">
- <select name="cornerNmDispYn" th:field="*{cornerNmDispYn}">
- <option th:if="${useYnList}" th:each="oneData, status : ${useYnList}" th:value="${oneData.cd}" th:selected="${oneData.cd} == 'Y'" th:text="|${oneData.cdNm}|"></option>
- </select>
- </td>
- <th class="dashR">오픈여부<i class="star"></i></th>
- <td class="dashR">
- <select name="openYn" th:field="*{openYn}">
- <option th:if="${useYnList}" th:each="oneData, status : ${useYnList}" th:value="${oneData.cd}" th:selected="${oneData.cd} == 'Y'" th:text="|${oneData.cdNm}|"></option>
- </select>
- </td>
- </tr>
- <tr>
- <th class="dashR">사이트<i class="star"></i></th>
- <td class="dashR">
- <select name="siteCd" th:field="*{siteCd}">
- <option value="">선택</option>
- <option th:if="${siteList}" th:each="oneData, status : ${siteList}" th:value="${oneData.cd}" th:text="|${oneData.cdNm}|"></option>
- </select>
- </td>
- <th class="dashR">전시순서</th>
- <td class="dashR">
- <input type="text" name="dispOrd" class="w100 aR" th:value="*{dispOrd}"/>
- </td>
- <!-- <th class="dashR">삭제여부<i class="star"></i></th>
- <td class="dashR">
- <select name="delYn" th:field="*{delYn}" required="required" data-valid-name="삭제여부">
- <option th:if="${useYnList}" th:each="oneData, status : ${useYnList}" th:value="${oneData.cd}" th:selected="${oneData.cd} == 'N'" th:text="|${oneData.cdNm}|"></option>
- </select>
- </td> -->
- </tr>
- <tr>
- <th class="dashR">사용고객등급구분<em class="required" title="필수"></em></th>
- <td class="dashR">
- <label class="chkBox" th:if="${usableCustGradeList}" th:each="oneData, status : ${usableCustGradeList}">
- <input type="checkbox" name="usableCustGradeArr" th:value="${oneData.cd}" th:text="${oneData.cdNm}"/>
- </label>
- </td>
- <th class="dashR">댓글여부</th>
- <td class="dashR">
- <select name="replyYn" th:field="*{replyYn}">
- <option value="">선택</option>
- <option th:if="${useYnList}" th:each="oneData, status : ${useYnList}" th:value="${oneData.cd}" th:text="|${oneData.cdNm}|"></option>
- </select>
- </td>
- </tr>
- <!-- <tr>
- <th class="dashR">뱃지 타이틀</th>
- <td class="dashR" colspan="3">
- <input type="text" name="badgeNm" th:value="*{badgeNm}"/>
- </td>
- <th class="dashR">뱃지 배경색상</th>
- <td class="dashR">
- <input type="text" name="badgeBcolor" th:value="*{badgeBcolor}"/>
- </td>
- <th class="dashR">뱃지 글자색상</th>
- <td class="dashR" colspan="3">
- <input type="text" name="badgeFcolor" th:value="*{badgeFcolor}"/>
- </td>
- </tr> -->
- <tr>
- <th class="dashR">PC 메인 이미지<i id="pMimgStar"></i><br/>[삭제여부<label class="chkBox"><input type="checkbox" name="orgMainPimgDelYn" value="Y"/></label>]</th>
- <td class="dashR">
- <div th:if=*{mainPimg} id="mainPimgView" style="float:left;">
- <img id="PreMainPimgUrl" th:src="${@environment.getProperty('upload.image.view') + '/planning/'} + *{mainPimg}" style="max-width:720px;"/>
- </div>
- </td>
- <td class="dashR" colspan="4">
- <div class="uFile w400">
- <input id="registerMainPimg" name="registerMainPimg" type="file" accept="image/*" class="uFileInput w400"/>
- <label for="registerMainPimg" class="uFileLabel w400">파일선택</label>
- <input type="hidden" name="orgMainPimg" id="orgMainPimg" th:value="*{mainPimg}"/>
- <input type="hidden" name="mainPimg" id="mainPimg"/>
- </div>
- </td>
- </tr>
- <tr>
- <th class="dashR">모바일 메인 이미지<i id="mMimgStar"></i><br/>[삭제여부<label class="chkBox"><input type="checkbox" name="orgMainMimgDelYn" value="Y"/></label>]</th>
- <td class="dashR">
- <div th:if=*{mainMimg} id="imgFileView" style="float:left;">
- <img id="PreMainMimgUrl" th:src="${@environment.getProperty('upload.image.view') + '/planning/'} + *{mainMimg}" style="max-width:720px;"/>
- </div>
- </td>
- <td class="dashR" colspan="4">
- <div class="uFile w400">
- <input id="registerMainMimg" name="registerMainMimg" type="file" accept="image/*" class="uFileInput w400"/>
- <label for="registerMainMimg" class="uFileLabel w400">파일선택</label>
- <input type="hidden" name="orgMainMimg" id="orgMainMimg" th:value="*{mainMimg}"/>
- <input type="hidden" name="mainMimg" id="mainMimg"/>
- </div>
- </td>
- </tr>
- <!-- <tr>
- <th class="dashR">웹 상세 이미지<br/>[삭제여부<label><input type="checkbox" name="orgDtlPimgDelYn" value="Y"/></label>]</th>
- <td class="dashR">
- <div th:if=*{dtlPimg} id="DtlPimgView" style="float:left;">
- <img id="PreDtlPimgUrl" th:src="${@environment.getProperty('upload.image.view') + '/plan/'} + *{dtlPimg}" style="width:100%;"/>
- </div>
- </td>
- <td class="dashR" colspan="4">
- <div class="uFile w400">
- <input id="registerDtlPimg" name="registerDtlPimg" type="file" accept="image/*" class="uFileInput w400"/>
- <label for="registerDtlPimg" class="uFileLabel w400">파일선택</label>
- <input type="hidden" name="orgDtlPimg" id="orgDtlPimg" th:value="*{dtlPimg}"/>
- <input type="hidden" name="dtlPimg" id="dtlPimg"/>
- </div>
- </td>
- </tr>
- <tr>
- <th class="dashR">모바일 상세 이미지<br/>[삭제여부<label><input type="checkbox" name="orgDtlMimgDelYn" value="Y"/></label>]</th>
- <td class="dashR">
- <div th:if=*{dtlMimg} id="DtlMimgView" style="float:left;">
- <img id="PredtlMimgUrl" th:src="${@environment.getProperty('upload.image.view') + '/plan/'} + *{dtlMimg}" style="width:100%;"/>
- </div>
- </td>
- <td class="dashR" colspan="4">
- <div class="uFile w400">
- <input id="registerDtlMimg" name="registerDtlMimg" type="file" accept="image/*" class="uFileInput w400"/>
- <label for="registerDtlMimg" class="uFileLabel w400">파일선택</label>
- <input type="hidden" name="orgDtlMimg" id="orgDtlMimg" th:value="*{dtlMimg}"/>
- <input type="hidden" name="dtlMimg" id="dtlMimg"/>
- </div>
- </td>
- </tr> -->
- </tbody>
- <!-- <tbody id="questionEventUpdate">
- <tr>
- <th class="dashR">개인정보 수집동의</th>
- <td class="dashR">
- <div style="margin-top:5px;">
- <textarea name="privacyPolicy" id="privacyPolicyDetail" style="width:720px;">[[*{privacyPolicy}]]</textarea>
- </div>
- </td>
- <th class="dashR">입력항목<div><button type="button" class="btn btn-primary btn-lg" th:onclick="'cfnOpenPlanAnswerPopup('+*{planSq}+');'">참여자</button></div></th>
- <td class="dashR">
- <th:bock th:if="${planQuestionList != null and !planQuestionList.empty}" th:each="oneData, status : ${planQuestionList}">
- <div>
- <input type="text" class="w200" name="planQtitle" th:value="${oneData.planQtitle}"/>
- <label class="chkBox"><input type="checkbox" th:checked="${oneData.attachYn}=='Y'" onclick="fnAttachYnClick(this);" />첨부파일</label>
- <th:block th:if="${status.first}">
- <button type="button" class="btn btn-base btn-lg" onclick="fnAddRow(this);">추가</button>
- </th:block>
- <th:block th:unless="${status.first}">
- <button type="button" class="btn icn" onclick="fnDeleteRow(this);"><i class="fa fa-times" aria-hidden="true"></i></button>
- </th:block>
- <input type="hidden" name="attachYn" th:value="${oneData.attachYn}"/>
- </div>
- </th:bock>
- <th:block th:unless="${planQuestionList != null and !planQuestionList.empty}">
- <div>
- <input type="text" class="w200" name="planQtitle" />
- <label><input type="checkbox" onclick="fnAttachYnClick(this);" />첨부파일</label>
- <button type="button" class="btn btn-base btn-lg" onclick="fnAddRow(this);">추가</button>
- <input type="hidden" name="attachYn" th:value="N"/>
- </div>
- </th:block>
- </td>
- </tr>
- </tbody> -->
- <tbody>
- <!-- <tr>
- <th class="dashR">댓글여부</th>
- <td class="dashR" colspan="5">
- <select name="replyYn" th:field="*{replyYn}">
- <option value="">선택</option>
- <option th:if="${useYnList}" th:each="oneData, status : ${useYnList}" th:value="${oneData.cd}" th:text="|${oneData.cdNm}|"></option>
- </select>
- </td>
- <th class="dashR">DEV URL</th>
- <td class="dashR" colspan="4">
- <input type="text" name="devUrl" id="devUrl" th:value="*{devUrl}"/>
- </td>
- </tr> -->
- <tr>
- <th class="dashR">웹용소스</th>
- <td class="dashR" colspan="5">
- <div style="margin-top:5px;">
- <textarea name="fsrcPc" id="fsrcPcDetail" rows="15" cols="95" style="width:1280px;"></textarea>
- </div>
- </td>
- </tr>
- <tr>
- <th class="dashR">모바일용소스</th>
- <td class="dashR" colspan="5">
- <div style="margin-top:5px;">
- <textarea name="fsrcMobile" id="fsrcMobileDetail" rows="15" cols="95" style="width:1280px;"></textarea>
- </div>
- </td>
- </tr>
- </table>
- <div class="panelStyle" style="margin: unset;">
- <!-- TITLE -->
- <div class="panelTitle">
- <h2>카테고리 / 브랜드 등록</h2>
- <span class="panelControl"> <i
- class="fa inner-fa-chevron-up"></i> <!-- 열림/닫힘 화살표 -->
- </span>
- </div>
- <!-- //TITLE -->
- <div class="inner-panelContent">
- <div class="panelContent">
- <table class="frmStyle">
- <colgroup>
- <col width="10%" />
- <col width="90%" />
- </colgroup>
- <tr>
- <th>카테고리/브랜드</th>
- <td>
- <!-- 수정시 프로모션명 입력 : before -->
- <div class="padding10"
- style="display: inline-block; width: 49%;">
- <!--<span>공급업체 설정</span>-->
- <div class="padding10 inner-tb-solid">
- <span class="buttonSpan">
- <button type="button"
- class="btn btnRight btn-success btn-lg"
- id="btnAddCorner">업체 추가</button>
- <button type="button"
- class="btn btnRight btn-success btn-lg"
- id="btnDeleteCorner">선택삭제</button>
- </span> <br />
- <div id="gridFGCornerList"
- style="width: 100%; height: 200px;"
- class="ag-theme-balham"></div>
- </div>
- </div>
- <div class="padding10"
- style="display: inline-block; width: 49%;">
- <!--<span>브랜드 설정</span>-->
- <div class="padding10 inner-tb-solid">
- <span class="buttonSpan">
- <button type="button"
- class="btn btnRight btn-success btn-lg" id="btnAddBrand">브랜드
- 추가</button>
- <button type="button"
- class="btn btnRight btn-success btn-lg"
- id="btnDeleteBrand">선택삭제</button>
- </span> <br />
- <div id="gridFGBrandList"
- style="width: 100%; height: 200px;"
- class="ag-theme-balham"></div>
- </div>
- </div>
- </td>
- </tr>
- </table>
- </div>
- </div>
- </div>
- </div>
- <div style='margin: 13px;'>
- <ul class="panelBar">
- <li class="right" th:if="${mode == 'U'}">
- <button type="button" class="btn btn-success btn-lg" onclick="fnPlanSave('#planWebUpdateForm');">저장</button>
- </li>
- </ul>
- </div>
- </form>
- </div>
-
-
- <!-- 기획전 웹 등록 -->
- <div class="panelContent" th:if="${mode == 'N'}">
- <form id="planWebRegisterForm" name="planWebRegisterForm" action="#" th:action="@{'/system/user/save'}" th:method="post">
- <input type="hidden" name="mode" th:value="${mode}"/>
- <div>
- <table class="frmStyle">
- <colgroup>
- <col style="width: 150px;"/>
- <col/>
- </colgroup>
- <tr>
- <th class="dashR">기존 기획전</th>
- <td class="dashR">
- <select name="planSq" id="planSq">
- <option value="">선택</option>
- <option th:if="${planList}" th:each="oneData, status : ${planList}" th:value="${oneData.planSq}" th:text="|[${oneData.planSq}] ${oneData.planNm}|"></option>
- </select>
- <button type="button" class="btn btn-default btn-lg" onclick="fnPlanCopyPopup();">기획전복사</button>
- </td>
- </tr>
- </table>
- </div>
- <div class="cardArea">
- <table class="frmStyle">
- <colgroup>
- <col style="width:10%"/>
- <col style="width:40%;"/>
- <col style="width:10%;"/>
- <col style="width:35%;"/>
- <col/>
- </colgroup>
- <tr>
- <th class="dashR">기획전구분<i class="star"></i></th>
- <td class="dashR">
- <select name="planGb" required="required" data-valid-name="기획전구분" onchange="fnChangePlanGb(this);">
- <option value="P">기획전</option>
- <option value="E">이벤트</option>
- </select>
- </td>
- <th class="dashR">기획전탬플릿유형<i class="star"></i></th>
- <td class="dashR" colspan="3">
- <select name="templateType" required="required" data-valid-name="기획전탬플릿유형">
- <option value="H">HTML</option>
- <option value="T">TEXT</option>
- </select>
- </td>
- </tr>
- <!-- <tr>
- <th class="dashR">회원구분<i class="star"></i></th>
- <td class="dashR">
- <select name="custGb" required="required" data-valid-name="회원구분">
- <option th:if="${custGbList}" th:each="oneData, status : ${custGbList}" th:value="${oneData.cd}" th:selected="${oneData.cd} == 'Y'" th:text="|${oneData.cdNm}|"></option>
- </select>
- </td>
- <th class="dashR">회원등급<i class="star"></i></th>
- <td class="dashR" colspan="3">
- <select name="custGrade" required="required" data-valid-name="회원등급">
- <option value="0">전체</option>
- <option th:if="${custGradeList}" th:each="oneData, status : ${custGradeList}" th:value="${oneData.cd}" th:selected="${oneData.cd} == 'Y'" th:text="|${oneData.cdNm}|"></option>
- </select>
- </td>
- </tr> -->
- <tr>
- <th class="dashR">프론트 구분<i class="star"></i></th>
- <td class="dashR">
- <select name="frontGb" id="frontGb" required="required" data-valid-name="프론트 구분">
- <option value="A">전체</option>
- <option value="P">웹</option>
- <option value="M">모바일</option>
- </select>
- </td>
- <th class="dashR">기획전명<i class="star"></i></th>
- <td class="dashR" colspan="3">
- <input type="text" name="planNm" id="planNm" maxlength="50" required="required" data-valid-name="기획전명"/>
- </td>
- </tr>
- <tr>
- <th class="dashR">진행기간<i class="star"></i></th>
- <td class="dashR">
- <input type="text" class="schDate w100" id="viewStartDtNew" name="startSearchDate" maxlength="10" required="required" data-valid-name="노출기간" />
- <select name="startSearchHour" required="required" data-valid-name="진행기간 시작시간">
- <th:block th:each="num, index : ${#numbers.sequence(0,23)}">
- <option th:value="${#numbers.formatInteger(num,2)}" th:text="|${#numbers.formatInteger(num,2)}시|" >시간</option>
- </th:block>
- </select>
- <select name="startSearchMin" required="required" data-valid-name="진행기간 시작시간">
- <th:block th:each="num: ${#numbers.sequence(0,59)}">
- <option th:value="${#numbers.formatInteger(num,2)}" th:text="|${#numbers.formatInteger(num,2)}분|" >분</option>
- </th:block>
- </select>
- ~
- <input type="text" class="schDate w100" id="viewEndDtNew" name="endSearchDate" maxlength="10" required="required" data-valid-name="노출기간"/>
- <select name="endSearchHour" required="required" data-valid-name="진행기간 종료시간">
- <th:block th:each="num, index : ${#numbers.sequence(0,23)}">
- <option th:value="${#numbers.formatInteger(num,2)}" th:text="|${#numbers.formatInteger(num,2)}시|" th:selected="${#numbers.formatInteger(num,2)}==23 ? 'true'">시간</option>
- </th:block>
- </select>
- <select name="endSearchMin" required="required" data-valid-name="진행기간 종료시간">
- <th:block th:each="num: ${#numbers.sequence(0,59)}">
- <option th:value="${#numbers.formatInteger(num,2)}" th:text="|${#numbers.formatInteger(num,2)}분|" th:selected="${#numbers.formatInteger(num,2)}==59 ? 'true'">분</option>
- </th:block>
- </select>
- <input type="hidden" name="dispStdt" id="dispStdt"/>
- <input type="hidden" name="dispEddt" id="dispEddt"/>
- </td>
- <th class="dashR">서브제목</th>
- <td class="dashR" colspan="3">
- <input type="text" name="dtlTitle1" id="dtlTitle1"/>
- </td>
- </tr>
- <tr>
- <th class="dashR">코너명노출 여부<i class="star"></i></th>
- <td class="dashR">
- <select name="cornerNmDispYn" required="required" data-valid-name="코너명노출 여부">
- <option th:if="${useYnList}" th:each="oneData, status : ${useYnList}" th:value="${oneData.cd}" th:selected="${oneData.cd} == 'Y'" th:text="|${oneData.cdNm}|"></option>
- </select>
- </td>
- <th class="dashR">오픈여부<i class="star"></i></th>
- <td class="dashR" colspan="3">
- <select name="openYn" required="required" data-valid-name="오픈여부">
- <option th:if="${useYnList}" th:each="oneData, status : ${useYnList}" th:value="${oneData.cd}" th:selected="${oneData.cd} == 'Y'" th:text="|${oneData.cdNm}|"></option>
- </select>
- </td>
- </tr>
- <tr>
- <th class="dashR">사이트<i class="star"></i></th>
- <td class="dashR">
- <select name="siteCd" required="required" data-valid-name="사이트">
- <option value="">선택</option>
- <option th:if="${siteList}" th:each="oneData, status : ${siteList}" th:value="${oneData.cd}" th:text="|${oneData.cdNm}|"></option>
- </select>
- </td>
- <th class="dashR">전시순서</th>
- <td class="dashR" colspan="3">
- <input type="text" class="w100 aR" name="dispOrd"/>
- </td>
- </tr>
- <!-- <tr>
- <th class="dashR">뱃지 타이틀</th>
- <td class="dashR">
- <input type="text" class="w500" name="badgeNm"/>
- </td>
- <th class="dashR">뱃지 배경색상</th>
- <td class="dashR">
- <input type="text" class="w100" name="badgeBcolor"/>
- </td>
- <th class="dashR">뱃지 글자색상</th>
- <td class="dashR">
- <input type="text" class="w100" name="badgeFcolor"/>
- </td>
- </tr> -->
- <tr>
- <th class="dashR">사용고객등급구분<em class="required" title="필수"></em></th>
- <td class="dashR">
- <label class="chkBox" th:if="${usableCustGradeList}" th:each="oneData, status : ${usableCustGradeList}">
- <input type="checkbox" name="usableCustGradeArr" th:value="${oneData.cd}" th:text="${oneData.cdNm}"/>
- </label>
- </td>
- <th class="dashR">댓글여부</th>
- <td class="dashR" colspan="5">
- <select name="replyYn">
- <option th:if="${useYnList}" th:each="oneData, status : ${useYnList}" th:value="${oneData.cd}" th:selected="${oneData.cd} == 'N'" th:text="|${oneData.cdNm}|"></option>
- </select>
- </td>
- </tr>
- <!--<tr>
-
- <th class="dashR">DEV URL</th>
- <td class="dashR" colspan="3">
- <input type="text" name="devUrl" id="devUrl"/>
- </td>
- </tr>-->
- <tr>
- <th class="dashR">PC 메인 이미지<i id="pMimgStar"></i></th>
- <td class="dashR" colspan="5">
- <div class="uFile w400">
- <input id="registerMainPimg" name="registerMainPimg" type="file" accept="image/*" class="uFileInput w400"/>
- <label for="registerMainPimg" class="uFileLabel w400">파일선택</label>
- <input type="hidden" name="mainPimg" id="mainPimg" value=""/>
- </div>
- </td>
- </tr>
- <tr>
- <th class="dashR">모바일 메인 이미지<i id="mMimgStar"></i></th>
- <td class="dashR" colspan="5">
- <div class="uFile w400">
- <input id="registerMainMimg" name="registerMainMimg" type="file" accept="image/*" class="uFileInput w400"/>
- <label for="registerMainMimg" class="uFileLabel w400">파일선택</label>
- <input type="hidden" name="mainMimg" id="mainMimg" value=""/>
- </div>
- </td>
- </tr>
- <!-- <tr>
- <th class="dashR">PC 상세 이미지</th>
- <td class="dashR" colspan="5">
- <div class="uFile w400">
- <input id="registerDtlPimg" name="registerDtlPimg" type="file" accept="image/*" class="uFileInput w400"/>
- <label for="registerDtlPimg" class="uFileLabel w400">파일선택</label>
- <input type="hidden" name="dtlPimg" value=""/>
- </div>
- </td>
- </tr>
- <tr>
- <th class="dashR">모바일 상세 이미지</th>
- <td class="dashR" colspan="5">
- <div class="uFile w400">
- <input id="registerDtlMimg" name="registerDtlMimg" type="file" accept="image/*" class="uFileInput w400"/>
- <label for="registerDtlMimg" class="uFileLabel w400">파일선택</label>
- <input type="hidden" name="dtlMimg" value=""/>
- </div>
- </td>
- </tr> -->
- </tbody>
- <!-- <tbody id="questionEventInsert">
- <tr>
- <th class="dashR">개인정보 수집동의</th>
- <td class="dashR" >
- <div style="margin-top:5px;">
- <textarea name="textareaR4" id="privacyPolicyRegister" style="width:720px;"></textarea>
- </div>
- </td>
- <th class="dashR">입력항목</th>
- <td class="dashR" colspan="5">
- <div>
- <input type="text" class="w200" name="planQtitle"/>
- <label><input type="checkbox" onclick="fnAttachYnClick(this);" />첨부파일</label>
- <button type="button" class="btn btn-base btn-lg" onclick="fnAddRow(this);">추가</button>
- <input type="hidden" name="attachYn" value="N"/>
- </div>
- </td>
- </tr>
- </tbody> -->
- <tbody>
- <tr>
- <th class="dashR">웹용소스</th>
- <td class="dashR" colspan="5">
- <div style="margin-top:5px;">
- <!-- <textarea name="fsrcPc" id="fsrcPcRegister" rows="15" cols="95" style="width:1280px;"></textarea> -->
- <textarea class="textareaR4" id="fsrcPcDetail" name="fsrcPc"></textarea>
- </div>
- </td>
- </tr>
- <tr>
- <th class="dashR">모바일용소스</th>
- <td class="dashR" colspan="5">
- <div style="margin-top:5px;">
- <!-- <textarea name="fsrcMobile" id="fsrcMobileRegister" rows="15" cols="95" style="width:1280px;"></textarea> -->
- <textarea class="textareaR4" id="fsrcMobileDetail" name="fsrcMobile"></textarea>
- </div>
- </td>
- </tr>
- </table>
- <div class="panelStyle" style="margin: unset;">
- <!-- TITLE -->
- <div class="panelTitle">
- <h2>카테고리 / 브랜드 등록</h2>
- <span class="panelControl"> <i
- class="fa inner-fa-chevron-up"></i> <!-- 열림/닫힘 화살표 -->
- </span>
- </div>
- <!-- //TITLE -->
- <div class="inner-panelContent">
- <div class="panelContent">
- <table class="frmStyle">
- <colgroup>
- <col width="10%" />
- <col width="90%" />
- </colgroup>
- <tr>
- <th>카테고리/브랜드</th>
- <td>
- <!-- 수정시 프로모션명 입력 : before -->
- <div class="padding10"
- style="display: inline-block; width: 49%;">
- <!--<span>공급업체 설정</span>-->
- <div class="padding10 inner-tb-solid">
- <span class="buttonSpan">
- <button type="button"
- class="btn btnRight btn-success btn-lg"
- id="btnAddCorner">코너 추가</button>
- <button type="button"
- class="btn btnRight btn-success btn-lg"
- id="btnDeleteCorner">선택삭제</button>
- </span> <br />
- <div id="gridFGCornerList"
- style="width: 100%; height: 200px;"
- class="ag-theme-balham"></div>
- </div>
- </div>
- <div class="padding10"
- style="display: inline-block; width: 49%;">
- <!--<span>브랜드 설정</span>-->
- <div class="padding10 inner-tb-solid">
- <span class="buttonSpan">
- <button type="button"
- class="btn btnRight btn-success btn-lg" id="btnAddBrand">브랜드
- 추가</button>
- <button type="button"
- class="btn btnRight btn-success btn-lg"
- id="btnDeleteBrand">선택삭제</button>
- </span> <br />
- <!-- 브랜드 선택 팝업(단수 선택 팝업... 복수를 새로 만들어야하는지 ? 아니면 변수처리해야하는지 ? -->
- <div id="gridFGBrandList"
- style="width: 100%; height: 200px;"
- class="ag-theme-balham"></div>
- </div>
- </div>
- </td>
- </tr>
- </table>
- </div>
- </div>
- </div>
- </div>
- <ul class="panelBar">
- <li class="right" th:if="${mode == 'N'}">
- <button type="button" class="btn btn-info btn-lg" onclick="fnPlanSave('#planWebRegisterForm');">저장</button>
- </li>
- </ul>
- </form>
- </div>
- </div>
- </div>
- <script type="text/javascript" src="/ux/plugins/summernote/summernote.js?v=2020103001"></script>
- <script type="text/javascript" src="/ux/plugins/gaga/gaga.summernote.js?v=2020103001"></script>
- <script th:inline="javascript">
- /*<![CDATA[*/
- var mode = [[${mode}]];
- var planInfo = [[${planInfo}]];
- var fsrcPc = [[${fsrcPc}]];
- var fsrcMobile = [[${fsrcMobile}]];
- var planBrandList = [[${planBrandList}]];
- var planCornerList = [[${planCornerList}]];
- var snOptions;
- // 카테고리 전시 여부
- var fnCataCheck = function(is, formId) {
- if (is.checked) {
- $(formId + ' input[name=cateDispYn]').val('Y');
- // 추후 카테고리 표시
- } else {
- $(formId + ' input[name=cateDispYn]').val('N');
- }
- }
- // 상품제한여부
- var fnGoodsCheck = function(is, formId) {
- if (is.checked) {
- $(formId + ' input[name=goodsLimitYn]').val('Y');
- $(formId + ' input[name=goodsLimitQty]').show();
- $(formId + ' input[name=goodsLimitQty]').focus();
- // 추후 카테고리 표시
- } else {
- $(formId + ' input[name=goodsLimitYn]').val('N');
- $(formId + ' input[name=goodsLimitQty]').hide();
- }
- }
- // 기획전 복사
- var fnPlanCopyPopup = function() {
- var planSq = $('#planWebRegisterForm select[name=planSq]').val();
- if (gagajf.isNull(planSq)) {
- mcxDialog.alert('복사할 기획전을 선택하세요.');
- return;
- }
- mcxDialog.confirm('선택 된 기획전을 복사 하시겠습니까?', {
- cancelBtnText: "취소",
- sureBtnText: "확인",
- sureBtnClick: function() {
- var actionUrl = '/marketing/planning/copy';
- var data = {copyPlanSq : planSq};
- var jsonData = JSON.stringify(data);
- gagajf.ajaxJsonSubmit(actionUrl, jsonData, fnCopyCallback);
- }
- });
- }
- // 기획전 복사 callback
- var fnCopyCallback = function(result) {
- uifnPopupClose('planWebRegisterFormDiv');
- fnPlanListSearch();
- var actionUrl = "/marketing/planning/webdetail/form?mode=U&planSq=" + result.planSq;
- cfnOpenModalPopup(actionUrl,'popupPlanWebDetail');
- }
- var fnPlanSave = function(formId) {
- if (!gagajf.validation(formId))
- return;
- // 날짜 유효성 체크
- var stDate = $(formId + ' input[name=startSearchDate]').val().replaceAll("-", "");
- var edDate = $(formId + ' input[name=endSearchDate]').val().replaceAll("-", "");
- var toDate = _today.replaceAll("-", "");
- if (Number(stDate) > Number(edDate)) {
- mcxDialog.alert('종료일자는 시작일자 보다 클 수 없습니다.');
- return;
- }
- if (Number(stDate) < Number(toDate) && mode == 'N') {
- mcxDialog.alert('시작일자는 오늘포함 이후로 등록해주세요.');
- return;
- }
- if (Number(edDate) < Number(toDate) && mode == 'N') {
- mcxDialog.alert('종료일자는 오늘포함 이후로 등록해주세요.');
- return;
- }
-
- stDate = $(formId + ' input[name=startSearchDate]').val();
- edDate = $(formId + ' input[name=endSearchDate]').val();
- $(formId + ' input[name=dispStdt]').val(stDate + ' ' + $(formId + ' select[name=startSearchHour]').val() + ':' + $(formId + ' select[name=startSearchMin]').val() + ':00');
- $(formId + ' input[name=dispEddt]').val(edDate + ' ' + $(formId + ' select[name=endSearchHour]').val() + ':' + $(formId + ' select[name=endSearchMin]').val() + ':59');
- /* // 댓글여부에 따른 위치 체크
- if ($('#replyYn').val() == 'Y') {
- var replyLoc = $(':radio[name="replyLoc"]:checked').val();
- if (typeof replyLoc == 'undefined') {
- mcxDialog.alert('댓글 사용 시 댓글위치를 선택해야합니다.');
- return;
- }
- } */
- // poll 관리일련번호 유효성 체크
- /* if (!gagajf.isNull($(formId + ' input[name=pollSq]').val())) {
- gagajf.ajaxFormSubmit('/marketing/poll/list', formId, function(result) {
- console.log(result);
- if (result.length < 1) {
- mcxDialog.alert('입력하신 투표 일련번호가 존재 하지않습니다.');
- return;
- }
- });
- } */
- var privacyPolicy = '';
- var frontGb = $('#frontGb').val();
- if (mode =='U') {
- //if($("#planGb").val()=='E'){
- // privacyPolicy = gagaSn.getContents('privacyPolicyDetail');
- //}
-
- // 이미지 처리
- if ((!$('input[name=orgMainPimgDelYn]').is(':checked') ? true : false) &&
- (gagajf.isNull($(formId + ' input[name=mainPimg]').val()) == true) ) {
- $(formId + ' input[name=mainPimg]').val($(formId + ' input[name=orgMainPimg]').val());
- }
- if ((!$('input[name=orgMainMimgDelYn]').is(':checked') ? true : false) &&
- (gagajf.isNull($(formId + ' input[name=mainMimg]').val()) == true) ) {
- $(formId + ' input[name=mainMimg]').val($(formId + ' input[name=orgMainMimg]').val());
- }
- if ((!$('input[name=orgDtlPimgDelYn]').is(':checked') ? true : false) &&
- (gagajf.isNull($(formId + ' input[name=dtlPimg]').val()) == true) ) {
- $(formId + ' input[name=dtlPimg]').val($(formId + ' input[name=orgDtlPimg]').val());
- }
- if ((!$('input[name=orgDtlMimgDelYn]').is(':checked') ? true : false) &&
- (gagajf.isNull($(formId + ' input[name=dtlMimg]').val()) == true) ) {
- $(formId + ' input[name=dtlMimg]').val($(formId + ' input[name=orgDtlMimg]').val());
- }
- if ((!$('input[name=orgReplyImgYn]').is(':checked') ? true : false) &&
- (gagajf.isNull($(formId + ' input[name=replyImg]').val()) == true) ) {
- $(formId + ' input[name=replyImg]').val($(formId + ' input[name=orgReplyImg]').val());
- }
- } else {
- //gagaSn.getContents('fsrcPcRegister');
- //gagaSn.getContents('fsrcMobileRegister');
- //if($("#planGb").val()=='E'){
- // privacyPolicy = gagaSn.getContents('privacyPolicyRegister');
- //}
- }
- if(!gagajf.isNull($(formId + ' input[name=planQtitle]').val()) && gagajf.isNull(privacyPolicy.replace(/<br>/gi, '').replace(/<p>/gi, '').replace(/<\/\p>/gi, ''))){
- mcxDialog.alert('입력항목 등록 시 개인정보 수집동의를 입력해 주세요.');
- return;
- }
- //var jsonData = JSON.stringify($("#planWebRegisterForm").serializeObject());
-
- let allBrandData = gagaAgGrid.getAllRowData(gridOptionsFGBrandList);
- var multiBrand = [];
- $.each(allBrandData, function(idx, item) {
- multiBrand.push(item.brandCd);
- });
-
- let allCornerData = gagaAgGrid.getAllRowData(gridOptionsFGCornerList);
- var multiCorner = [];
- $.each(allCornerData, function(idx, item) {
- multiCorner.push(item.cateNo);
- });
-
-
- let data = {
- multiBrand : multiBrand
- ,brandList : allBrandData
- ,multiCorner : multiCorner
- ,CornerList : allCornerData
- ,mode : $('#planWebRegisterForm input[name=mode]').val()
- ,planSq : $('#planWebRegisterForm input[name=planSq]').val()
- ,planGb : $('#planWebRegisterForm select[name=planGb]').val()
- ,templateType : $('#planWebRegisterForm select[name=templateType]').val()
- ,frontGb : $('#planWebRegisterForm select[name=frontGb]').val()
- ,planNm : $('#planWebRegisterForm input[name=planNm]').val()
- ,startSearchDate : $('#planWebRegisterForm input[name=startSearchDate]').val()
- ,startSearchHour : $('#planWebRegisterForm input[name=startSearchHour]').val()
- ,startSearchMin : $('#planWebRegisterForm input[name=startSearchMin]').val()
- ,endSearchDate : $('#planWebRegisterForm input[name=endSearchDate]').val()
- ,endSearchHour : $('#planWebRegisterForm input[name=endSearchHour]').val()
- ,endSearchMin : $('#planWebRegisterForm input[name=endSearchMin]').val()
- ,dispStdt : $('#planWebRegisterForm input[name=dispStdt]').val()
- ,dispEddt : $('#planWebRegisterForm input[name=dispEddt]').val()
- ,dtlTitle1 : $('#planWebRegisterForm input[name=dtlTitle1]').val()
- ,cornerNmDispYn : $('#planWebRegisterForm select[name=cornerNmDispYn]').val()
- ,openYn : $('#planWebRegisterForm select[name=openYn]').val()
- ,siteCd :$('#planWebRegisterForm select[name=siteCd]').val()
- ,dispOrd : $('#planWebRegisterForm input[name=dispOrd]').val()
- ,replyYn : $('#planWebRegisterForm select[name=replyYn]').val()
- ,mainPimg :$('#planWebRegisterForm input[name=mainPimg]').val()
- ,mainMimg : $('#planWebRegisterForm input[name=mainMimg]').val()
- ,fsrcPc : $('#planWebRegisterForm input[name=fsrcPc]').val()
- ,fsrcMobile : $('#planWebRegisterForm input[name=fsrcMobile]').val()
- }
-
- // 기획전 등록
- if (formId == '#planWebRegisterForm') {
- mcxDialog.confirm('등록 하시겠습니까?', {
- cancelBtnText: "취소",
- sureBtnText: "확인",
- sureBtnClick: function() {
- var jsonData = JSON.stringify(data);
- gagajf.ajaxJsonSubmit("/marketing/planning/webdetail/create", jsonData, fnPlanWebDetailCallBack);
- uifnPopupClose('planWebRegisterFormDiv');
- fnPlanListSearch();
- //fnPlanWebDetailClose();
- }
- });
- } else { // 기획전 수정
- mcxDialog.confirm('저장 하시겠습니까?', {
- cancelBtnText: "취소",
- sureBtnText: "확인",
- sureBtnClick: function() {
- var actionUrl = '/marketing/plan/webdetail/update';
- gagajf.ajaxFormSubmit(actionUrl, formId, function() {
- uifnPopupClose('planWebRegisterFormDiv');
- fnPlanListSearch();
- //fnPlanWebDetailClose();
- });
- }
- });
- }
- }
- // 이미지 첨부
- $('input[name=registerMainPimg],input[name=registerMainMimg],input[name=registerDtlPimg],input[name=registerDtlMimg],input[name=registerReplyImg]').on('change', function() {
- var name = $(this)[0].name;
- var file = this.files[0];
- gagajf.ajaxFileUpload('/common/file/upload?subDir=/planning'
- , file
- , function(result) {
- if (name == 'registerMainPimg')
- $('input[name=mainPimg]').val(result.newFileName);
- if (name == 'registerMainMimg')
- $('input[name=mainMimg]').val(result.newFileName);
- if (name == 'registerDtlPimg')
- $('input[name=dtlPimg]').val(result.newFileName);
- if (name == 'registerDtlMimg')
- $('input[name=dtlMimg]').val(result.newFileName);
- if (name == 'registerReplyImg')
- $('input[name=replyImg]').val(result.newFileName);
- }
- , 'image'
- );
- });
- var fnChangePlanGb = function(obj) {
- if($(obj).val()=='E'){
- $("#questionEventInsert").show();
- $("#questionEventUpdate").show();
- if (mode =='U') {
- if($("#privacyPolicyDetail").closest('div').children('#the_iframe').length==0){
- gagaSn.createSummernote(snOptions, '#privacyPolicyDetail');
- }
- }else{
- if($("#privacyPolicyRegister").closest('div').children('#the_iframe').length==0){
- gagaSn.createSummernote(snOptions, '#privacyPolicyRegister');
- }
- }
- }else{
- $("#questionEventInsert").hide();
- $("#questionEventUpdate").hide();
- }
- }
- var fnAddRow = function(obj){
- var html = '<div>';
- html += '<input type="text" class="w200" name="planQtitle"/>';
- html += '<label class="chkBox"><input type="checkbox" onclick="fnAttachYnClick(this);" />첨부파일</label>';
- html += '<button type="button" class="btn icn" onclick="fnDeleteRow(this);"><i class="fa fa-times" aria-hidden="true"></i></button>';
- html += '<input type="hidden" name="attachYn" value="N"/>';
- html += '</div>';
- $(obj).closest('td').append(html);
- }
- var fnDeleteRow = function(obj){
- $(obj).closest('div').remove();
- }
- var fnAttachYnClick = function(obj){
- var val = 'N';
- if($(obj).prop('checked')){
- val = 'Y';
- }
- $(obj).closest('div').find('input[name="attachYn"]').val(val);
- }
- var fnPlanWebDetailCallBack = function() {
- uifnPopupClose('planWebRegisterForm');
- fnPlanListSearch();
-
- }
-
- // 브랜드 리스트 설정
- var columnBrandList = [
- {width: 40, minWidth: 40, cellClass: 'text-center', headerCheckboxSelection: true, checkboxSelection: true, filter: false},
- {headerName: "브랜드ID", field: "brandCd", width: 110, cellClass: 'text-center'},
- {headerName: "브랜드명", field: "brandEnm", width: 120, cellClass: 'text-center'},
- {headerName: "", field: "brandKnm", width: 150, cellClass: 'text-center'},
- /* {headerName: "적용대상", field: "targetGb", width: 150, cellClass: 'text-center', hide: true},
- {headerName: "시퀀스", field: "tmtbGoodsSq", width: 150, cellClass: 'text-center', hide: true},
- {headerName: "삭제여부", field: "delYn", width: 150, cellClass: 'text-center', hide: true} */
- ];
-
- // 브랜드 그리드 설정
- var gridOptionsFGBrandList = gagaAgGrid.getGridOptions(columnBrandList);
- gridOptionsFGBrandList.rowSelection = "multiple";
- gridOptionsFGBrandList.suppressRowClickSelection = true;
-
- // 브랜드 추가 버튼 클릭시 (복수 브랜드때 수정 필요)
- $('#btnAddBrand').on('click', function() {
- cfnOpenBrandListPopup("fnSetPopupBrandInfo", "M");
- });
-
- // 브랜드 설정 선택삭제 버튼 클릭시
- $('#btnDeleteBrand').on('click', function() {
- gridOptionsFGBrandList.api.updateRowData({remove:gagaAgGrid.selectedRowData(gridOptionsFGBrandList)});
- });
-
- // 브랜드 설정 / 브랜드 추가 콜백함수 (단수로 가져오므로 복수일 경우에 수정 확인 필요)
- var fnSetPopupBrandInfo = function(result) {
- for(let i = 0 ; i < result.length ; i++) {
- let addChk = true, gridListValue = gagaAgGrid.getAllRowData(gridOptionsFGBrandList); // 받아온 모든 데이터
- // 받아온 data for
- for(let j = 0 ; j < gridListValue.length ; j++) {
- if(gridListValue[j].brandCd == result[i].brandCd) { addChk = false; } // 중복체크
- }
- // 중복되지 않은 데이터 리스트에 추가
- if(addChk) {
- gagaAgGrid.addRowData(gridOptionsFGBrandList, {"brandCd" : result[i].brandCd, "brandEnm" : result[i].brandEnm, "brandKnm" : result[i].brandKnm});
- }
- }
- };
-
- // 코너 리스트 설정
- var columnCornerList = [
- {width: 40, minWidth: 40, cellClass: 'text-center', headerCheckboxSelection: true, checkboxSelection: true, filter: false},
- {headerName: "사이트", field: "siteCd", width: 120, cellClass: 'text-center'},
- {headerName: "코너 구분", field: "cateGb", width: 110, cellClass: 'text-center'},
- {headerName: "코너", field: "cateNm", width: 120, cellClass: 'text-center'},
- {headerName: "코너", field: "cateNo", width: 150, cellClass: 'text-center', hide: true},
- /* {headerName: "시퀀스", field: "tmtbGoodsSq", width: 150, cellClass: 'text-center', hide: true},
- {headerName: "삭제여부", field: "delYn", width: 150, cellClass: 'text-center', hide: true} */
- ];
-
- // 카테고리 그리드 설정
- var gridOptionsFGCornerList = gagaAgGrid.getGridOptions(columnCornerList);
- gridOptionsFGCornerList.rowSelection = "multiple";
- gridOptionsFGCornerList.suppressRowClickSelection = true;
-
- // 브랜드 설정 선택삭제 버튼 클릭시
- $('#btnDeleteCorner').on('click', function() {
- gridOptionsFGCornerList.api.updateRowData({remove:gagaAgGrid.selectedRowData(gridOptionsFGCornerList)});
- });
-
-
-
- // 코너추가(카테고리 추가)
- $('#btnAddCorner').on('click' , function () {
- cfnOpenCategoryPopup("fnSetPopupCategoryInfo");
- });
-
- // 카테고리 추가 콜백 함수
- var fnSetPopupCategoryInfo = function (result) {
- // 기존 리스트 데이터 for
- for(let i = 0 ; i < result.length ; i++) {
- let addChk = true, gridListValue = gagaAgGrid.getAllRowData(gridOptionsFGCornerList); // 받아온 모든 데이터
- // 받아온 data for
- for(let j = 0 ; j < gridListValue.length ; j++) {
- // 동일한 data는 추가하지 않음
- if(gridListValue[j].cateNo == result[i].cateNo) { addChk = false; } // 중복체크
- }
- // 중복되지 않은 데이터 리스트에 추가
- if(addChk) {
- if(result[i].cate2No!=null)
- {
- mcxDialog.alert('카테고리1에서 선택하세요.');
- return;
- }
- gagaAgGrid.addRowData(gridOptionsFGCornerList, {"siteCd":result[i].siteCd , "cateGb":result[i].cateGb, "cateNm":result[i].cateNm, "cateNo":result[i].cateNo});
- }
- }
- }
-
-
- $(document).ready(function() {
-
- snOptions = gagaSn.getToolbarOptions('media');
-
- // 썸머노트 그리기
- gagaSn.createSummernote(snOptions, '#fsrcPcDetail');
- gagaSn.createSummernote(snOptions, '#fsrcMobileDetail');
-
- // 그리드 그리기
- gagaAgGrid.createGrid("gridFGBrandList", gridOptionsFGBrandList);
- gagaAgGrid.createGrid("gridFGCornerList", gridOptionsFGCornerList);
-
- if (mode =='U') {
- /* $('#planWebDetailForm input[name=badgeFcolor]').spectrum({
- preferredFormat: "hex",
- showInput: true,
- allowEmpty: true
- });
- $('#planWebDetailForm input[name=badgeBcolor]').spectrum({
- preferredFormat: "hex",
- showInput: true,
- allowEmpty: true
- }); */
-
- gridOptionsFGBrandList.api.setRowData(planBrandList);
- gridOptionsFGCornerList.api.setRowData(planCornerList);
- if (planInfo.goodsLimitYn == 'N') {
- $('#planWebDetailForm input[name=goodsLimitQty]').hide();
- } else {
- $('#planWebDetailForm input[name=goodsLimitQty]').show();
- }
- // 썸머노트 값 설정
- $('#fsrcPcDetail').summernote('code', fsrcPc.fsrc);
- $('#fsrcMobileDetail').summernote('code', fsrcMobile.fsrc);
- if($("#planGb").val()!='E'){
- $("#questionEventInsert").hide();
- $("#questionEventUpdate").hide();
- }else{
- gagaSn.createSummernote(snOptions, '#privacyPolicyRegister');
- }
- } else {
- /* $('#planWebRegisterForm input[name=badgeFcolor]').spectrum({
- preferredFormat: "hex",
- showInput: true,
- allowEmpty: true
- });
- $('#planWebRegisterForm input[name=badgeBcolor]').spectrum({
- preferredFormat: "hex",
- showInput: true,
- allowEmpty: true
- }); */
- $("#viewStartDtNew").val(_today);
- $("#viewEndDtNew").val(_today);
- $("#questionEventInsert").hide();
- $("#questionEventUpdate").hide();
- }
- $('#frontGb').trigger('change');
- });
- /*]]>*/
- </script>
- </html>
|