t510599/cavern
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

flush -- WIP admin panel

Browse Source
This commit is contained in:
Tony Yang
2019-05-30 14:18:07 +08:00
parent 75af7df7b4
commit 84fb4180c9
53 changed files with 9104 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
admin/theme/admin.css Normal file
View File

@@ -0,0 +1,38 @@
/* nav bar */
button#toggleSidebar {
border-radius: 0;
border-bottom-right-radius: .28571rem;
visibility: hidden;
}
.pusher > nav {
z-index: 14;
position: sticky;
position: -webkit-sticky; /* safari */
left: 0;
top: 0;
}
/* content */
#header {
margin-top: 5px;
}
@media (max-width: 768px) {
.ts.visible.sidebar:not(.overlapped) ~ .pusher.squeezable {
/* RWD fix */
width: 100vw;
left: 0;
}
button#toggleSidebar {
visibility: visible;
}
.visible.sidebar ~ .pusher > nav {
width: calc(100vw - 230px);
transform: translate3d(230px, 0, 0);
transition: transform .45s cubic-bezier(0.23, 1, 0.32, 1);
will-change: transform;
}
}

12
admin/theme/avatar.php Normal file
View File

@@ -0,0 +1,12 @@
<?php
require_once('../config.php');
require_once('../connection/SQL.php');
require_once('../include/user.php');
$user = validate_user();
?>
<div class="center aligned item">
<img class="ts tiny circular image" src="https://www.gravatar.com/avatar/<?= md5($user->email) ?>?d=https%3A%2F%2Ftocas-ui.com%2Fassets%2Fimg%2F5e5e3a6.png&s=150">
<br><br>
<div><?= $user->name ?></div>
</div>

69
admin/theme/dashboard.html Normal file
View File

@@ -0,0 +1,69 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Tocas UI：CSS 與元件 -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tocas-ui/2.3.3/tocas.css">
<!-- Tocas JS：模塊與 JavaScript 函式 -->
<script src="../include/js/lib/tocas.js"></script>
<!-- jQuery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@7.26.11/dist/sweetalert2.all.min.js"></script>
<link rel="stylesheet" href="theme/admin.css">
<title>{part} | {title}</title>
</head>
<body>
<div class="ts left vertical fluid inverted visible menu sidebar">
{nav}
<div class="item">
<i class="users icon"></i> 使用者
<div class="menu">
<a class="item" href="/user" data-navigo>列表</a>
<a class="item" href="/user/add" data-navigo>新增</a>
</div>
</div>
<div class="item">
<i class="file text icon"></i> 文章
<div class="menu">
<a href="/post" class="item" data-navigo>列表</a>
</div>
</div>
<div class="item">
<i class="setting icon"></i> 系統
<div class="menu">
<a class="item" href="/" data-navigo>總覽</a>
<a class="item" href="/config" data-navigo>設定</a>
</div>
</div>
<div class="bottom menu">
<a href="../" class="item"><i class="arrow left icon"></i>返回部落格</a>
</div>
</div>
<div class="comupter squeezable pusher" id="pusher">
<div class="ts active inverted dimmer">
<div class="ts loader"></div>
</div>
<nav class="sidebar menu">
<button class="ts inverted icon button" id="toggleSidebar">
<i class="sidebar icon"></i>
</button>
</nav>
<div class="ts narrow container">
<div class="ts big dividing header" id="header"></div>
<div class="ts fluid container" id="content"></div>
</div>
</div>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="https://unpkg.com/navigo@6"></script>
<script src="../include/js/security.js"></script>
<script src="dashboard.js"></script>
{script}
</body>
</html>