|
|
@@ -22,22 +22,22 @@
|
|
|
<div id="container" class="container ev">
|
|
|
<div class="breadcrumb">
|
|
|
<ul>
|
|
|
- <li class="bread_home"><a href="index.html">홈</a></li>
|
|
|
- <li class="bread_2depth">이벤트/혜택</li>
|
|
|
- <li class="bread_2depth">스타일24 사이트 리뉴얼 설문조사 이벤트</li>
|
|
|
+ <li class="bread_home"><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_MAIN);">홈</a></li>
|
|
|
+ <li class="bread_2depth"><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_EVENT_MAIN);">이벤트/혜택</a></li>
|
|
|
+ <li class="bread_2depth" th:text="${pollInfo.planNm}"></li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<div class="wrap">
|
|
|
<div class="content wide survey">
|
|
|
<div class="cont_head">
|
|
|
<div>
|
|
|
- <h3>스타일24 사이트 리뉴얼 설문조사 이벤트</h3>
|
|
|
+ <h3 th:text="${pollInfo.pollTitle}"></h3>
|
|
|
<div class="period">
|
|
|
- <span>2020.12.10</span> ~ <span>2020.12.25</span>
|
|
|
+ <span th:text="${pollInfo.pollStdt}"></span> ~ <span th:text="${pollInfo.pollEddt}"></span>
|
|
|
</div>
|
|
|
- <div class="shareSet">
|
|
|
+ <!-- <div class="shareSet">
|
|
|
<button class="btn_share" data-name="openShare">공유하기</button>
|
|
|
- <!-- toggle contents -->
|
|
|
+ toggle contents
|
|
|
<div class="shareWrap">
|
|
|
<div id="layerShare" class="setShare open">
|
|
|
<span>
|
|
|
@@ -48,119 +48,167 @@
|
|
|
</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="cont_body">
|
|
|
<div class="survey_wrap">
|
|
|
<div class="survey_con">
|
|
|
- <form class="form_wrap">
|
|
|
- <div class="survey_row">
|
|
|
- <h4><span class="question">Q1.</span>스타일24 사이트에서 많이 이용하는 메뉴는 무엇인가요?</h4>
|
|
|
- <div class="answer">
|
|
|
- <div class="form_field">
|
|
|
- <ul class="clear">
|
|
|
- <li>
|
|
|
- <input type="radio" name="radio" id="rdi-1" value="1"><label for="rdi-1"><span>상품 카테고리</span></label>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <input type="radio" name="radio" id="rdi-2" value="2"><label for="rdi-2"><span>베스트</span></label>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <input type="radio" name="radio" id="rdi-3" value="3"><label for="rdi-3"><span>기획전</span></label>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <input type="radio" name="radio" id="rdi-4" value="4"><label for="rdi-4"><span>이벤트</span></label>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <input type="radio" name="radio" id="rdi-6" value="6"><label for="rdi-6"><span>핫딜</span></label>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <input type="radio" name="radio" id="rdi-7" value="7"><label for="rdi-7"><span>브랜드 사이트</span></label>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <input type="radio" name="radio" id="rdi-8" value="8"><label for="rdi-8"><span>통합검색</span></label>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <input type="radio" name="radio" id="rdi-9" value="9"><label for="rdi-9"><span>나의 쿠폰</span></label>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <input type="radio" name="radio" id="rdi-10" value="10"><label for="rdi-10"><span>없음</span></label>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <input type="radio" name="radio" id="rdi-11" value="11" class="etc_radio"><label for="rdi-11"><span>기타</span></label>
|
|
|
- <input type="text" name="" id="" class="etc_input" disabled/>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="survey_row">
|
|
|
- <h4><span class="question">Q2.</span>상품을 구매할 때, 가장 많이 고려하는 점은 무엇인가요?</h4>
|
|
|
- <div class="answer">
|
|
|
- <div class="form_field">
|
|
|
- <ul class="clear">
|
|
|
- <li>
|
|
|
- <input type="checkbox" id="chk-1"><label for="chk-1"><span>높은 할인율</span></label>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <input type="checkbox" id="chk-2"><label for="chk-2"><span>저렴한 가격</span></label>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <input type="checkbox" id="chk-3"><label for="chk-3"><span>상세한 상품 정보</span></label>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <input type="checkbox" id="chk-4"><label for="chk-4"><span>편리한 결제</span></label>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <input type="checkbox" id="chk-5"><label for="chk-5"><span>많은 리뷰 수</span></label>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <input type="checkbox" id="chk-6"><label for="chk-6"><span>포토 리뷰</span></label>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <input type="checkbox" id="chk-7"><label for="chk-7"><span>사은품 증정 여부</span></label>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <input type="checkbox" id="chk-8"><label for="chk-8"><span>다양한 컬러</span></label>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <input type="checkbox" id="chk-9"><label for="chk-9"><span>쿠폰 적용 여부</span></label>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <input type="checkbox" id="chk-10"><label for="chk-10"><span>당일 배송 상품 유무</span></label>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="survey_row">
|
|
|
- <h4><span class="question">Q3.</span>달라진 스타일24 홈페이지에 대한 고객님의 생각을 적어주세요. 마음에 드는 점 또는 불편한 점 등 자유롭게 기재해주시면 됩니다.</h4>
|
|
|
- <div class="answer">
|
|
|
- <div class="form_field">
|
|
|
- <div class="input_wrap">
|
|
|
- <textarea class="doc_ans" name="" id="" placeholder="1,000자 이내로 입력해 주세요." style="resize: none;"></textarea>
|
|
|
- <p class="txt_cnt">
|
|
|
- <span id="ans_cnt" class="ans_cnt">(<em class="c_primary">0</em>/1000자)</span>
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="survey_row q4">
|
|
|
- <h4><span class="question">Q4.</span>스타일24에서 가장 유용한 서비스는 무엇인가요? 마음에 드는 점 또는 불편한 점 등 자유롭게 기재해주시면 됩니다.</h4>
|
|
|
- <div class="answer">
|
|
|
- <div class="form_field">
|
|
|
- <div class="input_wrap">
|
|
|
- <input type="text" class="form_control" name="" id="" />
|
|
|
+ <!-- <form class="form_wrap" name="pollListForm" th:action="@{'/planning/event/poll/save'}" th:method="post"> -->
|
|
|
+ <th:block th:each="pollData, pollStat : ${pollList}">
|
|
|
+ <div class="survey_row" th:classappend="${pollData.pollQtype == '30'? 'q4': ''}">
|
|
|
+ <h4><span class="question" th:text="'Q'+${pollStat.index+1}+'.'"></span>[[${pollData.pollQtitle}]]</h4>
|
|
|
+ <div class="answer">
|
|
|
+ <div class="form_field">
|
|
|
+ <th:block th:if="${pollData.pollQtype == '10'}">
|
|
|
+ <ul class="clear" th:id="${pollData.pollQsq+'_'+(pollStat.index+1)}">
|
|
|
+ <li th:if="${pollData.pollQval1 != null && pollData.pollQval1 != ''}">
|
|
|
+ <th:block th:if="${pollData.pollQval1 != '기타'}">
|
|
|
+ <input type="radio" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'rdi-1-'+${pollData.pollQsq}" th:value="${pollData.pollQval1}" ><label th:for="'rdi-1-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval1}"></span></label>
|
|
|
+ </th:block>
|
|
|
+ <th:block th:unless="${pollData.pollQval1 != '기타'}">
|
|
|
+ <input type="radio" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'rdi-1-'+${pollData.pollQsq}" th:value="${pollData.pollQval1}" class="etc_radio"><label th:for="'rdi-1-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval1}"></span></label>
|
|
|
+ <input type="text" th:name="'etc_input_'+${pollData.pollQsq}" class="etc_input" disabled/>
|
|
|
+ </th:block>
|
|
|
+ </li>
|
|
|
+ <li th:if="${pollData.pollQval2 != null && pollData.pollQval2 != ''}">
|
|
|
+ <th:block th:if="${pollData.pollQval2 != '기타'}">
|
|
|
+ <input type="radio" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'rdi-2-'+${pollData.pollQsq}" th:value="${pollData.pollQval2}" ><label th:for="'rdi-2-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval2}"></span></label>
|
|
|
+ </th:block>
|
|
|
+ <th:block th:unless="${pollData.pollQval2 != '기타'}">
|
|
|
+ <input type="radio" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'rdi-2-'+${pollData.pollQsq}" th:value="${pollData.pollQval2}" class="etc_radio"><label th:for="'rdi-2-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval2}"></span></label>
|
|
|
+ <input type="text" th:name="'etc_input_'+${pollData.pollQsq}" class="etc_input" disabled/>
|
|
|
+ </th:block>
|
|
|
+ </li>
|
|
|
+ <li th:if="${pollData.pollQval3 != null && pollData.pollQval3 != ''}">
|
|
|
+ <th:block th:if="${pollData.pollQval3 != '기타'}">
|
|
|
+ <input type="radio" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'rdi-3-'+${pollData.pollQsq}" th:value="${pollData.pollQval3}" ><label th:for="'rdi-3-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval3}"></span></label>
|
|
|
+ </th:block>
|
|
|
+ <th:block th:unless="${pollData.pollQval3 != '기타'}">
|
|
|
+ <input type="radio" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'rdi-3-'+${pollData.pollQsq}" th:value="${pollData.pollQval3}" class="etc_radio"><label th:for="'rdi-3-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval3}"></span></label>
|
|
|
+ <input type="text" th:name="'etc_input_'+${pollData.pollQsq}" class="etc_input" disabled/>
|
|
|
+ </th:block>
|
|
|
+ </li>
|
|
|
+ <li th:if="${pollData.pollQval4 != null && pollData.pollQval4 != ''}">
|
|
|
+ <th:block th:if="${pollData.pollQval4 != '기타'}">
|
|
|
+ <input type="radio" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'rdi-4-'+${pollData.pollQsq}" th:value="${pollData.pollQval4}" ><label th:for="'rdi-4-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval4}"></span></label>
|
|
|
+ </th:block>
|
|
|
+ <th:block th:unless="${pollData.pollQval4 != '기타'}">
|
|
|
+ <input type="radio" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'rdi-4-'+${pollData.pollQsq}" th:value="${pollData.pollQval4}" class="etc_radio"><label th:for="'rdi-4-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval4}"></span></label>
|
|
|
+ <input type="text" th:name="'etc_input_'+${pollData.pollQsq}" class="etc_input" disabled/>
|
|
|
+ </th:block>
|
|
|
+ </li>
|
|
|
+ <li th:if="${pollData.pollQval5 != null && pollData.pollQval5 != ''}">
|
|
|
+ <th:block th:if="${pollData.pollQval5 != '기타'}">
|
|
|
+ <input type="radio" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'rdi-5-'+${pollData.pollQsq}" th:value="${pollData.pollQval5}" ><label th:for="'rdi-5-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval5}"></span></label>
|
|
|
+ </th:block>
|
|
|
+ <th:block th:unless="${pollData.pollQval5 != '기타'}">
|
|
|
+ <input type="radio" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'rdi-5-'+${pollData.pollQsq}" th:value="${pollData.pollQval5}" class="etc_radio"><label th:for="'rdi-5-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval5}"></span></label>
|
|
|
+ <input type="text" th:name="'etc_input_'+${pollData.pollQsq}" class="etc_input" disabled/>
|
|
|
+ </th:block>
|
|
|
+ </li>
|
|
|
+ <li th:if="${pollData.pollQval6 != null && pollData.pollQval6 != ''}">
|
|
|
+ <th:block th:if="${pollData.pollQval6 != '기타'}">
|
|
|
+ <input type="radio" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'rdi-6-'+${pollData.pollQsq}" th:value="${pollData.pollQval6}"><label th:for="'rdi-6-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval6}"></span></label>
|
|
|
+ </th:block>
|
|
|
+ <th:block th:unless="${pollData.pollQval6 != '기타'}">
|
|
|
+ <input type="radio" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'rdi-6-'+${pollData.pollQsq}" th:value="${pollData.pollQval6}" class="etc_radio"><label th:for="'rdi-6-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval6}"></span></label>
|
|
|
+ <input type="text" th:name="'etc_input_'+${pollData.pollQsq}" class="etc_input" disabled/>
|
|
|
+ </th:block>
|
|
|
+ </li>
|
|
|
+ <li th:if="${pollData.pollQval7 != null && pollData.pollQval7 != ''}">
|
|
|
+ <th:block th:if="${pollData.pollQval7 != '기타'}">
|
|
|
+ <input type="radio" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'rdi-7-'+${pollData.pollQsq}" th:value="${pollData.pollQval7}" ><label th:for="'rdi-7-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval7}"></span></label>
|
|
|
+ </th:block>
|
|
|
+ <th:block th:unless="${pollData.pollQval7 != '기타'}">
|
|
|
+ <input type="radio" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'rdi-7-'+${pollData.pollQsq}" th:value="${pollData.pollQval7}" class="etc_radio"><label th:for="'rdi-7-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval7}"></span></label>
|
|
|
+ <input type="text" th:name="'etc_input_'+${pollData.pollQsq}" class="etc_input" disabled/>
|
|
|
+ </th:block>
|
|
|
+ </li>
|
|
|
+ <li th:if="${pollData.pollQval8 != null && pollData.pollQval8 != ''}">
|
|
|
+ <th:block th:if="${pollData.pollQval8 != '기타'}">
|
|
|
+ <input type="radio" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'rdi-8-'+${pollData.pollQsq}" th:value="${pollData.pollQval8}"><label th:for="'rdi-8-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval8}"></span></label>
|
|
|
+ </th:block>
|
|
|
+ <th:block th:unless="${pollData.pollQval8 != '기타'}">
|
|
|
+ <input type="radio" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'rdi-8-'+${pollData.pollQsq}" th:value="${pollData.pollQval8}" class="etc_radio"><label th:for="'rdi-8-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval8}"></span></label>
|
|
|
+ <input type="text" th:name="'etc_input_'+${pollData.pollQsq}" class="etc_input" disabled/>
|
|
|
+ </th:block>
|
|
|
+ </li>
|
|
|
+ <li th:if="${pollData.pollQval9 != null && pollData.pollQval9 != ''}">
|
|
|
+ <th:block th:if="${pollData.pollQval9 != '기타'}">
|
|
|
+ <input type="radio" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'rdi-9-'+${pollData.pollQsq}" th:value="${pollData.pollQval9}" ><label th:for="'rdi-9-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval9}"></span></label>
|
|
|
+ </th:block>
|
|
|
+ <th:block th:unless="${pollData.pollQval9 != '기타'}">
|
|
|
+ <input type="radio" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'rdi-9-'+${pollData.pollQsq}" th:value="${pollData.pollQval9}"class="etc_radio"><label th:for="'rdi-9-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval9}"></span></label>
|
|
|
+ <input type="text" th:name="'etc_input_'+${pollData.pollQsq}" class="etc_input" disabled/>
|
|
|
+ </th:block>
|
|
|
+ </li>
|
|
|
+ <li th:if="${pollData.pollQval10 != null && pollData.pollQval10 != ''}">
|
|
|
+ <th:block th:if="${pollData.pollQval10 != '기타'}">
|
|
|
+ <input type="radio" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'rdi-10-'+${pollData.pollQsq}" th:value="${pollData.pollQval10}"><label th:for="'rdi-10-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval10}"></span></label>
|
|
|
+ </th:block>
|
|
|
+ <th:block th:unless="${pollData.pollQval10 != '기타'}">
|
|
|
+ <input type="radio" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'rdi-10-'+${pollData.pollQsq}" th:value="${pollData.pollQval10}" class="etc_radio"><label th:for="'rdi-10-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval10}"></span></label>
|
|
|
+ <input type="text" th:name="'etc_input_'+${pollData.pollQsq}" class="etc_input" disabled/>
|
|
|
+ </th:block>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </th:block>
|
|
|
+ <th:block th:if="${pollData.pollQtype == '20'}">
|
|
|
+ <ul class="clear" th:id="${pollData.pollQsq+'_'+(pollStat.index+1)}">
|
|
|
+ <li th:if="${pollData.pollQval1 != null && pollData.pollQval1 != ''}">
|
|
|
+ <input type="checkbox" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'chk-1-'+${pollData.pollQsq}" th:value="${pollData.pollQval1}"><label th:for="'chk-1-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval1}"></span></label>
|
|
|
+ </li>
|
|
|
+ <li th:if="${pollData.pollQval2 != null && pollData.pollQval2 != ''}">
|
|
|
+ <input type="checkbox" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'chk-2-'+${pollData.pollQsq}" th:value="${pollData.pollQval2}"><label th:for="'chk-2-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval2}"></span></label>
|
|
|
+ </li>
|
|
|
+ <li th:if="${pollData.pollQval3 != null && pollData.pollQval3 != ''}">
|
|
|
+ <input type="checkbox" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'chk-3-'+${pollData.pollQsq}" th:value="${pollData.pollQval3}"><label th:for="'chk-3-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval3}"></span></label>
|
|
|
+ </li>
|
|
|
+ <li th:if="${pollData.pollQval4 != null && pollData.pollQval4 != ''}">
|
|
|
+ <input type="checkbox" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'chk-4-'+${pollData.pollQsq}" th:value="${pollData.pollQval4}"><label th:for="'chk-4-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval4}"></span></label>
|
|
|
+ </li>
|
|
|
+ <li th:if="${pollData.pollQval5 != null && pollData.pollQval5 != ''}">
|
|
|
+ <input type="checkbox" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'chk-5-'+${pollData.pollQsq}" th:value="${pollData.pollQval5}"><label th:for="'chk-5-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval5}"></span></label>
|
|
|
+ </li>
|
|
|
+ <li th:if="${pollData.pollQval6 != null && pollData.pollQval6 != ''}">
|
|
|
+ <input type="checkbox" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'chk-6-'+${pollData.pollQsq}" th:value="${pollData.pollQval6}"><label th:for="'chk-6-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval6}"></span></label>
|
|
|
+ </li>
|
|
|
+ <li th:if="${pollData.pollQval7 != null && pollData.pollQval7 != ''}">
|
|
|
+ <input type="checkbox" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'chk-7-'+${pollData.pollQsq}" th:value="${pollData.pollQval7}"><label th:for="'chk-7-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval7}"></span></label>
|
|
|
+ </li>
|
|
|
+ <li th:if="${pollData.pollQval8 != null && pollData.pollQval8 != ''}">
|
|
|
+ <input type="checkbox" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'chk-8-'+${pollData.pollQsq}" th:value="${pollData.pollQval8}"><label th:for="'chk-8-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval8}"></span></label>
|
|
|
+ </li>
|
|
|
+ <li th:if="${pollData.pollQval9 != null && pollData.pollQval9 != ''}">
|
|
|
+ <input type="checkbox" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'chk-9-'+${pollData.pollQsq}" th:value="${pollData.pollQval9}"><label th:for="'chk-9-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval9}"></span></label>
|
|
|
+ </li>
|
|
|
+ <li th:if="${pollData.pollQval10 != null && pollData.pollQval10 != ''}">
|
|
|
+ <input type="checkbox" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'chk-10-'+${pollData.pollQsq}" th:value="${pollData.pollQval10}"><label th:for="'chk-10-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval10}"></span></label>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </th:block>
|
|
|
+ <th:block th:if="${pollData.pollQtype == '30'}">
|
|
|
+ <div class="input_wrap">
|
|
|
+ <input type="text" class="form_control" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="${pollData.pollQsq+'_'+(pollStat.index+1)}" />
|
|
|
+ </div>
|
|
|
+ </th:block>
|
|
|
+ <th:block th:if="${pollData.pollQtype == '40'}">
|
|
|
+ <div class="input_wrap">
|
|
|
+ <textarea class="doc_ans" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="${pollData.pollQsq+'_'+(pollStat.index+1)}" placeholder="1,000자 이내로 입력해 주세요." style="resize: none;"></textarea>
|
|
|
+ <p class="txt_cnt">
|
|
|
+ <span id="ans_cnt" class="ans_cnt">(<em class="c_primary">0</em>/1000자)</span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </th:block>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </th:block>
|
|
|
<div class="btn_wrap">
|
|
|
- <button type="submit" class="btn btn_dark">응답 완료</button>
|
|
|
+ <button type="submit" class="btn btn_dark" onclick="fnSubmitPoll()">응답 완료</button>
|
|
|
</div>
|
|
|
- </form>
|
|
|
+ <!-- </form> -->
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -170,6 +218,111 @@
|
|
|
<!-- // container -->
|
|
|
|
|
|
<script th:inline="javascript">
|
|
|
+let pollList = [[${pollList}]];
|
|
|
+
|
|
|
+var fnSubmitPoll = function () {
|
|
|
+ var max1 = new Map();
|
|
|
+ //let max2 = new Map();
|
|
|
+ //let max3 = new Map();
|
|
|
+ //let max4 = new Map();
|
|
|
+ let pollQsq_10 = new Array();
|
|
|
+ let pollQsq_20 = new Array();
|
|
|
+
|
|
|
+
|
|
|
+ // 유효성검사
|
|
|
+ for (let i = 0; i < pollList.length; i++) {
|
|
|
+ let type = pollList[i].pollQtype;
|
|
|
+ let pollQsq = pollList[i].pollQsq;
|
|
|
+
|
|
|
+
|
|
|
+ if(type == "10"){
|
|
|
+ if($('input:radio[name='+pollQsq+'_'+(i+1)+']').is(':checked')== false){
|
|
|
+ mcxDialog.alert("Q"+(i+1)+"항목은 필수항목입니다.");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if ($('input:radio[name='+pollQsq+'_'+(i+1)+']:checked').val() == '기타') {
|
|
|
+ pollQsq_10.push("("+pollQsq);
|
|
|
+ pollQsq_10.push($('input:text[name=etc_input_'+pollQsq+']').val()+")");
|
|
|
+ //max1.set(pollQsq,$('input:text[name=etc_input_'+pollQsq+']').val());
|
|
|
+ //max1.set("pollQsq",pollQsq);
|
|
|
+ //max1.set("dummy",$('input:text[name=etc_input_'+pollQsq+']').val());
|
|
|
+ //max1.set("pollQtype",type);
|
|
|
+ }else{
|
|
|
+ pollQsq_10.push(pollQsq+"/"+$('input:radio[name='+pollQsq+'_'+(i+1)+']:checked').val());
|
|
|
+ //pollQsq_10.push($('input:radio[name='+pollQsq+'_'+(i+1)+']:checked').val()+")");
|
|
|
+ //max1.set(pollQsq,$('input:radio[name='+pollQsq+'_'+(i+1)+']:checked').val());
|
|
|
+ //max1.set("pollQsq",pollQsq);
|
|
|
+ //max1.set("pollQtype",type);
|
|
|
+ //max1.set("dummy",$('input:radio[name='+pollQsq+'_'+(i+1)+']:checked').val());
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if(type == "20"){
|
|
|
+ if($('input:checkbox[name='+pollQsq+'_'+(i+1)+']').is(':checked')== false){
|
|
|
+ mcxDialog.alert("Q"+(i+1)+"항목은 필수항목입니다.");
|
|
|
+ return;
|
|
|
+ }else{
|
|
|
+ let chk = $('input:checkbox[name='+pollQsq+'_'+(i+1)+']:checked');
|
|
|
+ pollQsq_20.push(pollQsq);
|
|
|
+ for(let i=0; i< chk.length; i++){
|
|
|
+ pollQsq_20.push(chk.eq(i).val());
|
|
|
+ //max1.set(pollQsq,pollQsq_20);
|
|
|
+ //max2.set("pollQsq",pollQsq);
|
|
|
+ //max2.set("pollQtype",type);
|
|
|
+ //max2.set("dummy",pollQsq_20);
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if(type == "30"){
|
|
|
+ if($('input:text[name='+pollQsq+'_'+(i+1)+']').val() == ''){
|
|
|
+ mcxDialog.alert("Q"+(i+1)+"항목은 필수항목입니다.");
|
|
|
+ return;
|
|
|
+ }else{
|
|
|
+ //max3.set("pollQsq",pollQsq);
|
|
|
+ //max3.set("pollQtype",type);
|
|
|
+ //max3.set("dummy",$('input:text[name='+pollQsq+'_'+(i+1)+']').val());
|
|
|
+ max1.set(pollQsq,$('input:text[name='+pollQsq+'_'+(i+1)+']').val());
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if(type == "40"){
|
|
|
+ if($('textarea[name='+pollQsq+'_'+(i+1)+']').val() == ''){
|
|
|
+ mcxDialog.alert("Q"+(i+1)+"항목은 필수항목입니다.");
|
|
|
+ return;
|
|
|
+ }else{
|
|
|
+ //max4.set("pollQsq",pollQsq);
|
|
|
+ //max4.set("pollQtype",type);
|
|
|
+ //max4.set("dummy",$('textarea[name='+pollQsq+'_'+(i+1)+']').val());
|
|
|
+ max1.set(pollQsq,$('textarea[name='+pollQsq+'_'+(i+1)+']').val());
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ console.log(pollQsq_10);
|
|
|
+ console.log(pollQsq_20);
|
|
|
+ //console.log(max2);
|
|
|
+ //console.log(max3);
|
|
|
+ //console.log(max4);
|
|
|
+
|
|
|
+ //var data = {max : max1};
|
|
|
+
|
|
|
+
|
|
|
+ var jsonData = JSON.stringify(max1);
|
|
|
+ //jQuery.ajaxSettings.traditional = true;
|
|
|
+
|
|
|
+
|
|
|
+ $.ajax({
|
|
|
+ type : "POST",
|
|
|
+ data : jsonData,
|
|
|
+ url : '/planning/event/poll/save',
|
|
|
+ contentType : 'application/json',
|
|
|
+ dataType : 'json',
|
|
|
+ success : function(result) {
|
|
|
+ }
|
|
|
+ })
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+}
|
|
|
$(document).ready( function() {
|
|
|
|
|
|
//SNS 공유 버튼 토글
|