246 lines
13 KiB
HTML
246 lines
13 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">
|
|
<link rel="stylesheet" href="../../../assets/core/plugin/swiper2/idangerous.swiper.css">
|
|
<script src="../../../assets/core/settings/js/admin.bundle.js"></script>
|
|
<script src="../../../assets/core/plugin/swiper2/idangerous.swiper.min.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><a href="#"><i class="xi-arrow-left"></i>플러그인 상세</a></h2>
|
|
</div>
|
|
</div>
|
|
<div class="row locate">
|
|
<div class="col-sm-12">
|
|
<ul>
|
|
<li><a href="#">Home</a><i class="xi-angle-right"></i></li>
|
|
<li><a href="#">플러그인</a><i class="xi-angle-right"></i></li>
|
|
<li>플러그인 상세</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container-fluid">
|
|
<!--어드민 컨텐츠 영역 col-sm-"n" n:1~12에 따라 그리드 사용가능-->
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<div class="panel plugin-detail">
|
|
<div class="panel-heading">
|
|
<div class="pull-left">
|
|
<p class="plugin-title">Facebook synchronization</p>
|
|
<div class="plugin-summary">
|
|
<div class="img-thumbnail"><img src="sample/@tmp_plugin_logo.jpg" width="100" height="100" alt="plugin logo"></div>
|
|
<dl>
|
|
<dt class="sr-only">제작자 정보</dt>
|
|
<dd><i class="xi-user"></i><a href="#">juna</a></dd>
|
|
<dt class="sr-only">홈페이지</dt>
|
|
<dd><i class="xi-paperclip"></i><a href="#">junnnnnnaaaa.com</a></dd>
|
|
<dt class="sr-only">저장소</dt>
|
|
<dd><i class="xi-github"></i><a href="#">xe-public/xe-module-ncenterlite</a></dd>
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
<div class="pull-right">
|
|
<button class="btn btn-danger">끄기</button>
|
|
<button class="btn btn-default">켜기</button>
|
|
<button class="btn btn-default">업데이트</button>
|
|
</div>
|
|
<ul class="nav nav-pills nav-justified">
|
|
<li class="active"><a href="#">세부사항</a></li>
|
|
<li><a href="#">문서정보</a></li>
|
|
<li><a href="#">지원</a></li>
|
|
<li><a href="#">업데이트 기록</a></li>
|
|
</ul>
|
|
</div>
|
|
<ul class="list-group">
|
|
<li class="list-group-item">
|
|
<label>설명</label>
|
|
<p>전세계적으로 13억 5천만명 이상의 사람들이 사용하는 Facebook은 여러분이 매일매일 주변과 소통하고 관심 있는 분야의 정보를 찾아보는 방식에 즐거움을 더해주는 무료 앱입니다.
|
|
여러분의 일상을 사진과 동영상을 통해 공유하고, 여러분이 좋아하는 브랜드의 최신 소식을 바로 받아볼 수 있으며..</p>
|
|
</li>
|
|
<li class="list-group-item">
|
|
<label>정보</label>
|
|
<div>
|
|
<table class="table table-none-bordered">
|
|
<colgroup>
|
|
<col width="200">
|
|
<col>
|
|
</colgroup>
|
|
<tbody>
|
|
<tr>
|
|
<th scope="row">버전</th>
|
|
<td>1.0.0</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">저작자</th>
|
|
<td>juna</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">업데이트</th>
|
|
<td>2015.10.15</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">인스톨 수</th>
|
|
<td>1+ million</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">지원컴포넌트</th>
|
|
<td>
|
|
<span class="label label-green">label-green</span>
|
|
<span class="label label-teal">label-teal</span>
|
|
<span class="label label-blue">label-blue</span>
|
|
<span class="label label-violet">label-violet</span>
|
|
<span class="label label-purple">label-purple</span>
|
|
<span class="label label-pink">label-pink</span>
|
|
<span class="label label-brown">label-brown</span>
|
|
<span class="label label-grey">label-grey</span>
|
|
<span class="label label-black">label-black</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">호환성</th>
|
|
<td>XpressEngine 0.8 or higher</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</li>
|
|
<li class="list-group-item">
|
|
<label>스크린샷</label>
|
|
<div class="swiper-container swiper">
|
|
<div class="swiper-wrapper">
|
|
<div class="swiper-slide">
|
|
<!--[D] 실제 이미지 사이즈 800*500 -->
|
|
<img src="sample/@tmp_plugin_st.jpg" width="640" height="400" alt="plugin screenshot">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="sample/@tmp_plugin_st2.jpg" width="640" height="400" alt="plugin screenshot">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="sample/@tmp_plugin_st.jpg" width="640" height="400" alt="plugin screenshot">
|
|
</div>
|
|
</div>
|
|
<!-- Add Pagination -->
|
|
<div class="swiper-pagination swiper-pagination-white swiper-pagination"></div>
|
|
<!-- Add Arrows -->
|
|
<div class="swiper-button-next swiper-button-white swiper-button-next" style="opacity:0"></div>
|
|
<div class="swiper-button-prev swiper-button-white swiper-button-prev" style="opacity:0"></div>
|
|
</div>
|
|
</li>
|
|
<li class="list-group-item">
|
|
<label>지원 컴포넌트</label>
|
|
<div class="table-responsive">
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th>이름</th>
|
|
<th>타입</th>
|
|
<th>설명</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>Chak comment<a href="#" class="btn_plugin_cog"><i class="xi-cog"></i></a></td>
|
|
<td><span class="label label-green">editer</span></td>
|
|
<td>Create design mockups for a new app, must be delivered before 1st of March. Business Services Sales Representative.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Chak comment<a href="#" class="btn_plugin_cog"><i class="xi-cog"></i></a></td>
|
|
<td><span class="label label-green">editer</span></td>
|
|
<td>Create design mockups for a new app, must be delivered before 1st of March. Business Services Sales Representative.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Chak comment<a href="#" class="btn_plugin_cog"><i class="xi-cog"></i></a></td>
|
|
<td><span class="label label-green">editer</span></td>
|
|
<td>Create design mockups for a new app, must be delivered before 1st of March. Business Services Sales Representative.</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--//어드민 컨텐츠 영역 -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="footer transition">
|
|
</div>
|
|
</div>
|
|
<div class="dim"></div>
|
|
<!--마크업 테스트코드 -->
|
|
<script>
|
|
$(document).ready(function(){
|
|
|
|
var swiper = new Swiper('.swiper', {
|
|
pagination: '.swiper-pagination',
|
|
paginationClickable: true,
|
|
spaceBetween: 30,
|
|
spaceBetween: 0,
|
|
loop: true
|
|
});
|
|
|
|
$('.swiper-button-prev').on('click', function(e){
|
|
e.preventDefault()
|
|
swiper1.swipePrev()
|
|
})
|
|
$('.swiper-button-next').on('click', function(e){
|
|
e.preventDefault()
|
|
swiper1.swipeNext()
|
|
})
|
|
|
|
|
|
$(".swiper").hover(function(){
|
|
$('.swiper-button-white').animate({opacity:1},250);
|
|
}, function(){
|
|
$('.swiper-button-white').animate({opacity:0},250);
|
|
});
|
|
|
|
});
|
|
</script>
|
|
<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();
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|