메인화면 작업중
This commit is contained in:
@@ -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>
|
||||
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user