animated loading bar for management console
parent
5c40539561
commit
028f15c039
|
@ -10,7 +10,10 @@
|
||||||
<div class="content span12">
|
<div class="content span12">
|
||||||
<o:breadcrumbs crumb="Manage"/>
|
<o:breadcrumbs crumb="Manage"/>
|
||||||
<span id="content">
|
<span id="content">
|
||||||
loading...
|
Loading <span id="loading"></span>...
|
||||||
|
<div class="progress progress-striped active">
|
||||||
|
<div class="bar" style="width: 0%"></div>
|
||||||
|
</div>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -367,14 +367,23 @@ var AppRouter = Backbone.Router.extend({
|
||||||
//
|
//
|
||||||
|
|
||||||
// load things in the right order:
|
// load things in the right order:
|
||||||
|
$("#loading").html("scopes");
|
||||||
this.systemScopeList.fetch({
|
this.systemScopeList.fetch({
|
||||||
success: function(collection, response) {
|
success: function(collection, response) {
|
||||||
|
$("#content .progress .bar").css("width", "25%");
|
||||||
|
$("#loading").html("clients");
|
||||||
app.clientList.fetch({
|
app.clientList.fetch({
|
||||||
success: function(collection, response) {
|
success: function(collection, response) {
|
||||||
|
$("#content .progress .bar").css("width", "50%");
|
||||||
|
$("#loading").html("whitelists");
|
||||||
app.whiteListList.fetch({
|
app.whiteListList.fetch({
|
||||||
success: function(collection, response) {
|
success: function(collection, response) {
|
||||||
|
$("#content .progress .bar").css("width", "75%");
|
||||||
|
$("#loading").html("statistics");
|
||||||
app.clientStats.fetch({
|
app.clientStats.fetch({
|
||||||
success: function(model, response) {
|
success: function(model, response) {
|
||||||
|
$("#content .progress .bar").css("width", "100%");
|
||||||
|
$("#loading").html("console");
|
||||||
var baseUrl = $.url($('base').attr('href'));
|
var baseUrl = $.url($('base').attr('href'));
|
||||||
Backbone.history.start({pushState: true, root: baseUrl.attr('relative') + 'manage/'});
|
Backbone.history.start({pushState: true, root: baseUrl.attr('relative') + 'manage/'});
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue