diff --git a/openid-connect-server/src/main/webapp/WEB-INF/views/manage.jsp b/openid-connect-server/src/main/webapp/WEB-INF/views/manage.jsp index 46a9733c8..8504925b0 100644 --- a/openid-connect-server/src/main/webapp/WEB-INF/views/manage.jsp +++ b/openid-connect-server/src/main/webapp/WEB-INF/views/manage.jsp @@ -10,7 +10,10 @@ <div class="content span12"> <o:breadcrumbs crumb="Manage"/> <span id="content"> - loading... + Loading <span id="loading"></span>... + <div class="progress progress-striped active"> + <div class="bar" style="width: 0%"></div> + </div> </span> </div> </div> diff --git a/openid-connect-server/src/main/webapp/resources/js/admin.js b/openid-connect-server/src/main/webapp/resources/js/admin.js index 06ce37f20..d6e3632cd 100644 --- a/openid-connect-server/src/main/webapp/resources/js/admin.js +++ b/openid-connect-server/src/main/webapp/resources/js/admin.js @@ -367,14 +367,23 @@ var AppRouter = Backbone.Router.extend({ // // load things in the right order: + $("#loading").html("scopes"); this.systemScopeList.fetch({ success: function(collection, response) { + $("#content .progress .bar").css("width", "25%"); + $("#loading").html("clients"); app.clientList.fetch({ success: function(collection, response) { + $("#content .progress .bar").css("width", "50%"); + $("#loading").html("whitelists"); app.whiteListList.fetch({ success: function(collection, response) { + $("#content .progress .bar").css("width", "75%"); + $("#loading").html("statistics"); app.clientStats.fetch({ success: function(model, response) { + $("#content .progress .bar").css("width", "100%"); + $("#loading").html("console"); var baseUrl = $.url($('base').attr('href')); Backbone.history.start({pushState: true, root: baseUrl.attr('relative') + 'manage/'}); }