style24
/
style24.front


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707
							<!DOCTYPE html>
<html lang="ko"
	xmlns:th="http://www.thymeleaf.org"
	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
	layout:decorator="mob/common/layout/MypageLayoutMob">
<!--
 *******************************************************************************
 * @source  : MypageReviewCreateFormMob.html
 * @desc    : 마이페이지 > 리뷰 작성Page
 *============================================================================
 * STYLE24
 * Copyright(C) 2020 TSIT, All rights reserved.
 *============================================================================
 * VER  DATE         AUTHOR      DESCRIPTION
 * ===  ===========  ==========  =============================================
 * 1.0  2021.05.11   sowon     최초 작성
 *******************************************************************************
 -->
<body>
<th:block layout:fragment="content">
<main role="" id="" class="container my">
			<section class="content review">
				<form class="form_wrap" id="reviewForm"  th:action="@{'/mypage/review/save'}" th:with="imageUrl=${@environment.getProperty('upload.goods.view')}">
				<input type="hidden" name="ordNo" th:value="${reviewInfo.ordNo}">
						<input type="hidden" name="ordDtlNo" th:value="${reviewInfo.ordDtlNo}">
						<input type="hidden" name="goodsCd" th:value="${reviewInfo.goodsCd}">
						<input type="hidden" name="custNo" th:value="${reviewInfo.custNo}">
						<input type="hidden" name="reviewStat" th:value="${reviewStat}">
						<input type="hidden" name="reviewSq" th:if="${reviewStat == 'u'}" th:value="${reviewInfo.reviewSq}">
					<div class="inner bg_gray">
						<ul class="note">
							<li>일반 리뷰 작성시 150P, 포토/영상 리뷰는 350P가  적립됩니다.</li>
							<li>월 최대 10,000P까지 적립 가능합니다.(합산 후 월 1회 지급)</li>
							<li>베스트 리뷰로 선정되면 10,000P가 추가 적립됩니다.</li>
							<li>리뷰 작성시 욕설, 비방, 선정적인 내용 등이 있을 경우 통보 없이관리자에 의해 삭제 될 수 있습니다.</li>
						</ul>
					</div>
					<div class="inner">
						<div class="part_goods">
							<!-- 굿즈_리뷰 -->
							<div class="goods_section">
								<div class="goods_detail">
									<a th:onclick="cfnGoToGoodsDetail([[${ reviewInfo.goodsCd}]])" >
										<div class="thumb_box">
											<img th:src="${imageUrl + '/' + reviewInfo.sysImgNm}" alt="tmp_pdClickother1">
										</div>
										<div class="info_box">
											<div class="od_name">
												<div class="goods_date"><span class="date" th:text="${reviewInfo.ordDt}"></span> 구매</div>
												<div class="brand">
													<span th:text="${reviewInfo.brandNm}"></span>
												</div>
												<div class="name" th:text="${reviewInfo.goodsNm}"></div>
											</div>
											<div class="od_opt">
												<div class="option" id="optionDiv">
													<!-- <em>Black</em><em>XXL</em> -->
												</div>
											</div>
										</div>
									</a>
								</div>											
							</div>
							<!-- //굿즈_리뷰 -->
						</div>
					</div>
					<div class="inner">
						<div class="titWrap">
							<div class="">별점을 선택해주세요</div>
						</div>
						<div class="review_score">
							<div id="star_grade">
								<input type="hidden" id="score" name="score">
								<button type="button" id="starBtn"></button>
								<button type="button" id="starBtn"></button>
								<button type="button" id="starBtn"></button>
								<button type="button" id="starBtn"></button>
								<button type="button" id="starBtn"></button>
							</div>
						</div>
					</div>
					<div class="inner">
						<div class="my_edit_section">
							<div class="tbl_wrap">
								<div class="tbl_tit"> 
									<h3>키/몸무게</h3>
								</div>
								<div class="tbl">
									<div class="tbl_row">
										<table>
											<colgroup>
												<col width="*">
											</colgroup>   
											<tr>
												<th>키</th>
												<td>
													<div class="form_field rev_height">
														<input type="tel" class="form_control" oninput='handleOnInput(this, 3)' id="height" name="height" data-valid-type="numeric" placeholder="키를 숫자만 입력해주세요."><span>cm</span>
													</div>
												</td>
											</tr>
											<tr>
												<th>몸무게</th>
												<td>
													<div class="form_field rev_height">
														<input type="tel" class="form_control" oninput='handleOnInput(this, 3)' id="weight" name="weight" data-valid-type="numeric" placeholder="몸무게를 숫자만 입력해주세요."><span>kg</span>
													</div>
												</td>
											</tr>
										</table>
									</div>
								</div>
							</div>
							<th:block th:if="${reviewInfo.sizeGb == 'T' or reviewInfo.sizeGb == 'B' or reviewInfo.sizeGb == 'S'}">
							<div class="tbl_wrap">
								<div class="tbl_tit"> 
									<h3>상품평가</h3>
								</div>
								<div class="tbl">
									<div class="tbl_row">
										<table data-name="rating">
											<colgroup>
												<col width="*">
											</colgroup>
											<th:block th:if="${reviewInfo.sizeGb == 'T' or reviewInfo.sizeGb == 'B' or reviewInfo.sizeGb == 'S'}">    
											<tr>
												<th>사이즈</th>
												<td>
													<div class="form_field review_radio">
														<div class="radio_li">
															<input id="chk-1" type="radio" name="scoreSize" value="1"><label for="chk-1"> <span>작음</span></label>
														</div>
														<div class="radio_li">
															<input id="chk-2" type="radio" name="scoreSize" value="2"><label for="chk-2"> <span>딱맞음</span></label>
														</div>
														<div class="radio_li">
															<input id="chk-3" type="radio" name="scoreSize" value="3"><label for="chk-3"> <span>큼</span></label>
														</div>
													</div>
												</td>
											</tr>
											<tr>
												<th>컬러</th>
												<td>
													<div class="form_field review_radio">
														<div class="radio_li">
															<input id="chk-4" type="radio" name="scoreColor" value="1"><label for="chk-4"> <span>밝음</span></label>
														</div>
														<div class="radio_li">
															<input id="chk-5" type="radio" name="scoreColor" value="2"><label for="chk-5"> <span>똑같음</span></label>
														</div>
														<div class="radio_li">
															<input id="chk-6" type="radio" name="scoreColor" value="3"><label for="chk-6"> <span>어두움</span></label>
														</div>
													</div>
												</td>
											</tr>
											</th:block>
											<th:block th:if="${reviewInfo.sizeGb == 'T' or reviewInfo.sizeGb == 'B'}"> 
											<tr>
												<th>핏</th>
												<td>
													<div class="form_field review_radio">
														<div class="radio_li">
															<input id="chk-7" type="radio" name="scoreFit" value="1"><label for="chk-7"> <span>슬림</span></label>
														</div>
														<div class="radio_li">
															<input id="chk-8" type="radio" name="scoreFit" value="2"><label for="chk-8"> <span>레귤러</span></label>
														</div>
														<div class="radio_li">
															<input id="chk-9" type="radio" name="scoreFit" value="3"><label for="chk-9"> <span>오버</span></label>
														</div>
													</div>
												</td>
											</tr>
											<tr>
												<th>두께감</th>
												<td>
													<div class="form_field review_radio">
														<div class="radio_li">
															<input id="chk-10" type="radio" name="scoreThick" value="1"><label for="chk-10"> <span>얇음</span></label>
														</div>
														<div class="radio_li">
															<input id="chk-11" type="radio" name="scoreThick" value="2"><label for="chk-11"> <span>적당함</span></label>
														</div>
														<div class="radio_li">
															<input id="chk-12" type="radio" name="scoreThick" value="3"><label for="chk-12"> <span>도톰함</span></label>
														</div>
													</div>
												</td>
											</tr>
											</th:block>
											<th:block th:if="${reviewInfo.sizeGb == 'S'}"> 
											<tr>
												<th>무게감</th>
												<td>
													<div class="form_field review_radio">
														<div class="radio_li">
															<input id="chk-13" type="radio" name="scoreWeight" value="1"><label for="chk-13"> <span>가벼움</span></label>
														</div>
														<div class="radio_li">
															<input id="chk-14" type="radio" name="scoreWeight" value="2"><label for="chk-14"> <span>적당함</span></label>
														</div>
														<div class="radio_li">
															<input id="chk-15" type="radio" name="scoreWeight" value="3"><label for="chk-15"> <span>무거움</span></label>
														</div>
													</div>
												</td>
											</tr>
											<tr>
												<th>볼너비</th>
												<td>
													<div class="form_field review_radio">
														<div class="radio_li">
															<input id="chk-16" type="radio" name="scoreBall" value="1"><label for="chk-16"> <span>작음</span></label>
														</div>
														<div class="radio_li">
															<input id="chk-17" type="radio" name="scoreBall" value="2"><label for="chk-17"> <span>딱맞음</span></label>
														</div>
														<div class="radio_li">
															<input id="chk-18" type="radio" name="scoreBall" value="3"><label for="chk-18"> <span>큼</span></label>
														</div>
													</div>
												</td>
											</tr>
											</th:block>
										</table>
									</div>
								</div>
							</div>
							</th:block>
							<div class="tbl_wrap">
								<div class="tbl">
									<div class="tbl_row">
										<table>
											<colgroup>
												<col width="*">
											</colgroup>   
											<tr>
												<th>
													<span class="tit">고객님의 리뷰가<br>다른 고객님께 도움이 될 수 있어요! </span>

													<div class="tip_wrap tip2" >
														<div class="tip_tit">?</div>
														<div class="tip_contents">
															<ul>
																<li>리뷰 내용은 최소 10자 이상 입력해주세요.</li>
																<li>상품과 무관하거나 스팸, 음란, 불법적인 내용의 리뷰는 통보없이 삭제되며, 지금된 포인트는 회수 될 수 있습니다.</li>
															</ul>
														</div>
													</div>
												</th>
												<td>
													<div class="textarea_wrap">
													<textarea class="doc_review" name="reviewContent" id="reviewContent" cols="30" rows="10" maxlength="500"></textarea>
													<p class="txt_cnt"><span id="review_cnt" class="c_primary">0</span>/500</p>
													</div>
												</td>
											</tr>
											<tr>
												<th>
													<span class="tit">포토/영상 첨부</span>
												</th>
												<td>
													<div class="form_field">
														<div class="input_wrap">
															<!-- 이미지첨부 -->
															<div class="form_field">
																<div class="imgUpload">
																	<label for="fileAdd" class="fileAdd" id="fileAdd_reply">첫번째업로드</label>
																	<input type="file" id="fileAdd" name="files" accept="image/png, image/jpeg, image/jpg, video/mp4, video/x-m4v"> <!-- 210507_추가 : accept 속성 추가 -->
																</div>
															</div>
															<!-- //이미지첨부 -->
														</div> 
													</div>

													<p class="review_desc">최대 10개까지 등록 가능</p>
													<p class="review_desc">동영상 첨부 시 관리자 승인이 필요하여 바로 노출이 되지 않을 수 있습니다.</p>					
												</td>
											</tr>
										</table>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="inner">
						<div class="goods_btn_wrap btn_group_flex">
							<div><button type="button" id="btn_review_cancle" class="btn btn_default" onclick="reviewCancel()"><span>취소</span></button></div> 
							<div th:if="${reviewStat == 'c'}"><button type="button" id="btn_review_confirm" class="btn btn_dark"  onclick="reviewCreate()"><span>등록</span></button></div> 
							<div th:if="${reviewStat == 'u'}"><button type="button" id="btn_review_confirm" class="btn btn_dark"  onclick="reviewUpdate()"><span>수정</span></button></div> 
						</div>
					</div>
				</form>
			</section>
		</main>
<script type="text/javascript" src="/ux/plugins/gaga/gaga.kollus.js"></script>
<script type="text/javascript" src="/ux/plugins/load-image.all.min.js"></script>
<script th:inline="javascript">
let reviewList = [[${reviewInfo}]];
let reviewStat = [[${reviewStat}]];
let reviewAttach = [[${alreadyReviewAttach}]];

//별점 class="on"
var $starEls = $('#star_grade button#starBtn');
var rate = 1;

$starEls.each(function (index, el) {
    $(el).on('click', function () {
        rating(index);
        $("#score").attr("value",index+1);
    });
});


function rating(score) {
    $starEls.each(function (i, el) {
        if (i <= score) {
            $(el).addClass('on');
        } else {
            $(el).removeClass('on');
        }
    });

    rate = score;
}

// 리뷰  취소
var reviewCancel = function() {
	
	mcxDialog.confirm('취소하시겠습니까?', {
        cancelBtnText: "취소",
        sureBtnText: "확인",
        sureBtnClick: function(){
        	cfnGoToPage(_PAGE_MYPAGE_REVIEW);
        }
    });
}


//리뷰 등록
var reviewCreate = function () {
	if($("#score").val()=='' || $("#score").val()==null){
		mcxDialog.alert('별점을 선택하세요.');
		return;
	}
	
	if($("#reviewForm input[name=height]").val() == '' || $("#reviewForm input[name=height]").val() == null){
		mcxDialog.alert('키를 입력하세요.');
		return;
	}
	
	if($("#reviewForm input[name=weight]").val() == '' || $("#reviewForm input[name=weight]").val() == null){
		mcxDialog.alert('몸무게를 입력하세요.');
		return;
	} 
	
	
	if(reviewList.sizeGb == 'T' || reviewList.sizeGb == 'B' || reviewList.sizeGb == 'S'){
		if($('#reviewForm input:radio[name=scoreSize]:checked').length == 0){
			mcxDialog.alert('상품 사이즈를 평가해주세요.');
			return false;
		}
		
		if($('#reviewForm input:radio[name=scoreColor]:checked').length == 0){
			mcxDialog.alert('상품 컬러를 평가해주세요.');
			return false;
		}
	}
	
	if(reviewList.sizeGb == 'T' || reviewList.sizeGb == 'B'){
		if($('#reviewForm input:radio[name=scoreFit]:checked').length == 0){
			mcxDialog.alert('상품 핏을 평가해주세요.');
			return false;
		}
		if($('#reviewForm input:radio[name=scoreThick]:checked').length == 0){
			mcxDialog.alert('상품 두께감을 평가해주세요.');
			return false;
		}	
	}
	
	if(reviewList.sizeGb == 'S' ){
		if($('#reviewForm input:radio[name=scoreWeight]:checked').length == 0){
			mcxDialog.alert('상품 무게감을 평가해주세요.');
			return false;
		}
		
		if($('#reviewForm input:radio[name=scoreBall]:checked').length == 0){
			mcxDialog.alert('상품 볼넓이를 평가해주세요.');
			return false;
		}
	}
	
	if($('#reviewContent').val().length<10){
		mcxDialog.alert("리뷰 내용을 10자 이상 입력해주세요.");
		return false;
	}
	
	
	mcxDialog.confirm('리뷰를 등록하시겠습니까?', {
     cancelBtnText: "취소",
     sureBtnText: "확인",
     sureBtnClick: function(){
     	gagajf.ajaxFormSubmit($('#reviewForm').prop('action'), '#reviewForm', fnSaveCallback, true);
     }
 });
	
	
}


//리뷰 수정
var reviewUpdate = function() {
	
	if($("#reviewForm input[name=height]").val() == '' || $("#reviewForm input[name=height]").val() == null){
		mcxDialog.alert('키를 입력하세요.');
		return;
	}
	
	if($("#reviewForm input[name=weight]").val() == '' || $("#reviewForm input[name=weight]").val() == null){
		mcxDialog.alert('몸무게를 입력하세요.');
		return;
	}

	if($('#reviewContent').val().length<10){
		mcxDialog.alert("리뷰 내용을 10자 이상 입력해주세요.");
		return;
	}
	
	mcxDialog.confirm('리뷰를 수정하시겠습니까?', {
     cancelBtnText: "취소",
     sureBtnText: "확인",
     sureBtnClick: function(){
     	gagajf.ajaxFormSubmit("/mypage/review/update", '#reviewForm', fnUpdateCallback);
     }
 });
	
}
var fnSaveCallback = function (result) {
	if(result.status == "200"){
		if (document.getElementsByName("kufKeyArr").length>0 || document.getElementsByName("orgFileNmArr").length>0) {
			mcxDialog.confirm("상품리뷰를 등록 하였습니다. 350P 적립 예정입니다.", {
				sureBtnText: "확인",
				sureBtnClick: function() { 
					cfnGoToPage(_PAGE_MYPAGE_REVIEW);
				}
			});
		}else{
			mcxDialog.confirm("상품리뷰를 등록 하였습니다. 150P 적립 예정입니다.", {
				sureBtnText: "확인",
				sureBtnClick: function() { 
					cfnGoToPage(_PAGE_MYPAGE_REVIEW);
				}
			});
		}
	}
}

var fnUpdateCallback = function (result) {
	if(result.status == "200"){
		mcxDialog.confirm("상품 리뷰를 수정하였습니다.", {
			sureBtnText: "확인",
			sureBtnClick: function() { 
				cfnGoToPage(_PAGE_MYPAGE_REVIEW);
			}
		}); 
		
	}
}

//header scroll
$(document).on('click', '.tabIndex li a', function() {
	
	
	var $this = $(this),
		$tabList = $this.parents('ul'),
		_idx = $this.closest('li').index();
	
	$tabList.children().eq(_idx).addClass('active').siblings().removeClass('active');
	$tabList.next().children().eq(_idx).addClass('active').siblings().removeClass('active');
});
		
$(function(){
	
	$('#htopTitle').text('리뷰 쓰기');
	var tag = '';
	
	if (reviewList.goodsType == 'G056_S') {
		tag += '<em>';
		$.each(reviewList.colorNmArr, function(index, option) {
			
			tag += reviewList.itemNmArr[index] + ' / ' + option + '<br>';
		});
		tag += '</em>';
		$("#optionDiv").append(tag);
	}else{
		tag += '<em>';
		tag += reviewList.optCd1+' / '+reviewList.optCd2;
		tag += '</em>';
		$(".option").append(tag);
	}

	
	 if(reviewStat=='u'){
		 var reviewScore = reviewList.score;
		 $("#score").val(reviewScore);
		 rating(reviewScore-1);
		$("#reviewForm input[name=height]").val(reviewList.height);
		$("#reviewForm input[name=weight]").val(reviewList.weight);
		$("#reviewForm textarea[name=reviewContent]").val(reviewList.reviewContent.escapeHtml());
		if(reviewList.scoreSize == "1"){
			$('#reviewForm input:radio[name=scoreSize]:radio[value="1"]').prop('checked', true);
		}else if(reviewList.scoreSize == "2"){
			$('#reviewForm input:radio[name=scoreSize]:radio[value="2"]').prop('checked', true);
		}else if(reviewList.scoreSize == "3"){
			$('#reviewForm input:radio[name=scoreSize]:radio[value="3"]').prop('checked', true);
		}
		
		if(reviewList.scoreColor == "1"){
			$('#reviewForm input:radio[name=scoreColor]:radio[value="1"]').prop('checked', true);
		}else if(reviewList.scoreColor == "2"){
			$('#reviewForm input:radio[name=scoreColor]:radio[value="2"]').prop('checked', true);
		}else if(reviewList.scoreColor == "3"){
			$('#reviewForm input:radio[name=scoreColor]:radio[value="3"]').prop('checked', true);
		}
		
		if(reviewList.scoreFit == "1"){
			$('#reviewForm input:radio[name=scoreFit]:radio[value="1"]').prop('checked', true);
		}else if(reviewList.scoreFit == "2"){
			$('#reviewForm input:radio[name=scoreFit]:radio[value="2"]').prop('checked', true);
		}else if(reviewList.scoreFit == "3"){
			$('#reviewForm input:radio[name=scoreFit]:radio[value="3"]').prop('checked', true);
		}
		
		if(reviewList.scoreThick == "1"){
			$('#reviewForm input:radio[name=scoreThick]:radio[value="1"]').prop('checked', true);
		}else if(reviewList.scoreThick == "2"){
			$('#reviewForm input:radio[name=scoreThick]:radio[value="2"]').prop('checked', true);
		}else if(reviewList.scoreThick == "3"){
			$('#reviewForm input:radio[name=scoreThick]:radio[value="3"]').prop('checked', true);
		}
		
		if(reviewList.scoreWeight == "1"){
			$('#reviewForm input:radio[name=scoreWeight]:radio[value="1"]').prop('checked', true);
		}else if(reviewList.scoreWeight == "2"){
			$('#reviewForm input:radio[name=scoreWeight]:radio[value="2"]').prop('checked', true);
		}else if(reviewList.scoreWeight == "3"){
			$('#reviewForm input:radio[name=scoreWeight]:radio[value="3"]').prop('checked', true);
		}
		
		if(reviewList.scoreBall == "1"){
			$('#reviewForm input:radio[name=scoreBall]:radio[value="1"]').prop('checked', true);
		}else if(reviewList.scoreBall == "2"){
			$('#reviewForm input:radio[name=scoreBall]:radio[value="2"]').prop('checked', true);
		}else if(reviewList.scoreBall == "3"){
			$('#reviewForm input:radio[name=scoreBall]:radio[value="3"]').prop('checked', true);
		}
		
		if(reviewAttach.length>0){
			for (var i = 0; i < reviewAttach.length; i++) {
				if(reviewAttach[i].reviewSq == reviewList.reviewSq){
					if(reviewAttach[i].fileGb == "I"){
						$("<span class=\"pics\">" +
								"<img class=\"picsThumbs\" src=\"" + _uploadImageUrl + '/' + reviewAttach[i].sysFileNm + "\" />" +
								"<input type='hidden' name='orgFileNmArr' value='"+reviewAttach[i].orgFileNm+"'>" +
								"<input type='hidden' name='sysFileNmArr' value='"+reviewAttach[i].sysFileNm+"'>" +
								"<br/><span class=\"removes\">Removes image</span>" +
								"</span>").insertBefore(".fileAdd");
					}else{
						$("<span class=\"pics mov\">" +
								"<img class=\"picsThumbs\" src=\"" + _kollusMediaUrl + '/poster/' + reviewAttach[i].kmcKey + "\"/>" +
								"<input type='hidden' name='kmcKeyArr' value='" + reviewAttach[i].kmcKey + "'>" + 
								"<input type='hidden' name='kufKeyArr' value='" + reviewAttach[i].kufKey + "'>" + 
								"<br/><span class=\"removes\">Removes image</span>" +
								"</span>").insertBefore(".fileAdd");
					}
				}
				
			}
			$(".removes").click(function(){
				$(this).parent(".pics").remove();
			});
			
		}
	} 
	
	$(window).scroll(function(){
		var scroll = $(this).scrollTop();
		var headerH = $(".header").height();
		if ($(window).scrollTop() > headerH){
			$(".header").addClass("minify");
			return false;
		}
		else {
			$(".header").removeClass("minify");
			return false;
		}
	});

	$('#star_grade button').click(function(){
		$(this).parent().children("button").removeClass("on");  /* 별점의 on 클래스 전부 제거 */ 
		$(this).addClass("on").prevAll("button").addClass("on"); /* 클릭한 별과, 그 앞 까지 별점에 on 클래스 추가 */
		return false;
	});

	//리뷰 내용 글자 수 제한
	$('.doc_review').keyup(function (e){
		var content = $(this).val();
		$('#review_cnt').html(content.length);
		if (content.length > 500){
			$(this).val(content.substring(0, 500));
			$('#review_cnt').html("500");
		}
	});
	
	$('.doc_review').bind('input paste', function() {
		  $(this).trigger('keyup');
	});
});

$('#fileAdd').on('change', function() { fnChooseFile(this); });

var fnChooseFile = function(obj) {
	var picLength = $(".pics").length;
	
	// multiple 속성이 있으면 files에는 다수의 객체가 할당됨
	var file = obj.files[0];
	var fileType = file.type;
                                                        

	if (!gagajf.isNull(file.name)) {
		var extension = "\.(jpg|jpeg|png)$";
		if ((new RegExp(extension, "i")).test(file.name)) {
			if ( file.size > (10 * 1000000)) {        
				mcxDialog.alertC('이미지는 최대 10MB 이하 파일만 가능합니다.', {                          
					sureBtnText: "확인",                                                    
					sureBtnClick: function() {      
						$(".pics").find(".removes").last().trigger('click');
					}                                                                     
				});                                                                       
				return false;                                                             
			}       
			 gagajf.ajaxFileUpload('/common/file/upload?subDir=/review'
						, file
						, function(result) {
							// 업로드한 파일명 설정
							$(".pics").children().last().append("<input type='hidden' name='orgFileNmArr' id='orgFileNm"+(picLength+1)+"' value='"+result.oldFileName+"'>");
							$(".pics").children().last().append("<input type='hidden' name='sysFileNmArr' id='sysFileNm"+(picLength+1)+"' value='"+result.newFileName+"'>");
							
							var limg = loadImage(file, function (img, data) {
					            img.toBlob(function (blob) {
					                var rotateFile = new File([blob], file.name, { type: fileType });
					                var reader = new FileReader();
					                reader.onload = function (e) { $(".pics").find("img").last().attr("src", e.target.result); }

					                reader.readAsDataURL(rotateFile);
					            }, fileType)
					        }, { orientation: true });
						}
				); 
		}
		else{
			if ( file.size > (50 * 1000000)) {        
				mcxDialog.alertC('동영상은 최대 50MB 이하 파일만 가능합니다.', {                          
					sureBtnText: "확인",                                                    
					sureBtnClick: function() {      
						$(".pics").find(".removes").last().trigger('click');
					}                                                                     
				});                                                                       
				return false;                                                             
			}  
			
			setTimeout(function(){
				$(".imgUpload").find('.pics').last().addClass("mov");
				$(".pics").children().last().append("<input type='hidden' name='kufKeyArr' id='kufKey"+(picLength+1)+"'>");
				$(".pics").children().last().append("<input type='hidden' name='kmcKeyArr' id='kmcKey"+(picLength+1)+"'>");
				gagaKollus.upload('Review', file, $('#kufKey'+(picLength+1)));
			}, 1000);
		}
	}
}


//210409_키, 몸무게 input 글자 수 제한
function handleOnInput(el, maxlength) {
		if(el.value.length > maxlength)  {
			el.value = el.value.substr(0, maxlength);
		}
	}
</script>
<script>
	//210524_ 추가 : textarea focus시 outline 색상 넣는 스크립트
	$(function() {
		$('.doc_review').focus(function(){
			$(this).parent('.textarea_wrap').css('outline', '1px auto rgb(229, 151, 0)');
		})
		$('.doc_review').blur(function(){
			$(this).parent('.textarea_wrap').css('outline', 'none');
		})
	});
</script>
	
</th:block>

</body>
</html>