From 98629dd7e26fd785ccec84ccabbaec0e2430a44e Mon Sep 17 00:00:00 2001
From: Tony Yang <t510599@gmail.com>
Date: Fri, 31 May 2019 00:04:37 +0800
Subject: [PATCH] pageManager: new loader and snackbar

---
 admin/dashboard.js         | 11 ++++++++---
 admin/theme/dashboard.html |  8 ++++++--
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/admin/dashboard.js b/admin/dashboard.js
index ce6adaf..0eb2057 100644
--- a/admin/dashboard.js
+++ b/admin/dashboard.js
@@ -47,11 +47,16 @@ Manager.prototype = {
         this.components[name].render(...args);
         delete this.cache[name];
     },
-    setHeader: function (title) {
+    setHeader: function(title) {
         $('#header').text(title);
     },
-    setLoaderState: function (state) {
-        $('.pusher .dimmer').toggleClass('active', state);
+    setLoaderState: function(state) {
+        $('.pusher > .progress').toggleClass('invisible', !state);
+    },
+    snackbar: function(message) {
+        ts('.snackbar').snackbar({
+            content: message
+        });
     }
 }
 
diff --git a/admin/theme/dashboard.html b/admin/theme/dashboard.html
index 05d9d34..6ecdd56 100644
--- a/admin/theme/dashboard.html
+++ b/admin/theme/dashboard.html
@@ -46,8 +46,8 @@
     </div>
 
     <div class="comupter squeezable pusher" id="pusher">
-        <div class="ts active inverted dimmer">
-            <div class="ts loader"></div>
+        <div class="ts bottom attached indeterminate progress">
+            <div class="bar"></div>
         </div>
         <nav class="sidebar menu">
             <button class="ts inverted icon button" id="toggleSidebar">
@@ -58,6 +58,10 @@
             <div class="ts big dividing header" id="header"></div>
             <div class="ts fluid container" id="content"></div>
         </div>
+        <!-- Anchor -->
+        <div class="ts bottom right snackbar">
+            <div class="content"></div>
+        </div>
     </div>
 
     <script src="https://unpkg.com/axios/dist/axios.min.js"></script>