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); this.components[name].render(...args);
delete this.cache[name]; delete this.cache[name];
}, },
setHeader: function (title) { setHeader: function(title) {
$('#header').text(title); $('#header').text(title);
}, },
setLoaderState: function (state) { setLoaderState: function(state) {
$('.pusher .dimmer').toggleClass('active', 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>
<div class="comupter squeezable pusher" id="pusher"> <div class="comupter squeezable pusher" id="pusher">
<div class="ts active inverted dimmer"> <div class="ts bottom attached indeterminate progress">
<div class="ts loader"></div> <div class="bar"></div>
</div> </div>
<nav class="sidebar menu"> <nav class="sidebar menu">
<button class="ts inverted icon button" id="toggleSidebar"> <button class="ts inverted icon button" id="toggleSidebar">
@ -58,6 +58,10 @@
<div class="ts big dividing header" id="header"></div> <div class="ts big dividing header" id="header"></div>
<div class="ts fluid container" id="content"></div> <div class="ts fluid container" id="content"></div>
</div> </div>
<!-- Anchor -->
<div class="ts bottom right snackbar">
<div class="content"></div>
</div>
</div> </div>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script> <script src="https://unpkg.com/axios/dist/axios.min.js"></script>