메인화면 작업중

This commit is contained in:
zxcxz2002
2022-12-27 00:47:14 +09:00
parent ee10505151
commit 1baa61d0fd
7 changed files with 377 additions and 596 deletions
@@ -1,4 +0,0 @@
package com.ns.mobile.website.common.aop;
public class TestClass {
}
@@ -22,44 +22,14 @@ public class HomeController extends BaseController {
private final LaneduProperties laneduProperties;
@PublicAccess
@RequestMapping(value = {"{siteId}/home"})
@RequestMapping(value = {"home"})
String home(Model model, HttpServletRequest request, HttpSession session
, @PathVariable(required = false) String siteId) {
) {
model.addAttribute("version", laneduProperties.getVersion());
model.addAttribute("siteId",siteId);
return "home/index";
}
@PublicAccess
@RequestMapping(value = {"{siteId}/home/phone/detail/{phoneId}"})
String detail(Model model, HttpServletRequest request, HttpSession session, @PathVariable(required = false) String siteId
, @PathVariable(required = true) String phoneId) {
model.addAttribute("phoneId", phoneId);
model.addAttribute("siteId",siteId);
return "home/detail";
}
@PublicAccess
@RequestMapping(value = {"/home/sell/list"})
String sellUser(Model model, HttpServletRequest request, HttpSession session) {
return "home/sell/list";
}
@PublicAccess
@RequestMapping(value = {"/home/sell/add"})
String sellUserAdd(Model model, HttpServletRequest request, HttpSession session) {
return "home/sell/add";
}
}
@@ -38,53 +38,3 @@ let appVue = new Vue({
}
}
});
let banner = {
rollId: null,
interval: 2000,
//롤링 배너 초기화
rollInit: function (newinterval) {
if(parseInt(newinterval) > 0){
this.interval = newinterval;
}
//현재 배너
let firstitem = document.querySelector('.rollimgs li');
if(firstitem){
firstitem.classList.add('currentroll');
}
//다음 배너
let seconditem = document.querySelectorAll('.rollimgs li')[1];
if(seconditem){
seconditem.classList.add('nextroll');
}
//이전 배너
document.querySelector('.rollimgs li:last-child').classList.add('prevroll');
this.rollId = setInterval(this.rollNext, this.interval);//롤링 인터벌 호출
},
//다음 배너 롤링
rollNext: function () {
if(document.querySelector('.prevroll')){
document.querySelector('.prevroll').classList.remove('prevroll');
}
if(document.querySelector('.currentroll')){
document.querySelector('.currentroll').classList.add('prevroll');
document.querySelector('.currentroll').classList.remove('currentroll');
}
if(document.querySelector('.nextroll')){
document.querySelector('.nextroll').classList.add('currentroll');
document.querySelector('.nextroll').classList.remove('nextroll');
}
//다음 이미지 있으면 다음 롤링 이미지로 선택, 없으면 첫번째 이미지를 롤링 이미지로 지정
if(document.querySelector('.currentroll').nextElementSibling){
document.querySelector('.currentroll').nextElementSibling.classList.add('nextroll');
}else{
document.querySelector('.rollimgs li').classList.add('nextroll');
}
}
}
$(function() {
banner.rollInit(4000);
});
+1 -180
View File
@@ -9,195 +9,16 @@
<jsp:include page="/WEB-INF/view/include/inc_head_script.jsp" />
</head>
<body>
<input type="hidden" id="siteId" value="${siteId}"/>
<!-- wrap : s -->
<div class="wrap"id ="vueApp">
<jsp:include page="/WEB-INF/view/include/inc_home_body_header.jsp" />
<jsp:include page="/WEB-INF/view/include/inc_body_menu.jsp"/>
<div class="container">
<div id="contents">
<!-- 상세 : s -->
<div class="mainWrap">
<div class="container">
<div id="contents">
<div class="img_wrap">
<!-- <ul class="rollimgs"> -->
<ul>
<li>
<img src="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FRb5PG%2FbtqCjSxEdGn%2FSulgKzVr3Bdo2pnrBCGRLk%2Fimg.png"></img>
</li>
<!-- <li v-if="siteId == 'skt'">
<img src="http://luckyphone.kr/wp-content/uploads/2022/02/happy_tuniverse.jpg"></img>
</li>
<li>
<img src="http://luckyphone.kr/wp-content/uploads/2022/02/happy_galaxyz.jpg"></img>
</li> -->
</ul>
</div>
<section class="search-box">
<div class="search-heading">
<strong>CUSTOM SEARCH</strong> <span class="dash">/</span>
<p>빠르게 원하는 상품과 정보를 보세요</p>
</div>
<div class="search-body">
<div class="l">
<strong>제조사</strong>
<div class="check-row">
<div class="input-wrap">
<input id="samsung" type="radio" class="made-control" name="danmal-made" v-model="detail.producer" value="samsung" @change="producerChange(event)">
<label for="samsung">삼성</label>
</div>
<div class="input-wrap">
<input id="lg" type="radio" class="made-control" name="danmal-made" v-model="detail.producer" value="lg" @change="producerChange(event)">
<label for="lg">LG</label>
</div>
<div class="input-wrap">
<input id="apple" type="radio" class="made-control" name="danmal-made" v-model="detail.producer" value="apple" @change="producerChange(event)">
<label for="apple">애플</label>
</div>
</div>
</div>
<div class="check-row r">
<strong>가격표시</strong>
<div class="check-row">
<div class="input-wrap">
<input type="radio" class="view-control" name="danmal-prcie" v-model="detail.priceType" value="terminal" id="terminal">
<label for="terminal">단말기할부금</label>
</div>
<div class="input-wrap">
<input type="radio" class="view-control" name="danmal-prcie" v-model="detail.priceType" value="communication" id="communication">
<label for="communication">단말기할부금+통신요금</label>
</div>
</div>
</div>
</div>
</section>
<section class="pd_section">
<!-- max-container : s -->
<div class="max-container">
<div class="display-wrap">
<div class="display1">
<h1>
프리미엄<span class="small">스마트폰</span>
</h1>
<p>
<span class="dash">/</span><b>최고의 스펙!</b> 최신 모든 제조사 최신 스마트폰을 모았습니다.
</p>
</div>
</div>
<!-- pd List -->
<div>
<ul class="pd-list pd-list-main" >
<li :class="x.producer" :data-made="x.producer" v-for="(x, index) in phoneList" v-if="x.phoneType=='p' && ((siteId == 'kt' && x.kt)||(siteId == 'lgu' && x.lgu)||(siteId == 'skt' && x.skt))">
<a :href="'/'+siteId+'/home/phone/detail/'+x.id" :title="x.title">
<div class="top">
<!-- 데코 라벨 -->
<div class="labels">
<img v-if="x.mdPick" src="http://luckyphone.kr/wp-content/plugins/kboard/skin/wonderful-product/images/MDPICK.png" alt=""/>
<img v-if="x.hot" src="http://luckyphone.kr/wp-content/plugins/kboard/skin/wonderful-product/images/HOT.png" alt=""/>
</div>
<!-- 통신사 라벨 -->
<div class="tel">
<img v-if="x.kt && (siteId == 'kt' && x.kt)" src="http://luckyphone.kr/wp-content/plugins/kboard/skin/wonderful-product/images/KT.png"/>
<img v-if="x.lgu && (siteId == 'lgu' && x.lgu)" src="http://luckyphone.kr/wp-content/plugins/kboard/skin/wonderful-product/images/LG.png"/>
<img v-if="x.skt && (siteId == 'skt' && x.skt)" src="http://luckyphone.kr/wp-content/plugins/kboard/skin/wonderful-product/images/SK.png"/>
</div>
<div class="thumb">
<img :src="x.titleImg"/>
</div>
<div class="txt">
<strong>{{x.title}}</strong>
<p>{{x.subTitle}}</p>
</div>
</div>
<div class="bot">
<!-- 단순 월 요금 -->
<p class="main-price price1 danmal-price-month" v-if="detail.priceType == 'communication'">
<b>{{x.phonePriceDto.releasePriceTerminalAndCommunicationToComma}}</b><span>원~/월</span>
</p>
<!-- 단순 단말할부금액 -->
<p class="main-price price1 danmal-price" v-if="detail.priceType == 'terminal'">
<b>{{x.phonePriceDto.releasePriceTerminalToComma}}</b><span>원~/월</span>
</p>
<p class="price2">(출고가: {{x.phonePriceDto.releasePriceToComma}} 원)</p>
</div>
</a>
</li>
</ul>
</div>
<!-- pd List end -->
</div>
<!-- max-container : e -->
<!-- main-banner:s -->
<section class="main-banner">
<a href="/two-phone">
<div class="max-container aos-init aos-animate" data-aos="fade-in" data-aos-offset="300" data-aos-duration="300">
<div data-aos="zoom-in-up" data-aos-offset="300" data-aos-delay="250" class="aos-init aos-animate">
<img src="" alt="">
</div>
</div>
</a>
</section>
<!-- main-banner:e -->
<!-- max-container : s -->
<div class="max-container">
<div class="display-wrap">
<div class="display1">
<h1>
가성비<span class="small">스마트폰</span>
</h1>
<p>
<span class="dash">/</span><b>최고의 스펙!</b> 저렴하게 모든 제조사 최신 스마트폰을 모았습니다.
</p>
</div>
</div>
<!-- pd List -->
<div>
<ul class="pd-list pd-list-main" >
<li :class="x.producer" :data-made="x.producer" v-for="(x, index) in phoneList" v-if="x.phoneType=='s' && ((siteId == 'kt' && x.kt)||(siteId == 'lgu' && x.lgu)||(siteId == 'skt' && x.skt))">
<a :href="'/'+siteId+'/home/phone/detail/'+x.id" :title="x.title">
<div class="top">
<!-- 데코 라벨 -->
<div class="labels">
<img v-if="x.mdPick" src="http://luckyphone.kr/wp-content/plugins/kboard/skin/wonderful-product/images/MDPICK.png" alt=""/>
<img v-if="x.hot" src="http://luckyphone.kr/wp-content/plugins/kboard/skin/wonderful-product/images/HOT.png" alt=""/>
</div>
<!-- 통신사 라벨 -->
<div class="tel">
<img v-if="x.kt && (siteId == 'kt' && x.kt)" src="http://luckyphone.kr/wp-content/plugins/kboard/skin/wonderful-product/images/KT.png"/>
<img v-if="x.lgu && (siteId == 'lgu' && x.lgu)" src="http://luckyphone.kr/wp-content/plugins/kboard/skin/wonderful-product/images/LG.png"/>
<img v-if="x.skt && (siteId == 'skt' && x.skt)" src="http://luckyphone.kr/wp-content/plugins/kboard/skin/wonderful-product/images/SK.png"/>
</div>
<div class="thumb">
<img :src="x.titleImg"/>
</div>
<div class="txt">
<strong>{{x.title}}</strong>
<p>{{x.subTitle}}</p>
</div>
</div>
<div class="bot">
<!-- 단순 월 요금 -->
<p class="main-price price1 danmal-price-month" v-if="detail.priceType == 'communication'">
<b>{{x.phonePriceDto.releasePriceTerminalAndCommunicationToComma}}</b><span>원~/월</span>
</p>
<!-- 단순 단말할부금액 -->
<p class="main-price price1 danmal-price" v-if="detail.priceType == 'terminal'">
<b>{{x.phonePriceDto.releasePriceTerminalToComma}}</b><span>원~/월</span>
</p>
<p class="price2">(출고가: {{x.phonePriceDto.releasePriceToComma}} 원)</p>
</div>
</a>
</li>
</ul>
</div>
<!-- pd List end -->
</div>
<!-- max-container : e -->
</section>
</div>
</div>
</div>
<!-- 상세 : e -->
@@ -0,0 +1,372 @@
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<c:set var="urlPath" value="${requestScope['javax.servlet.forward.servlet_path']}" />
<div class="sidebar-wrapper">
<div class="sidebar-wrapper">
<div class="leftSidebar">
<div class="lnbInner">
<div class="profile">
<img onclick="location.href='/portal';" style="cursor: pointer;" src="" alt="">
<div class="profileDetail">
<div class="profileDetailL">
<!-- 관리자 admin / 호스트 host / 일반회원 클래스 없음으로 클래스 처리 -->
<div class="title admin"><h5>관리자</h5></div>
<div class="companyName"><h3>wqfvewfqvqwfeqwfve</h3></div>
<div class="memberName"><h2>qfqwfe</h2></div>
</div>
<div class="profileDetailR">
<img src="/res/front/pub/assets/images/profileThumb.png" alt="profile thumbnail">
<a href="javascript:void(0)" class="biLayer" data-toggle="modal" data-target="#biLayer">
<img src="/res/front/pub/assets/images/profileThumbSetting.png" class="setting active" alt="profile thumbnail setting">
</a><!-- 관리자인 경우 active 클래스 추가 하면 노출 -->
</div>
</div>
</div>
<div class="slimScrollDiv" style="position: relative; overflow: hidden; width: auto; height: 626px;"><ul class="gw-nav gw-nav-list" id="mainMenu" style="overflow: hidden; width: auto; height: 626px;">
<li class="mainbtn init-arrow-down active arrow-up">
<a href="javascript:void(0)">
<img src="/res/front/pub/assets/images/menuIcon01.png" alt="">
<div class="mobile"><img src="/res/front/pub/assets/images/menuIcon01m.png" alt=""></div>
<span class="gw-menu-text">화상 라운지</span>
</a>
<ul class="subbtn gw-submenu" style=" display: block; ">
<li>
<a href="/portal/vod/lounge" class=" active">화상 라운지 </a>
</li>
<li>
<a href="/portal/vod/history" class="">화상 히스토리 </a>
</li>
</ul>
</li>
<div class="cloudalert" style="display:none"><img src="/res/front/pub/assets/images/warning_b2b.png" alt=""><div class="mm5"><h5>남은 용량을 확인해 주세요.<br>남은용량 400MB</h5></div></div>
<li class="norbtn init-un-active ">
<a href="/portal/bbs/notice">
<img src="/res/front/pub/assets/images/menuIcon02.png" alt="">
<div class="mobile"><img src="/res/front/pub/assets/images/menuIcon02m.png" alt=""></div>
<span class="gw-menu-text">공지사항</span>
</a>
</li>
<div class="cloudalert" style="display:none"><img src="/res/front/pub/assets/images/warning_b2b.png" alt=""><div class="mm5"><h5>남은 용량을 확인해 주세요.<br>남은용량 400MB</h5></div></div>
<li class="mainbtn init-arrow-down ">
<a href="javascript:void(0)">
<img src="/res/front/pub/assets/images/menuIcon03.png" alt="">
<div class="mobile"><img src="/res/front/pub/assets/images/menuIcon03m.png" alt=""></div>
<span class="gw-menu-text">영상게시판</span>
</a>
<ul class="subbtn gw-submenu" style="">
<li>
<a href="/portal/bbv/vod" class="">VOD게시판 </a>
</li>
<li>
<a href="/portal/bbv/storage" class="">화상녹화 저장소 </a>
</li>
</ul>
</li>
<div class="cloudalert" style="display:none"><img src="/res/front/pub/assets/images/warning_b2b.png" alt=""><div class="mm5"><h5>남은 용량을 확인해 주세요.<br>남은용량 400MB</h5></div></div>
<li class="norbtn init-un-active ">
<a href="/portal/bbp/pds">
<img src="/res/front/pub/assets/images/menuIcon04.png" alt="">
<div class="mobile"><img src="/res/front/pub/assets/images/menuIcon04m.png" alt=""></div>
<span class="gw-menu-text">자료게시판</span>
</a>
</li>
<div class="cloudalert" style="display:none"><img src="/res/front/pub/assets/images/warning_b2b.png" alt=""><div class="mm5"><h5>남은 용량을 확인해 주세요.<br>남은용량 400MB</h5></div></div>
<div class="cloudalert" style="display:none"><img src="/res/front/pub/assets/images/warning_b2b.png" alt=""><div class="mm5"><h5>남은 용량을 확인해 주세요.<br>남은용량 400MB</h5></div></div>
<li class="mainbtn init-arrow-down ">
<a href="javascript:void(0)">
<img src="/res/front/pub/assets/images/menuIcon05.png" alt="">
<div class="mobile"><img src="/res/front/pub/assets/images/menuIcon05m.png" alt=""></div>
<span class="gw-menu-text">관리자메뉴</span>
</a>
<ul class="subbtn gw-submenu" style="">
<li>
<a href="/portal/admin/cafe" class="">조직관리 </a>
</li>
<li>
<a href="/portal/admin/group" class="">그룹관리 </a>
</li>
<li>
<a href="/portal/admin/user" class="">사용자관리 </a>
</li>
<li>
<a href="/portal/admin/svc" class="">상품관리 </a>
</li>
<li>
<a href="/portal/admin/cloud" class="">클라우드관리 </a>
</li>
<li>
<a href="/portal/admin/menu" class="">메뉴관리 </a>
</li>
</ul>
</li>
<div class="cloudalert" style="display:none"><img src="/res/front/pub/assets/images/warning_b2b.png" alt=""><div class="mm5"><h5>남은 용량을 확인해 주세요.<br>남은용량 400MB</h5></div></div>
</ul><div class="slimScrollBar" style="background: rgb(187, 187, 187); width: 3px; position: absolute; top: 0px; opacity: 0.4; display: none; border-radius: 7px; z-index: 99; right: 0px; height: 562px;"></div><div class="slimScrollRail" style="width: 3px; height: 100%; position: absolute; top: 0px; display: none; border-radius: 7px; background: rgb(34, 34, 34); opacity: 0.25; z-index: 90; right: 0px;"></div></div>
<div class="goHome">
<a href="/home"><img src="/res/front/pub/assets/images/gohome.png" alt=""><img src="/res/front/pub/assets/images/gohomeHover.png" alt=""></a>
</div>
</div>
</div>
</div>
</div>
@@ -1,98 +0,0 @@
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<c:set var="urlPath" value="${requestScope['javax.servlet.forward.servlet_path']}" />
<!-- header : s -->
<!-- Favicon
<link rel="shortcut icon" href="assets/images/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="assets/images/apple-touch-icon_meets.png">
-->
<header id="header" class="sub">
<div class="inner">
<h1 class="logo meets"><a href="${siteTypeBaseUrl}/home"></a></h1>
<div id="gnb">
<h2 class="blind">주메뉴</h2>
<c:if test="${!fn:contains(urlPath,'/home/quick')}"> <!-- quick 모임일 때 숨김 -->
<a href="${siteTypeBaseUrl}/home/service/intro" class="newmenu09">서비스 소개</a> <!-- 딱히 href 기능 동작 안함 -->
<a href="${siteTypeBaseUrl}/home/service/guide" class="newmenu09">서비스 이용절차</a>
<a href="${siteTypeBaseUrl}/home/customer/notice" class="newmenu09">고객센터</a>
</c:if>
</div>
<div class="new_menu01" style="display:none">
<div class="submenu01"><a href="${siteTypeBaseUrl}/home/service/intro" >서비스 소개@@</a></div>
<div class="submenu01"><a href="${siteTypeBaseUrl}/home/service/guide" >서비스 이용절차</a></div>
<div class="submenu01"><a href="${siteTypeBaseUrl}/home/customer/notice" >고객센터</a></div>
</div>
<div class="btnHeadWrap" style="display:none">
<c:choose>
<c:when test="${empty loginUser}">
<a href="#" class="btnHead" onclick="g_showLoginPopup()">
<span ><c:if test="${bizSiteYn}">로그인</c:if><c:if test="${userSiteYn}">로그인/회원가입</c:if></span>
<div class="threeline"></div>
</a>
</c:when>
<c:otherwise>
<div class="btnHeadAfter">
<!-- 로그인 후 계정선택 이후 : s -->
<c:if test="${loginUser.cafeId > 0}">
<div class="myInfo <c:if test="${bizSiteYn}"> btbdn </c:if> <c:if test="${loginUser.cafeCnt > 0}">add</c:if>"><!-- 계정 복수일 경우 클래스 'add' 추가 -->
<a href="/portal/mypage">
<div class="box">
<div class="option"><c:out value="${loginUser.cafeName}"></c:out></div>
<strong class="name">
<em><c:out value="${loginUser.cafeUserLevelText}"></c:out></em>
<span><c:out value="${loginUser.cafeUserName}"></c:out></span>
</strong>
</div>
</a>
</div>
</c:if>
<div class="new_btnHeadAfter">
<a href="#" class="new_profile"></a>
<div class="threeline"></div>
<c:if test="${loginUser.cafeStatusCnt > 0}">
<div class="redball"></div> <!-- 조직가입거절 여부 -->
</c:if>
<div class="new_menu" style="top: 60px;">
<c:if test="${userSiteYn}">
<a href="javascript:g_showPopupOrgSelect('USER_SELECT');" class="submenu">조직선택/계정추가</a>
</c:if>
<c:if test="${bizSiteYn}">
<a href="javascript:g_showPopupOrgSelect('USER_SELECT');" class="submenu btbdn">조직선택/계정추가</a>
</c:if>
<c:if test="${bizSiteYn}">
<div class="submenu"><img src="/res/front/home/asset/images/btbimg_01_b2b.png" class="showimg" ><c:out value="${loginUser.cafeUserName}"></c:out></div>
</c:if>
<a href="javascript:goMyPage('${loginUser.cafeCnt}');" class="submenu">회원정보</a> <!-- 선택되었을때 foc -->
<a href="javascript:logout();" class="submenu">로그아웃</a>
</div>
</div>
</div>
</c:otherwise>
</c:choose>
</div>
</div>
</header>
<script>
//헤더 div토글버튼
$(document).on("click", ".new_btnHeadAfter .new_profile" , function(){
$(".new_btnHeadAfter .new_menu").toggleClass("show");
$(".ui-m .new_menu01").toggle();
});
// 햄버거 버튼
$(document).on("click", ".threeline", function() {
$(".new_btnHeadAfter .new_menu").toggleClass("show");
$(".ui-m .new_menu01").toggle();
});
</script>
<!-- header : e -->
@@ -1,230 +0,0 @@
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<c:set var="urlPath" value="${requestScope['javax.servlet.forward.servlet_path']}" />
<div class="sidebar-wrapper">
<div class="leftSidebar">
<div class="lnbInner" >
<div class="profile">
<img onclick="location.href='/portal';" style="cursor: pointer;" src="${siteInfo.portalFileIdUrl}" alt="">
<div class="profileDetail">
<div class="profileDetailL">
<!-- 관리자 admin / 호스트 host / 일반회원 클래스 없음으로 클래스 처리 -->
<div class="title ${loginUser.cafeUserLevel}"><h5>${loginUser.cafeUserLevelText}</h5></div>
<div class="companyName"><h3>${g_cafe.name}</h3></div>
<div class="memberName"><h2>${loginUser.cafeUserName}</h2></div>
</div>
<div class="profileDetailR">
<img src="${g_cafe.photoUrl}" onerror="this.src='/res/front/pub/assets/images/profileThumb.png'"alt="profile thumbnail">
<c:if test="${loginUser.adminYn}">
<a href="javascript:void(0)" class="biLayer" data-toggle="modal" data-target="#biLayer">
<img src="/res/front/pub/assets/images/profileThumbSetting.png" class="setting active" alt="profile thumbnail setting">
</a><!-- 관리자인 경우 active 클래스 추가 하면 노출 -->
</c:if>
</div>
</div>
</div>
<ul class="gw-nav gw-nav-list" id="mainMenu">
<c:forEach var="x" items="${menuList}">
<c:set var="showMenu" value="false"/>
<c:if test="${(x.authMenuAdminYn and loginUser.adminYn) or (x.authMenuHostYn and loginUser.hostOnlyYn) or (x.authMenuGuestYn)}">
<c:set var="showMenu" value="true"/>
</c:if>
<c:if test="${showMenu}">
<c:if test="${x.existSubMenuYn}">
<li class="mainbtn init-arrow-down <c:if test="${fn:contains(urlPath, x.activeUrl)}"> active</c:if>">
<a href="javascript:void(0)">
<img src="/res/front/pub/assets/images/${x.menuIcon}.png" alt="">
<div class="mobile"><img src="/res/front/pub/assets/images/${x.menuIcon}m.png" alt=""></div>
<span class="gw-menu-text">${x.name}</span>
</a>
<ul class="subbtn gw-submenu" style="<c:if test="${fn:contains(urlPath, x.activeUrl)}"> display: block; </c:if>">
<c:forEach var="y" items="${x.menuDtl}">
<c:set var="showSubMenu" value="false"/>
<c:set var="showLoungeCount" value="false"/>
<c:choose>
<c:when test="${y.name eq '상품관리'}">
<c:if test="${userSiteYn}">
<c:set var="showSubMenu" value="true"/>
</c:if>
</c:when>
<c:when test="${y.name eq '화상 라운지'}">
<c:set var="showSubMenu" value="true"/>
<c:if test="${loungeCount > 0}">
<c:set var="showLoungeCount" value="true"/>
</c:if>
</c:when>
<c:otherwise>
<c:if test="${(y.authMenuAdminYn and loginUser.adminYn) or (y.authMenuHostYn and loginUser.hostOnlyYn) or (y.authMenuGuestYn)}">
<c:set var="showSubMenu" value="true"/>
</c:if>
</c:otherwise>
</c:choose>
<c:if test="${showSubMenu}">
<li>
<a href="${y.url}" class="<c:if test="${fn:contains(urlPath, y.url)}"> active</c:if>" >${y.name} <c:if test="${showLoungeCount}"><span class="label label-danger">${loungeCount}</span></c:if></a>
</li>
</c:if>
</c:forEach>
</ul>
</li>
</c:if>
<c:if test="${not x.existSubMenuYn}">
<c:set var="showMenu2" value="false"/>
<c:choose>
<c:when test="${x.name eq '그룹관리'}">
<c:if test="${loginUser.hostOnlyYn}">
<c:set var="showMenu2" value="true"/>
</c:if>
</c:when>
<c:otherwise>
<c:set var="showMenu2" value="true"/>
</c:otherwise>
</c:choose>
<c:if test="${showMenu2}">
<li class="norbtn init-un-active <c:if test="${fn:contains(urlPath, x.activeUrl)}"> active</c:if>">
<a href="${x.url}">
<img src="/res/front/pub/assets/images/${x.menuIcon}.png" alt="">
<div class="mobile"><img src="/res/front/pub/assets/images/${x.menuIcon}m.png" alt=""></div>
<span class="gw-menu-text">${x.name}</span>
</a>
</li>
</c:if>
</c:if>
</c:if>
<div class="cloudalert" style="display:none"><img src="/res/front/pub/assets/images/warning_b2b.png" alt=""><div class="mm5"><h5>남은 용량을 확인해 주세요.<br>남은용량 400MB</h5></div></div>
</c:forEach>
</ul>
<div class="goHome">
<a href="${siteTypeBaseUrl}/home"><img src="/res/front/pub/assets/images/gohome.png" alt=""><img src="/res/front/pub/assets/images/gohomeHover.png" alt=""></a>
</div>
</div>
</div>
</div>
<div class="sideNav">
<div class="leftSidebar">
<div class="lnbInner" >
<div class="profile">
<div class="sideHead">
<div class="closeBtn toggleMenu"><img src="/res/front/pub/assets/images/mmenuClose.png" alt=""></div>
<div class="mAlarm" data-toggle="modal" data-target="#alarmLayer" ><img src="/res/front/pub/assets/images/alarm.png" alt=""><img src="/res/front/pub/assets/images/alarmDot.png" alt="" class="alarmOverlay"></div>
<div class="mgoHome"><img src="/res/front/pub/assets/images/mgoHome.png" alt="" onclick="location.href='${siteTypeBaseUrl}/';" style="cursor: pointer;"></div>
</div>
<div class="profileDetail">
<div class="mobile"><!-- mobile에서만 block -->
<div class="mobileL">
<img src="/res/front/pub/assets/images/profileThumb.png" alt="profile thumbnail">
</div>
<div class="mobileC">
<div class="companyName"><h3><span class="${loginUser.cafeUserLevel}">${loginUser.cafeUserLevelText}</span>${g_cafe.name}</h3></div> <!-- 관리자 admin / 호스트 host / 일반회원 클래스 없음으로 클래스 처리 -->
<div class="memberName"><h2>${loginUser.cafeUserName}</h2></div>
</div>
<div class="mobileR">
<a href="javascript:void(0);" data-toggle="modal" data-target="#accountLayer"><img src="/res/front/pub/assets/images/profileRight.png" alt=""></a>
</div>
</div>
</div>
</div>
<ul class="gw-nav gw-nav-list">
<c:forEach var="x" items="${menuList}">
<c:set var="showMenu" value="false"/>
<c:if test="${(x.authMenuAdminYn and loginUser.adminYn) or (x.authMenuHostYn and loginUser.hostOnlyYn) or (x.authMenuGuestYn)}">
<c:set var="showMenu" value="true"/>
</c:if>
<c:if test="${showMenu}">
<c:if test="${x.existSubMenuYn}">
<li class="mainbtn arrow-down <c:if test="${fn:contains(urlPath, x.activeUrl)}"> active</c:if>">
<a href="javascript:void(0)">
<img src="/res/front/pub/assets/images/${x.menuIcon}.png" alt="">
<div class="mobile"><img src="/res/front/pub/assets/images/${x.menuIcon}m.png" alt=""></div>
<span class="gw-menu-text">${x.name}</span>
</a>
<ul class="subbtn gw-submenu" style="<c:if test="${fn:contains(urlPath, x.activeUrl)}"> display: block; </c:if>">
<c:forEach var="y" items="${x.menuDtl}">
<c:set var="showSubMenu" value="false"/>
<c:set var="showLoungeCount" value="false"/>
<c:choose>
<c:when test="${y.name eq '상품관리'}">
<c:if test="${userSiteYn}">
<c:set var="showSubMenu" value="true"/>
</c:if>
</c:when>
<c:when test="${y.name eq '화상 라운지'}">
<c:set var="showSubMenu" value="true"/>
<c:if test="${loungeCount > 0}">
<c:set var="showLoungeCount" value="true"/>
</c:if>
</c:when>
<c:otherwise>
<c:if test="${(y.authMenuAdminYn and loginUser.adminYn) or (y.authMenuHostYn and loginUser.hostOnlyYn) or (y.authMenuGuestYn)}">
<c:set var="showSubMenu" value="true"/>
</c:if>
</c:otherwise>
</c:choose>
<c:if test="${showSubMenu}">
<li>
<a href="${y.url}" class="<c:if test="${fn:contains(urlPath, y.url)}"> active</c:if>">${y.name} <c:if test="${showLoungeCount}"><span class="label label-danger">${loungeCount}</span></c:if></a>
</li>
</c:if>
</c:forEach>
</ul>
</li>
</c:if>
<c:if test="${not x.existSubMenuYn}">
<c:set var="showMenu2" value="false"/>
<c:choose>
<c:when test="${x.name eq '그룹관리'}">
<c:if test="${loginUser.hostOnlyYn}">
<c:set var="showMenu2" value="true"/>
</c:if>
</c:when>
<c:otherwise>
<c:set var="showMenu2" value="true"/>
</c:otherwise>
</c:choose>
<c:if test="${showMenu2}">
<li class="init-un-active <c:if test="${fn:contains(urlPath, x.activeUrl)}"> active</c:if>">
<a href="${x.url}">
<img src="/res/front/pub/assets/images/${x.menuIcon}.png" alt="">
<div class="mobile"><img src="/res/front/pub/assets/images/${x.menuIcon}m.png" alt=""></div>
<span class="gw-menu-text">${x.name}</span>
</a>
</li>
</c:if>
</c:if>
</c:if>
</c:forEach>
</ul>
</div>
</div>
</div>