From c65031eea5c5747acb1dfdd15be369b85f15f189 Mon Sep 17 00:00:00 2001
From: Joseph Schorr <joseph.schorr@coreos.com>
Date: Wed, 29 Oct 2014 14:21:08 -0400
Subject: [PATCH] Add a throbber when loading repo permissions

---
 static/js/controllers.js        | 3 ++-
 static/partials/repo-admin.html | 5 +++--
 2 files changed, 5 insertions(+), 3 deletions(-)

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>