327 lines
15 KiB
HTML
327 lines
15 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="panel admin-tab">
|
|
<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>
|
|
</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">
|
|
<div class="panel admin-choice">
|
|
<p class="admin-choice-count">선택한 플러그인 : <span>2</span>개</p>
|
|
|
|
<ul class="admin-choice-list">
|
|
<li>
|
|
<label class="xe-label">
|
|
<input type="checkbox">
|
|
<span class="xe-input-helper"></span>
|
|
<span class="xe-label-text">sample plugin</span>
|
|
</label>
|
|
</li>
|
|
<li>
|
|
<label class="xe-label">
|
|
<input type="checkbox">
|
|
<span class="xe-input-helper"></span>
|
|
<span class="xe-label-text">sample plugin</span>
|
|
</label>
|
|
</li>
|
|
</ul>
|
|
|
|
<button type="button" class="xe-btn xe-btn-primary-outline xe-btn-install"><i class="xi-cog"></i>설치하기</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<div class="panel-group" id="accordion">
|
|
<div class="panel">
|
|
<div class="panel-heading">
|
|
<div class="panel-heading-search">
|
|
<input type="text" class="xe-form-control" placeholder="검색어를 입력하세요">
|
|
<button class="panel-heading-search-btn" type="button"><i class="xi-search"></i><span class="xe-sr-only">검색</span></button>
|
|
</div>
|
|
</div>
|
|
<ul class="list-group list-install">
|
|
<li>
|
|
<img src="sample/@icon_plugin.jpg" alt="">
|
|
<div class="list-install-caption">
|
|
<label class="xe-label">
|
|
<input type="checkbox">
|
|
<span class="xe-input-helper"></span>
|
|
<span class="xe-sr-only">선택</span>
|
|
</label>
|
|
<a href="#" class="list-install-title">게시판게시판게시판게시판게시판게시판게시판게시판게시판게시판게시판게시판게시판</a>
|
|
<div class="list-install-caption-bottom">
|
|
<p class="list-install-text">Version 0.9.18</p>
|
|
<p class="list-install-text">Free</p>
|
|
<p class="list-install-text">설치 완료</p>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<img src="sample/@icon_plugin.jpg" alt="">
|
|
<div class="list-install-caption">
|
|
<label class="xe-label">
|
|
<input type="checkbox">
|
|
<span class="xe-input-helper"></span>
|
|
<span class="xe-sr-only">선택</span>
|
|
</label>
|
|
<a href="#" class="list-install-title">게시판</a>
|
|
<div class="list-install-caption-bottom">
|
|
<p class="list-install-text">Version 0.9.18</p>
|
|
<p class="list-install-text">Free</p>
|
|
<p class="list-install-text">설치 완료</p>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<img src="sample/@icon_plugin.jpg" alt="">
|
|
<div class="list-install-caption">
|
|
<label class="xe-label">
|
|
<input type="checkbox">
|
|
<span class="xe-input-helper"></span>
|
|
<span class="xe-sr-only">선택</span>
|
|
</label>
|
|
<a href="#" class="list-install-title">게시판</a>
|
|
<div class="list-install-caption-bottom">
|
|
<p class="list-install-text">Version 0.9.18</p>
|
|
<p class="list-install-text">Free</p>
|
|
<p class="list-install-text">설치 완료</p>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<img src="sample/@icon_plugin.jpg" alt="">
|
|
<div class="list-install-caption">
|
|
<label class="xe-label">
|
|
<input type="checkbox">
|
|
<span class="xe-input-helper"></span>
|
|
<span class="xe-sr-only">선택</span>
|
|
</label>
|
|
<a href="#" class="list-install-title">게시판</a>
|
|
<div class="list-install-caption-bottom">
|
|
<p class="list-install-text">Version 0.9.18</p>
|
|
<p class="list-install-text">Free</p>
|
|
<p class="list-install-text">설치 완료</p>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<img src="sample/@icon_plugin.jpg" alt="">
|
|
<div class="list-install-caption">
|
|
<label class="xe-label">
|
|
<input type="checkbox">
|
|
<span class="xe-input-helper"></span>
|
|
<span class="xe-sr-only">선택</span>
|
|
</label>
|
|
<a href="#" class="list-install-title">게시판</a>
|
|
<div class="list-install-caption-bottom">
|
|
<p class="list-install-text">Version 0.9.18</p>
|
|
<p class="list-install-text">Free</p>
|
|
<p class="list-install-text">설치 완료</p>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<img src="sample/@icon_plugin.jpg" alt="">
|
|
<div class="list-install-caption">
|
|
<label class="xe-label">
|
|
<input type="checkbox">
|
|
<span class="xe-input-helper"></span>
|
|
<span class="xe-sr-only">선택</span>
|
|
</label>
|
|
<a href="#" class="list-install-title">게시판</a>
|
|
<div class="list-install-caption-bottom">
|
|
<p class="list-install-text">Version 0.9.18</p>
|
|
<p class="list-install-text">Free</p>
|
|
<p class="list-install-text">설치 완료</p>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<img src="sample/@icon_plugin.jpg" alt="">
|
|
<div class="list-install-caption">
|
|
<label class="xe-label">
|
|
<input type="checkbox">
|
|
<span class="xe-input-helper"></span>
|
|
<span class="xe-sr-only">선택</span>
|
|
</label>
|
|
<a href="#" class="list-install-title">게시판</a>
|
|
<div class="list-install-caption-bottom">
|
|
<p class="list-install-text">Version 0.9.18</p>
|
|
<p class="list-install-text">Free</p>
|
|
<p class="list-install-text">설치 완료</p>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<img src="sample/@icon_plugin.jpg" alt="">
|
|
<div class="list-install-caption">
|
|
<label class="xe-label">
|
|
<input type="checkbox">
|
|
<span class="xe-input-helper"></span>
|
|
<span class="xe-sr-only">선택</span>
|
|
</label>
|
|
<a href="#" class="list-install-title">게시판</a>
|
|
<div class="list-install-caption-bottom">
|
|
<p class="list-install-text">Version 0.9.18</p>
|
|
<p class="list-install-text">Free</p>
|
|
<p class="list-install-text">설치 완료</p>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<img src="sample/@icon_plugin.jpg" alt="">
|
|
<div class="list-install-caption">
|
|
<label class="xe-label">
|
|
<input type="checkbox">
|
|
<span class="xe-input-helper"></span>
|
|
<span class="xe-sr-only">선택</span>
|
|
</label>
|
|
<a href="#" class="list-install-title">게시판</a>
|
|
<div class="list-install-caption-bottom">
|
|
<p class="list-install-text">Version 0.9.18</p>
|
|
<p class="list-install-text">Free</p>
|
|
<p class="list-install-text">설치 완료</p>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul><!-- //list-group list-install -->
|
|
</div><!-- //panel -->
|
|
<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><!-- //panel-group -->
|
|
</div>
|
|
</div>
|
|
<!--//어드민 컨텐츠 영역 -->
|
|
</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";
|
|
}
|
|
});
|
|
|
|
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|