style24
/
style24.front


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182
							<!DOCTYPE html>
<html lang="ko"
	xmlns:th="http://www.thymeleaf.org"
	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
	layout:decorator="web/common/layout/PlanningLayoutWeb">
<!--
 *******************************************************************************
 * @source  : LookbookMainFormWeb.html
 * @desc    : 룩북메인 Page
 *============================================================================
 * STYLE24
 * Copyright(C) 2020 TSIT, All rights reserved.
 *============================================================================
 * VER  DATE         AUTHOR      DESCRIPTION
 * ===  ===========  ==========  =============================================
 * 1.0  2021.03.30   bin2107     최초 작성
 *******************************************************************************
 -->
<body>

<th:block layout:fragment="content">
	<div id="container" class="container dp">
		<div class="breadcrumb">
			<ul>
				<li class="bread_home"><a href="javascript:void(0);" id="navHome">홈</a></li>
				<li class="bread_home" id="brandLi" th:if="${lbInfo.lookbookGb=='BL'}"></li>
				<li class="bread_2depth">룩북</li>
			</ul>
		</div>
		<div class="wrap">
			<div class="content">
				<div class="cont_head">
					<div>
						<h3>룩북</h3>
					</div>
					</dziv>
					<div class="cont_body">
						<div class="event_list" id="changeClass">
							<div class="event_top">
								<div class="ui_row">
									<div class="count">
										<span id="lookbookTotCnt"></span>개의 이벤트
									</div>
									<div class="ui_col_12">
										<div class="btn_group">
											<!-- <div class="btn_group open"> -->
											<a href="javascript:void(0);" data-toggle="dropdown" class="btn btn_default tgl_dropdown" aria-expanded="true" id="brandBox">브랜드 선택<span class="caret"></span></a>
											<div class="dropdown_menu">
												<ul id="brandArea">

												</ul>
												<div class="ui_row">
													<button type="button" class="fillter_reset" onclick="fnGetLookbookList();"><span>초기화</span></button>
													<button type="button" class="fillter_apply" onclick="fnGetBrandLookbookList();"><span>적용</span></button>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>

							<div class="list">
								<ul class="clear event_con" id="lookbookArea" style="display: none;">

								</ul>
								<ul class="clear no_con" id="divLookbookNoData" style="display: none;">
									<li>
										<p><img src="/images/pc/ico_content_none.png" alt="등록된 이벤트가 없습니다."></p>
										<span>등록된 룩북이 없습니다.</span>
										<a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_MAIN);">메인으로 가기</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

<script th:inline="javascript">
/*<![CDATA[*/
	var lookbookGb = [[${lbInfo.lookbookGb}]];
	if(lookbookGb != 'BL'){
		lookbookGb = 'L';
	}
	var brandCd = [[${lbInfo.brandCd}]];
	var navBrandNm = "";

	let fnGetLookbookList = function (lookbookGb, brandGroupNo){
		let actionUrl = '/display/lookbook/main/list?lookbookGb='+lookbookGb;
		if (!gagajf.isNull(brandGroupNo)) actionUrl += '&multiBrandCd=' + brandGroupNo;
		$('#lookbookArea').html('');
		$('#divLookbookNoData').hide();

		$.getJSON(actionUrl
			, function (result, status){
				if (status == 'success'){
					if (result.length > 0){
						$('#lookbookTotCnt').html('<span>' + result.length.addComma() + '</span>');

						if (gagajf.isNull(brandGroupNo)){
							$('#brandArea').html('');
							let tag = '';
							let brandArr = [];
							$.each(result, function(idx, item) {
								if(!brandArr.includes(item.brandCd)){
									brandArr.push(item.brandCd);
									tag += '<li>';
									tag += '	<label class="brand_btn">';
									tag += '		<input type="checkbox" group="filterValue" id="chkFilterBrand'+idx+'" data-name="chkFilterBrand'+idx+'" name="filterBrandCds" value="'+item.brandCd+'"><span>'+item.brandNm+'</span>';
									tag += '	</label>';
									tag += '</li>';
								}
							});
							$('#brandArea').html(tag);
						}

						$('#lookbookArea').html('');
						let tag2 = '';
						tag2 += '<ul class="clear event_con" id="lookbookArea" style="display: block;">';
						$.each(result, function(idx, item) {
							tag2 += '<li>';
							tag2 += '	<a href="javascript:void(0);" onclick="cfnGoToLookbookDetail(\''+lookbookGb+'\','+item.lookbookSq+','+item.brandCd+')">';
							tag2 += '		<div class="ev_img">';
							tag2 += '			<img src="' + _imgUrl + item.orgTnfileNm + '" alt="" style="height:100%">';
							tag2 += '		</div>';
							tag2 += '		<div class="txt">';
							if(lookbookGb != 'BL') {
								tag2 += '			<span class="brand">' + item.brandNm + '</span>';
							}
							tag2 += '			<p class="tit">'+item.title+'</p>';
							tag2 += '		</div>';
							tag2 += '	</a>';
							tag2 += '</li>';
							navBrandNm = item.brandNm;
							$("#brandLi").text(navBrandNm);
						});
						tag2 += '</ul>';

						$('#lookbookArea').html(tag2);
						$('#divLookbookNoData').hide();
						$('#lookbookArea').show();
					}else{
						$('#lookbookTotCnt').html('<span>0</span>');
						document.getElementById("changeClass").className = "event_list no_data";
						$('#lookbookArea').hide();
						$('#divLookbookNoData').show();
					}
				}
				document.getElementById("brandBox").className = "btn btn_default tgl_dropdown";
				$('.dropdown_menu').hide();
			});
	}

	var fnGetBrandLookbookList = function (){
		var multiBrandCd = [];
		$("input:checkbox:checked").each(function (index) {
			multiBrandCd.push($(this).val());
		});

		fnGetLookbookList(lookbookGb,multiBrandCd);
	}

	$(document).ready(function() {
		//$("#container .wrap .content .cont_body .event_list .event_top .ui_row .count").find('span').text(totalCnt.addComma());
		fnGetLookbookList(lookbookGb,brandCd);

		if(lookbookGb=='BL'){
			$("#brandBox").hide();
			$("#navHome").attr('onclick', 'cfnGoToBrandMain('+brandCd+');');
		}else{
			$("#navHome").attr('href', '/');
		}
	});

/*]]>*/
</script>

</th:block>

</body>
</html>