diff --git a/static/js/controllers.js b/static/js/controllers.js index d28181b7c..aa02ed388 100644 --- a/static/js/controllers.js +++ b/static/js/controllers.js @@ -1330,7 +1330,7 @@ function RepoAdminCtrl($scope, Restangular, ApiService, KeyService, TriggerServi var name = $routeParams.name; $scope.Features = Features; - $scope.permissions = {'team': [], 'user': []}; + $scope.permissions = {'team': [], 'user': [], 'loading': 2}; $scope.logsShown = 0; $scope.deleting = false; @@ -1680,6 +1680,7 @@ function RepoAdminCtrl($scope, Restangular, ApiService, KeyService, TriggerServi var permissionsFetch = Restangular.one('repository/' + namespace + '/' + name + '/permissions/' + kind + '/'); permissionsFetch.get().then(function(resp) { $scope.permissions[kind] = resp.permissions; + $scope.permissions['loading']--; }, function() { $scope.permissions[kind] = null; }); diff --git a/static/partials/repo-admin.html b/static/partials/repo-admin.html index aa0e008d3..748f35715 100644 --- a/static/partials/repo-admin.html +++ b/static/partials/repo-admin.html @@ -92,8 +92,9 @@ <i class="info-icon fa fa-info-circle" data-placement="left" data-content="Allow any number of users, robot accounts or teams to read, write or administer this repository"></i> </div> <div class="panel-body"> - - <table class="permissions"> + <!-- Throbber --> + <span class="quay-spinner" ng-show="permissions.loading > 0"></span> + <table class="permissions" ng-show="permissions.loading <= 0"> <thead> <tr> <td style="min-width: 400px;">User<span ng-show="repo.is_organization">/Team</span>/Robot Account</td>