410 lines
21 KiB
HTML
410 lines
21 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ko">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
|
|
<title>XpressEngine - PHP Open Source CMS</title>
|
|
|
|
<!-- core -->
|
|
<link href="../../../assets/core/common/css/xe-common.css" rel="stylesheet" media="all">
|
|
<link href="../../../assets/core/xe-ui-component/xe-ui-component.css" rel="stylesheet" media="all">
|
|
<link href="https://cdn.jsdelivr.net/npm/xeicon@2.3/xeicon.min.css" rel="stylesheet" media="all">
|
|
|
|
<script>var xeBaseURL = '../../../';</script>
|
|
<script src="../../../assets/vendor.js" type="text/javascript"></script>
|
|
<script src="../../../assets/common.js" type="text/javascript"></script>
|
|
<script src="../../../assets/core/common/js/xe.bundle.js" type="text/javascript"></script>
|
|
|
|
<!-- additional -->
|
|
<link rel="stylesheet" href="../../../assets/vendor/bootstrap/css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="../../../assets/core/settings/css/admin.css">
|
|
<script src="../../../assets/core/settings/js/admin.bundle.js"></script>
|
|
</head>
|
|
<!--[D] 사이드 메뉴 감출 시 sidebar-collapse 클래스 추가-->
|
|
<body>
|
|
<div class="admin-wrap">
|
|
<header>
|
|
</header>
|
|
<aside class="transition">
|
|
</aside>
|
|
<div id="content" class="transition">
|
|
<div class="ct">
|
|
<div class="title-area container-fluid">
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<h2>테마 추가</h2>
|
|
</div>
|
|
</div>
|
|
<!-- <div class="admin-nav">
|
|
<h3 class="xe-sr-only">네비게이션</h3>
|
|
<ul>
|
|
<li><a href="#">Home</a><i class="xi-angle-right-thin"></i></li>
|
|
<li><a href="#">플러그인 & 업데이트</a><i class="xi-angle-right-thin"></i></li>
|
|
<li><a href="#">플러그인 설치</a></li>
|
|
</ul>
|
|
</div> -->
|
|
<!-- //admin-nav -->
|
|
</div>
|
|
|
|
<div class="container-fluid">
|
|
<!--어드민 컨텐츠 영역 col-sm-"n" n:1~12에 따라 그리드 사용가능-->
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<div class="search-group-box">
|
|
<div class="input-group search-group">
|
|
<form action="" data-submit="xe-plugin-items" method="GET">
|
|
<div class="input-group-btn">
|
|
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
|
|
<span class="selected-type">키워드</span>
|
|
<span class="caret"></span>
|
|
</button>
|
|
<ul class="dropdown-menu" role="menu">
|
|
<li>
|
|
<a href="#" data-target="q"><span>키워드</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="#" data-target="author"><span>창작자명</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="#" data-target="tag"><span>태그</span></a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="search-input-group">
|
|
<input type="text" class="form-control" placeholder="검색어를 입력하세요" name="q" value="">
|
|
<button class="btn-link">
|
|
<i class="xi-close"></i><span class="sr-only">검색</span>
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<button type="button" class="xu-button xu-button--default admin-button--active">테마 업로드</button>
|
|
</div>
|
|
<div class="panel admin-tab clearfix">
|
|
<button class="admin-tab-left" style="display:none"><i class="xi-angle-left"></i><span class="xe-sr-only">처음으로 이동</span></button>
|
|
|
|
<ul class="admin-tab-list">
|
|
<li><a href="#">검색결과</a></li>
|
|
<li class="on"><a href="#">추천</a></li>
|
|
<li><a href="#">인기</a></li>
|
|
<li><a href="#">내가 구매한</a></li>
|
|
</ul>
|
|
|
|
<button class="admin-tab-right"><i class="xi-angle-right"></i><span class="xe-sr-only">끝으로 이동</span></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<h3 class="blind">테마 카드 리스트</h3>
|
|
<div class="clearfix">
|
|
<div class="pull-right">
|
|
<div class="dropdown" style="display: inline-block">
|
|
<!-- [D] 버튼 보더와 배경색 제거를 위해 class="btn-default--transparent" 으로 버튼 스타일 추가 -->
|
|
<button type="button" class="btn btn-default--transparent dropdown-toggle" data-toggle="dropdown" aria-expanded="true">
|
|
<span class="__xe_text">카테고리</span> <span class="caret"></span>
|
|
</button>
|
|
<ul class="dropdown-menu dropdown-menu-right" role="menu" style="overflow: auto; height: 200px;">
|
|
<li class=""><a href="#" value="">전체</a></li>
|
|
<li><a href="#" value="">Blog</a></li>
|
|
<li class="active"><a href="#" value="">Gallery</a></li>
|
|
<li><a href="#" value="">Board</a></li>
|
|
<li><a href="#" value="">헬프센터 게시판</a></li>
|
|
<li><a href="#" value="">Notice</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="dropdown" style="display: inline-block">
|
|
<!-- [D] 버튼 보더와 배경색 제거를 위해 class="btn-default--transparent" 으로 버튼 스타일 추가 -->
|
|
<button type="button" class="btn btn-default--transparent dropdown-toggle" data-toggle="dropdown" aria-expanded="true">
|
|
<span class="__xe_text">인기순</span> <span class="caret"></span>
|
|
</button>
|
|
<ul class="dropdown-menu dropdown-menu-right" role="menu" style="overflow: auto; height: 200px;">
|
|
<li class=""><a href="#" value="">전체2</a></li>
|
|
<li><a href="#" value="26bf2a59">Blog2</a></li>
|
|
<li class="active"><a href="#" value="29ced82a">Gallery2</a></li>
|
|
<li><a href="#" value="2aa71eee">Board2</a></li>
|
|
<li><a href="#" value="6cbb0719">헬프센터 게시판2</a></li>
|
|
<li><a href="#" value="e447aabb">Notice2</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<ul class="list-group list-card list-theme">
|
|
<!-- [D] 활성화 중인 테마 class="active" 추가 -->
|
|
<li class="active">
|
|
<a href="#" class="list-card__link">
|
|
<span class="blind">카드 이미지</span>
|
|
<div class="list-card__image">
|
|
<div class="list-card__image-content" style="background-image: url(https://store.xehub.io/storage/icon/02f9d603-8bdf-4e76-9241-627c97126c75/thumbnails/S/2S0My71J36A4lTuVLzf43SeArFn5N8Yo1Jk8xt0y.png)"></div>
|
|
</div>
|
|
<div class="list-card__search-icon">
|
|
<i class="xi-search"></i>
|
|
</div>
|
|
<div class="list-card-info">
|
|
<div class="list-card-info__title-box">
|
|
<p class="list-card-info__title">Alice Theme aaaaaaaaaaaaaa</p>
|
|
<span class="list-card-info__price">￦ 4,000</span>
|
|
</div>
|
|
<div class="list-card-info__sub-text-box">
|
|
<span class="list-card-info__sub-text">Kazto-lsk</span>
|
|
<span class="list-card-info__sub-text">비즈니스</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<div class="list-card-footer">
|
|
<div class="list-card-download">
|
|
<i class="xi-download"></i>
|
|
<span class="list-card-download__text">9,999</span>
|
|
</div>
|
|
<div class="list-card-button-box">
|
|
<!-- [D] 상태에 맞는 버튼 추가 -->
|
|
<button type="button" class="xu-button xu-button--default admin-button--preview">미리보기</button>
|
|
<button type="button" class="xu-button xu-button--default admin-button--disabled">비활성화</button>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="">
|
|
<a href="#" class="list-card__link">
|
|
<span class="blind">카드 이미지</span>
|
|
<div class="list-card__image">
|
|
<div class="list-card__image-content" style="background-image: url(https://store.xehub.io/storage/icon/02f9d603-8bdf-4e76-9241-627c97126c75/thumbnails/S/2S0My71J36A4lTuVLzf43SeArFn5N8Yo1Jk8xt0y.png)"></div>
|
|
</div>
|
|
<div class="list-card__search-icon">
|
|
<i class="xi-search"></i>
|
|
</div>
|
|
<div class="list-card-info">
|
|
<div class="list-card-info__title-box">
|
|
<p class="list-card-info__title">Alice Theme aaaaaaaaaaaaaa</p>
|
|
<span class="list-card-info__price">￦ 4,000</span>
|
|
</div>
|
|
<div class="list-card-info__sub-text-box">
|
|
<span class="list-card-info__sub-text">Kazto-lsk</span>
|
|
<span class="list-card-info__sub-text">비즈니스</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<div class="list-card-footer">
|
|
<div class="list-card-download">
|
|
<i class="xi-download"></i>
|
|
<span class="list-card-download__text">9,999</span>
|
|
</div>
|
|
<div class="list-card-button-box">
|
|
<!-- [D] 상태에 맞는 버튼 추가 -->
|
|
<button type="button" class="xu-button xu-button--default admin-button--complete">설치됨</button>
|
|
<button type="button" class="xu-button xu-button--default admin-button--active">활성화</button>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="">
|
|
<a href="#" class="list-card__link">
|
|
<span class="blind">카드 이미지</span>
|
|
<div class="list-card__image">
|
|
<div class="list-card__image-content" style="background-image: url(https://store.xehub.io/storage/icon/02f9d603-8bdf-4e76-9241-627c97126c75/thumbnails/S/2S0My71J36A4lTuVLzf43SeArFn5N8Yo1Jk8xt0y.png)"></div>
|
|
</div>
|
|
<div class="list-card__search-icon">
|
|
<i class="xi-search"></i>
|
|
</div>
|
|
<div class="list-card-info">
|
|
<div class="list-card-info__title-box">
|
|
<p class="list-card-info__title">Alice Theme aaaaaaaaaaaaaa</p>
|
|
<span class="list-card-info__price">￦ 4,000</span>
|
|
</div>
|
|
<div class="list-card-info__sub-text-box">
|
|
<span class="list-card-info__sub-text">Kazto-lsk</span>
|
|
<span class="list-card-info__sub-text">비즈니스</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<div class="list-card-footer">
|
|
<div class="list-card-download">
|
|
<i class="xi-download"></i>
|
|
<span class="list-card-download__text">9,999</span>
|
|
</div>
|
|
<div class="list-card-button-box">
|
|
<!-- [D] 상태에 맞는 버튼 추가 -->
|
|
<!-- 무료인 경우 -->
|
|
<button type="button" class="xu-button xu-button--primary">설치하기</button>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="">
|
|
<a href="#" class="list-card__link">
|
|
<span class="blind">카드 이미지</span>
|
|
<div class="list-card__image">
|
|
<div class="list-card__image-content" style="background-image: url(https://store.xehub.io/storage/icon/02f9d603-8bdf-4e76-9241-627c97126c75/thumbnails/S/2S0My71J36A4lTuVLzf43SeArFn5N8Yo1Jk8xt0y.png)"></div>
|
|
</div>
|
|
<div class="list-card__search-icon">
|
|
<i class="xi-search"></i>
|
|
</div>
|
|
<div class="list-card-info">
|
|
<div class="list-card-info__title-box">
|
|
<p class="list-card-info__title">Alice Theme aaaaaaaaaaaaaa</p>
|
|
<span class="list-card-info__price">￦ 4,000</span>
|
|
</div>
|
|
<div class="list-card-info__sub-text-box">
|
|
<span class="list-card-info__sub-text">Kazto-lsk</span>
|
|
<span class="list-card-info__sub-text">비즈니스</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<div class="list-card-footer">
|
|
<div class="list-card-download">
|
|
<i class="xi-download"></i>
|
|
<span class="list-card-download__text">9,999</span>
|
|
</div>
|
|
<div class="list-card-button-box">
|
|
<!-- [D] 상태에 맞는 버튼 추가 -->
|
|
<!-- 유료인 경우 -->
|
|
<button type="button" class="xu-button xu-button--primary">구매하기</button>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="">
|
|
<a href="#" class="list-card__link">
|
|
<span class="blind">카드 이미지</span>
|
|
<div class="list-card__image">
|
|
<div class="list-card__image-content" style="background-image: url(https://store.xehub.io/storage/icon/02f9d603-8bdf-4e76-9241-627c97126c75/thumbnails/S/2S0My71J36A4lTuVLzf43SeArFn5N8Yo1Jk8xt0y.png)"></div>
|
|
</div>
|
|
<div class="list-card__search-icon">
|
|
<i class="xi-search"></i>
|
|
</div>
|
|
<div class="list-card-info">
|
|
<div class="list-card-info__title-box">
|
|
<p class="list-card-info__title">Alice Theme aaaaaaaaaaaaaa</p>
|
|
<span class="list-card-info__price">￦ 4,000</span>
|
|
</div>
|
|
<div class="list-card-info__sub-text-box">
|
|
<span class="list-card-info__sub-text">Kazto-lsk</span>
|
|
<span class="list-card-info__sub-text">비즈니스</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<div class="list-card-footer">
|
|
<div class="list-card-download">
|
|
<i class="xi-download"></i>
|
|
<span class="list-card-download__text">9,999</span>
|
|
</div>
|
|
<div class="list-card-button-box">
|
|
<button type="button" class="xu-button xu-button--primary">설치하기</button>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul><!-- //list-group list-install -->
|
|
<div class="plugin-paging">
|
|
<h6 class="xe-sr-only">페이지 이동 버튼</h6>
|
|
<div class="xe-btn-group xe-btn-group-sm xe-hidden-xs">
|
|
<button type="button" class="xe-btn"><i class="xi-angle-left"></i><span class="xe-sr-only">처음페이지로 이동</span></button>
|
|
<button type="button" class="xe-btn">1</button>
|
|
<button type="button" class="xe-btn active">2</button>
|
|
<button type="button" class="xe-btn">3</button>
|
|
<button type="button" class="xe-btn"><i class="xi-angle-right"></i><span class="xe-sr-only">끝페이지로 이동</span></button>
|
|
</div>
|
|
<button type="button" class="xe-btn xe-btn-more xe-hidden-sm xe-hidden-md xe-hidden-lg">더 보기</button>
|
|
</div> <!-- //plugin_paging -->
|
|
</div>
|
|
</div>
|
|
<!--//어드민 컨텐츠 영역 -->
|
|
|
|
<!-- xe-modal 을 이용한 플러그인 팝업 -->
|
|
<div class="xe-modal fade popup-plugin-modal in show" data-use="xe-page" style="display: block;">
|
|
<div class="xe-modal-dialog ">
|
|
<div class="xe-modal-content">
|
|
<div class="admin-layer-plugin-popup admin-layer-plugin-popup--plugin" style="display: block">
|
|
<div class="admin-layer-plugin-popup-content">
|
|
<div class="admin-layer-plugin-popup-header">
|
|
<h3 class="blind">테마, 익스텐션 플러그인 상세보기 레이어팝업</h3>
|
|
<div class="admin-layer-plugin-popup-plugin__title-box">
|
|
<div class="admin-layer-plugin-popup-plugin__thumb" style="background-image: url(https://store.xehub.io/storage/icon/02f9d603-8bdf-4e76-9241-627c97126c75/thumbnails/S/2S0My71J36A4lTuVLzf43SeArFn5N8Yo1Jk8xt0y.png)"></div>
|
|
<h3 class="admin-layer-plugin-popup-plugin__title">게시판 v.1.0.3</h3>
|
|
</div>
|
|
<p class="admin-layer-plugin-popup-plugin__title-sub-text">이 플러그인은 XE3에서 게시판 기능을 제공합니다.</p>
|
|
<div class="admin-layer-plugin-popup-plugin__button-box">
|
|
<!-- [D] 상태에 맞는 버튼 추가 -->
|
|
<button type="button" class="xu-button xu-button--default admin-button--complete">설치됨</button>
|
|
<button type="button" class="xu-button xu-button--default admin-button--active">활성화</button>
|
|
</div>
|
|
</div>
|
|
<div class="admin-layer-plugin-popup-body">
|
|
<iframe src="https://store.xehub.io/plugins/board/iframe" id="iframeStore" class="admin-layer-plugin-popup__iframe" width="100%" height="100%"></iframe>
|
|
</div>
|
|
<div class="admin-layer-plugin-popup-footer">
|
|
<button type="button" class="xu-button xu-button--default __close-layer-popup">닫기</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- //xe-modal 을 이용한 플러그인 팝업 -->
|
|
|
|
</div> <!-- //container-fluid -->
|
|
</div><!-- //ct -->
|
|
</div><!-- //content -->
|
|
<div class="footer transition">
|
|
|
|
</div>
|
|
</div>
|
|
<div class="dim"></div>
|
|
<script>
|
|
$(document).ready(function() {
|
|
function loadCheckFunc(headUrl, asideUrl, footUrl) {
|
|
$('header').load( headUrl );
|
|
$('aside').load( asideUrl );
|
|
$('.footer').load( footUrl );
|
|
}
|
|
function init_include() {
|
|
loadCheckFunc('00_header.html', '00_aside.html', '00_footer.html');
|
|
}
|
|
init_include();
|
|
|
|
// admin-tab
|
|
var targetElement = document.getElementsByClassName('admin-tab-list')[0],
|
|
targetElementInner = targetElement.childNodes,
|
|
tmpwidth = 18;
|
|
tabLeft = document.getElementsByClassName('admin-tab-left')[0],
|
|
tabRight = document.getElementsByClassName('admin-tab-right')[0];
|
|
|
|
for(i = 0; i < targetElementInner.length; i++ ) {
|
|
if( !isNaN(targetElementInner[i].offsetWidth) ) {
|
|
var tmpmargin = targetElementInner[i].currentStyle || window.getComputedStyle(targetElementInner[i]),
|
|
regExp = /(\-|[0-9])+(.[0-9]+)?/g,
|
|
targetMargin = Number(regExp.exec(tmpmargin.marginLeft)[0]);
|
|
tmpwidth += targetElementInner[i].offsetWidth;
|
|
tmpwidth += targetMargin;
|
|
}
|
|
}
|
|
|
|
tabLeft.addEventListener('click', function (){
|
|
targetElement.scrollLeft = 0;
|
|
this.style.display = "none";
|
|
tabRight.style.display = "block";
|
|
});
|
|
tabRight.addEventListener('click', function (){
|
|
targetElement.scrollLeft = tmpwidth;
|
|
this.style.display = "none";
|
|
tabLeft.style.display = "block";
|
|
});
|
|
targetElement.addEventListener('scroll', function(){
|
|
|
|
var targetCenter = ((targetElement.offsetWidth - tmpwidth) / 2) * -1;
|
|
if ( targetElement.scrollLeft <= targetCenter) {
|
|
tabLeft.style.display = "none";
|
|
tabRight.style.display = "block";
|
|
} else {
|
|
tabRight.style.display = "none";
|
|
tabLeft.style.display = "block";
|
|
}
|
|
});
|
|
|
|
// 마크업 확인 레이어 팝업 닫기 버튼 이벤트
|
|
$('.__close-layer-popup').click(function() {
|
|
$('.admin-layer-plugin-popup--plugin').css('display', 'none');
|
|
});
|
|
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|