323 lines
16 KiB
HTML
323 lines
16 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>
|
|
<small>등록된 플러그인 목록을 볼 수 있습니다.</small>
|
|
</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 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-group" id="accordion">
|
|
<div class="panel">
|
|
<div class="panel-heading">
|
|
<div class="pull-right">
|
|
<div class="search-btn-group">
|
|
<button class="xe-btn xe-btn-install"><i class="xi-plus"></i>새 플러그인 설치</button>
|
|
<button class="xe-btn">업데이트 목록</button>
|
|
</div>
|
|
<div class="input-group search-group">
|
|
<form>
|
|
<div class="search-group-filter">
|
|
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><span class="text">정렬 필터</span> <span class="caret"></span></button>
|
|
<ul class="dropdown-menu" role="menu">
|
|
<li><a href="#">전체 플러그인</a></li>
|
|
<li><a href="#">활성화 플러그인</a></li>
|
|
<li><a href="#">비활성화 플러그인</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="input-group-btn">
|
|
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">지원 컴포넌트 <span class="caret"></span></button>
|
|
<ul class="dropdown-menu" role="menu">
|
|
<li><a href="#">테마</a></li>
|
|
<li><a href="#">스킨</a></li>
|
|
<li><a href="#">설정스킨</a></li>
|
|
<li><a href="#">관라페이지테마</a></li>
|
|
<li><a href="#">위젯</a></li>
|
|
<li><a href="#">모듈</a></li>
|
|
<li><a href="#">UI오브젝트</a></li>
|
|
<li><a href="#">다이나믹필드</a></li>
|
|
<li><a href="#">다이나믹필드스킨</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="search-input-group">
|
|
<input type="text" class="form-control" aria-label="Text input with dropdown button">
|
|
<button class="btn-link">
|
|
<i class="xi-search"></i><span class="sr-only">검색</span>
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div class="pull-left">
|
|
<div class="btn-group">
|
|
<button class="btn btn-default">전체 선택</button>
|
|
</div>
|
|
<div class="btn-group">
|
|
<button type="button" class="btn btn-default on">켜기</button>
|
|
<button type="button" class="btn btn-default">끄기</button>
|
|
<button type="button" class="btn btn-default">삭제</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul class="list-group list-plugin">
|
|
<!--[D] 플러그인 비활성화 상태off, 업데이트 필요 시 update 클래스 추가 -->
|
|
<li class="list-group-item">
|
|
<div class="list-group-item-checkbox">
|
|
<label class="xe-label">
|
|
<input type="checkbox">
|
|
<span class="xe-input-helper"></span>
|
|
<span class="xe-label-text xe-sr-only">체크박스</span>
|
|
</label>
|
|
</div>
|
|
<div class="left-group">
|
|
<a href="#" class="plugin-title">게시판</a>
|
|
<dl>
|
|
<dt class="sr-only">version</dt>
|
|
<dd>Version 3.1.4</dd>
|
|
<dt class="sr-only">제작자</dt>
|
|
<dd>By <a href="#">@akasima</a></dd>
|
|
<dt class="sr-only">설치경로</dt>
|
|
<dd>xpressengine/board</dd>
|
|
</dl>
|
|
<p class="ellipsis">수백만에 의해사용, Akismet 플러그는 아마도 코멘트에서 블로그를 보호하고 스팸 트랙백 세계에서 가장 좋은 방법입니다. 그것은 당신. </p>
|
|
<span class="label label-success">editer</span><span class="label label-default">dynamic field</span>
|
|
</div>
|
|
<div class="btn-right">
|
|
<button class="btn-link">설정</button>
|
|
<button class="btn-link">자세히 보기</button>
|
|
</div>
|
|
</li>
|
|
<li class="list-group-item off">
|
|
<div class="list-group-item-checkbox">
|
|
<label class="xe-label">
|
|
<input type="checkbox">
|
|
<span class="xe-input-helper"></span>
|
|
<span class="xe-label-text xe-sr-only">체크박스</span>
|
|
</label>
|
|
</div>
|
|
<div class="left-group">
|
|
<a href="#" class="plugin-title">CkEditor</a>
|
|
<dl>
|
|
<dt class="sr-only">version</dt>
|
|
<dd>Version 3.1.4</dd>
|
|
<dt class="sr-only">제작자</dt>
|
|
<dd>By <a href="#">@akasima</a></dd>
|
|
<dt class="sr-only">설치경로</dt>
|
|
<dd>xpressengine/board</dd>
|
|
</dl>
|
|
<p class="ellipsis">수백만에 의해사용, Akismet 플러그는 아마도 코멘트에서 블로그를 보호하고 스팸 트랙백 세계에서 가장 좋은 방법입니다. 그것은 당신. </p>
|
|
<span class="label label-warning">module</span>
|
|
</div>
|
|
<div class="btn-right">
|
|
<button class="btn-link">자세히 보기</button>
|
|
</div>
|
|
</li>
|
|
<li class="list-group-item update">
|
|
<div class="list-group-item-checkbox">
|
|
<label class="xe-label">
|
|
<input type="checkbox">
|
|
<span class="xe-input-helper"></span>
|
|
<span class="xe-label-text xe-sr-only">체크박스</span>
|
|
</label>
|
|
</div>
|
|
<div class="left-group">
|
|
<a href="#" class="plugin-title">게시판</a>
|
|
<dl>
|
|
<dt class="sr-only">version</dt>
|
|
<dd>Version 3.1.4</dd>
|
|
<dt class="sr-only">제작자</dt>
|
|
<dd>By <a href="#">@akasima</a></dd>
|
|
<dt class="sr-only">설치경로</dt>
|
|
<dd>xpressengine/board</dd>
|
|
</dl>
|
|
<p class="ellipsis">수백만에 의해사용, Akismet 플러그는 아마도 코멘트에서 블로그를 보호하고 스팸 트랙백 세계에서 가장 좋은 방법입니다. 그것은 당신. </p>
|
|
<span class="label label-success">editer</span><span class="label label-default">dynamic field</span>
|
|
<div class="alert alert-danger" role="alert">
|
|
<i class="xi-info-o"></i>사용할 수 플러그인의 새로운 버전이 있습니다. <a href="#" class="alert-link">Version 3.1.5 세부 사항</a> 또는 <a href="#" class="alert-link">지금 업데이트하기.</a>
|
|
</div>
|
|
</div>
|
|
<div class="btn-right">
|
|
<button class="btn-link">설정</button>
|
|
<button class="btn-link">자세히 보기</button>
|
|
</div>
|
|
</li>
|
|
<li class="list-group-item">
|
|
<div class="list-group-item-checkbox">
|
|
<label class="xe-label">
|
|
<input type="checkbox">
|
|
<span class="xe-input-helper"></span>
|
|
<span class="xe-label-text xe-sr-only">체크박스</span>
|
|
</label>
|
|
</div>
|
|
<div class="left-group">
|
|
<a href="#" class="plugin-title">officialHomepage::pluginName</a>
|
|
<dl>
|
|
<dt class="sr-only">version</dt>
|
|
<dd>Version 3.1.4</dd>
|
|
<dt class="sr-only">제작자</dt>
|
|
<dd>By <a href="#">@akasima</a></dd>
|
|
<dt class="sr-only">설치경로</dt>
|
|
<dd>xpressengine/board</dd>
|
|
</dl>
|
|
<p class="ellipsis">수백만에 의해사용, Akismet 플러그는 아마도 코멘트에서 블로그를 보호하고 스팸 트랙백 세계에서 가장 좋은 방법입니다. 그것은 당신. </p>
|
|
<span class="label label-primary">theme</span>
|
|
</div>
|
|
<div class="btn-right">
|
|
<button class="btn-link">설정</button>
|
|
<button class="btn-link">자세히 보기</button>
|
|
</div>
|
|
</li>
|
|
<li class="list-group-item">
|
|
<div class="list-group-item-checkbox">
|
|
<label class="xe-label">
|
|
<input type="checkbox">
|
|
<span class="xe-input-helper"></span>
|
|
<span class="xe-label-text xe-sr-only">체크박스</span>
|
|
</label>
|
|
</div>
|
|
<div class="left-group">
|
|
<a href="#" class="plugin-title">no adblock</a>
|
|
<dl>
|
|
<dt class="sr-only">version</dt>
|
|
<dd>Version 3.1.4</dd>
|
|
<dt class="sr-only">제작자</dt>
|
|
<dd>By <a href="#">@akasima</a></dd>
|
|
<dt class="sr-only">설치경로</dt>
|
|
<dd>xpressengine/board</dd>
|
|
</dl>
|
|
<p class="ellipsis">수백만에 의해사용, Akismet 플러그는 아마도 코멘트에서 블로그를 보호하고 스팸 트랙백 세계에서 가장 좋은 방법입니다. 그것은 당신. </p>
|
|
<span class="label label-info">add-on</span>
|
|
</div>
|
|
<div class="btn-right">
|
|
<button class="btn-link">설정</button>
|
|
<button class="btn-link">자세히 보기</button>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--//어드민 컨텐츠 영역 -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<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>
|