style24
/
style24.front


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184
							<!DOCTYPE html>
<html lang="ko"
	xmlns:th="http://www.thymeleaf.org">
<!--
 *******************************************************************************
 * @source  : GoodsReviewDetailFormMob.html
 * @desc	: 상품평 상세 팝업
 *============================================================================
 * STYLE24
 * Copyright(C) 2020 TSIT, All rights reserved.
 *============================================================================
 * VER  DATE		 AUTHOR	  DESCRIPTION
 * ===  ===========  ==========  =============================================
 * 1.0  2021.04.07   eskim		최초 작성
 *******************************************************************************
 -->
<div class="modal-dialog" role="document" th:with="imgGoodsUrl=${@environment.getProperty('upload.goods.view')}, uxImgUrl=${@environment.getProperty('domain.uximage')}, imgUrl=${@environment.getProperty('upload.image.view')}">
	<div class="modal-content">
		<div class="modal-header">
			<th:block th:if="${review.bestYn == 'Y'}">
			<h5 class="modal-title" id="exampleFullLabel">베스트 리뷰</h5>
			</th:block>
			<th:block th:unless="${review.bestYn == 'Y'}">
			<h5 class="modal-title" id="exampleFullLabel">
				<button type="button" id="btn_more_photoreview"></button>
				포토/영상리뷰
			</h5>
			</th:block>
		</div>
		<div class="modal-body" th:if="${reviewList != null and !reviewList.empty}">
			<div class="pop_cont" th:each="review, status : ${reviewList}" >
				<!-- 리뷰사진영역 -->
					<div class="area_slider">
						<div class="swiper-container thumb_list">
							<div class="swiper-wrapper">
								<th:block th:if="${review.reviewAttachList != null and !review.reviewAttachList.empty}" >
								<th:block th:each="reviewAttach, attachStatus : ${review.reviewAttachList}">
								<div class="swiper-slide">
									<div class="thumb " th:classAppend="${(reviewAttach.fileGb == 'M') ? 'mov' :''}">
										<th:block th:if="${reviewAttach.fileGb == 'M'}">
											<video poster="http://cdn.011st.com/11dims/resize/1999x1999/quality/75/11src/review/10201202/3121412332/2e66698576d64c5c9977a6fe6606008d.jpg" muted="muted" preload="metadata" controls="controls">
												<source src="http://snsvideo.11st.co.kr/movie/item/www/675/67518524_06_1_C1.mp4" type="video/mp4">
											</video>
										</th:block>
										<th:block th:unless="${reviewAttach.fileGb == 'M'}">
											<img th:src="${imgUrl+'/'+reviewAttach.sysFileNm}" alt="">
										</th:block>
									</div>
								</div>
								</th:block>
								</th:block>
								<th:block th:unless="${review.reviewAttachList != null and !review.reviewAttachList.empty}">
									<div class="swiper-slide"><div class="thumb nodata"><img th:src="${imgGoodsUrl+'/'+review.sysImgNm+'?RS=358'}" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'" alt=""></div></div><!-- 이미지 없으면 calss .nodata  -->
								</th:block>
							</div>
							<!-- Add Pagination -->
							<div class="swiper-pagination"></div>
						</div>
					</div>
				<!-- //리뷰사진영역 -->
				<!-- 리뷰내용 -->
				<div class="pd_review best">
					<div class="area_rv_all">
						<div class="btn_review_open">리뷰오픈</div>
						<div class="review_list">
							<ul>
								<li>
									<div class="review">
										<div class="info_box">
											<div class="star_score" th:with="starScore=${#numbers.formatDecimal((review.iscore*100/5), 0,0)}">
												<span class="star">
													<em class="progbar" th:style="${'width:'+starScore+'%;' }"></em> <!-- 평점 style로 표기 -->
												</span>
											</div>
											<div class="writer">
												<span class="wr_id" th:text="${review.maskingCustId}">ab2****</span>
												<span class="wr_date" th:text="${review.regDt}">2020.07.15</span>
											</div>
										</div>
										<div class="response_box">
											<div>
												<dl>
													<div th:if="${review.goodsOptionList != null and !review.goodsOptionList.empty}" th:each="reviewGoods, goodsStatus : ${review.goodsOptionList}">
														<dt >구매옵션</dt>
														<dd th:text="${reviewGoods.optCd1 +' / '+ reviewGoods.optCd2}">베이지 / 100</dd>
													</div>
													<div>
														<dt>키/몸무게</dt>
														<dd><th:block th:if="${not #strings.isEmpty(review.height)}" th:text="|${review.height}cm / |"></th:block> 
															<th:block th:if="${not #strings.isEmpty(review.weight)}" th:text="|${review.weight}kg|"></th:block>
														</dd>
													</div>
												</dl>
											</div>
										</div>
										<div class="txt_review_box">
											<p th:utext="${#strings.unescapeJava(#strings.escapeJava(review.reviewContent))}">옷</p>
										</div>
										<div class="response_box2"  th:if="${not #strings.isEmpty(review.sizeGb)}">
											<div>
												<dl>
													<div>
														<dt>사이즈</dt>
														<dd th:text="${review.scoreSizeNm}">작음</dd>
													</div>
													<div>
														<dt>컬러</dt>
														<dd th:text="${review.scoreColorNm}">밝음</dd>
													</div>
													<th:block th:if="${review.sizeGb == 'T' or review.sizeGb == 'B'}">
													<div>
														<dt>핏</dt>
														<dd th:text="${review.scoreFitNm}">레귤러</dd>
													</div>
													<div>
														<dt>두께감</dt>
														<dd th:text="${review.scoreThickNm}">적당함</dd>
													</div>
													</th:block>
													<th:block th:unless="${review.sizeGb == 'T' or review.sizeGb == 'B'}">
													<div>
														<dt>무게감</dt>
														<dd th:text="${review.scoreWeightNm}">레귤러</dd>
													</div>
													<div>
														<dt>볼너비</dt>
														<dd th:text="${review.scoreBallNm}">적당함</dd>
													</div>
													</th:block>
												</dl>
											</div>
										</div>
										<div class="reply_box" th:if="${not #strings.isEmpty(review.admRpl)}">
											<div class="reply">
												<div class="reply_writer">
													<span class="wr_name">관리자</span>
													<span class="wr_date" th:text="${review.admRplDt}" >2020.07.15</span>
												</div>
												<div class="reply_txt">
													<p th:utext="${#strings.unescapeJava(#strings.escapeJava(review.admRpl))}">
														안녕하세요, 스타일24 관리자입니다.
													</p>
												</div>
											</div>
										</div>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<!-- //리뷰내용 -->
			</div>
		</div>
	</div>
</div>
<a href="javascript:void(0);" rel="modal:close" onclick="cfCloseLayer('layer_review_best')" class="close-modal">Close</a> 
<script th:inline="javascript">
/*<![CDATA[*/
	
	$(document).ready( function() {
		 //슬라이드 - 포토,영상리뷰팝업 
        var photoreviewdetailSwiper = new Swiper('.pd_photoreviewdetail_pop .area_slider .swiper-container', {
            observer: true,
            observeParents: true,
            slidesPerView: 1,
            pagination: {
                el: '.swiper-pagination',
                type: 'fraction',
            },
        });
        // 포토,베스트리뷰숨김
        var review_open=$(".btn_review_open");
        $(document).on('click','.btn_review_open',function(e){
            $(this).toggleClass('active');
            $(this).next(".review_list").toggleClass('active');
            return false;
        });

	});
	
/*]]>*/
</script>	
 </html>