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

pageManager: new loader and snackbar

Browse Source
This commit is contained in:
Tony Yang 2019-05-31 00:04:37 +08:00
parent a0a77d6748
commit 98629dd7e2
Signed by: t510599
GPG Key ID: D88388851C28715D
2 changed files with 14 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
admin/dashboard.js
View File

@ -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
});
}
}

8
admin/theme/dashboard.html
View File

@ -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>