flush -- WIP admin panel

2019-05-30 14:18:07 +08:00
parent 75af7df7b4
commit 84fb4180c9
53 changed files with 9104 additions and 2 deletions
--- a/admin/theme/dashboard.html
+++ b/admin/theme/dashboard.html
@@ -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>