- Add support for super users

- Add a super user API
- Add a super user interface

static/js/app.js

@@ -1283,6 +1283,8 @@ quayApp = angular.module('quay', quayDependencies, function($provide, cfpLoading
                             templateUrl: '/static/partials/repo-list.html', controller: RepoListCtrl}).
       when('/user/', {title: 'Account Settings', description:'Account settings for Quay.io', templateUrl: '/static/partials/user-admin.html',
                       reloadOnSearch: false, controller: UserAdminCtrl}).
+      when('/superuser/', {title: 'Superuser Admin Panel', description:'Admin panel for Quay.io', templateUrl: '/static/partials/super-user.html',
+                           reloadOnSearch: false, controller: SuperUserAdminCtrl}).
       when('/guide/', {title: 'Guide', description:'Guide to using private docker repositories on Quay.io', templateUrl: '/static/partials/guide.html',
                        controller: GuideCtrl}).
       when('/tutorial/', {title: 'Tutorial', description:'Interactive tutorial for using Quay.io', templateUrl: '/static/partials/tutorial.html',
@@ -3333,7 +3335,7 @@ quayApp.directive('planManager', function () {
           }
 
           if (!$scope.chart) {
-            $scope.chart = new RepositoryUsageChart();
+            $scope.chart = new UsageChart();
             $scope.chart.draw('repository-usage-chart');
           }
 

static/js/controllers.js

@@ -2638,4 +2638,135 @@ function ManageApplicationCtrl($scope, $routeParams, $rootScope, $location, $tim
   // Load the organization and application info.
   loadOrganization();
   loadApplicationInfo();
+}
+
+
+function SuperUserAdminCtrl($scope, ApiService, Features, UserService) {
+  if (!Features.SUPER_USERS) {
+    return;
+  }
+
+  // Monitor any user changes and place the current user into the scope.
+  UserService.updateUserIn($scope);
+
+  $scope.loadUsers = function() {
+    if ($scope.users) {
+      return;
+    }
+
+    $scope.loadUsersInternal();
+  };
+
+  $scope.loadUsersInternal = function() {
+    ApiService.listAllUsers().then(function(resp) {
+      $scope.users = resp['users'];
+    }, function(resp) {
+      $scope.users = [];
+      $scope.usersError = resp['data']['message'] || resp['data']['error_description'];
+    });
+  };
+
+  $scope.showChangePassword = function(user) {
+    $scope.userToChange = user;
+    $('#changePasswordModal').modal({});
+  };
+
+  $scope.showDeleteUser = function(user) {
+    if (user.username == UserService.currentUser().username) {
+      bootbox.dialog({
+        "message": 'Cannot delete yourself!',
+        "title": "Cannot delete user",
+        "buttons": {
+          "close": {
+            "label": "Close",
+            "className": "btn-primary"
+          }
+        }
+      });
+      return;
+    }
+
+    $scope.userToDelete = user;
+    $('#confirmDeleteUserModal').modal({});
+  };
+
+  $scope.changeUserPassword = function(user) {
+    $('#changePasswordModal').modal('hide');
+
+    var params = {
+      'username': user.username
+    };
+
+    var data = {
+      'password': user.password
+    };
+
+    ApiService.changeInstallUser(data, params).then(function(resp) {
+      $scope.loadUsersInternal();
+    }, function(resp) {
+      bootbox.dialog({
+        "message": resp.data ? resp.data.message : 'Could not change user',
+        "title": "Cannot change user",
+        "buttons": {
+          "close": {
+            "label": "Close",
+            "className": "btn-primary"
+          }
+        }
+      });
+    });
+  };
+
+  $scope.deleteUser = function(user) {
+    $('#confirmDeleteUserModal').modal('hide');
+
+    var params = {
+      'username': user.username
+    };
+
+    ApiService.deleteInstallUser(null, params).then(function(resp) {
+      $scope.loadUsersInternal();
+    }, function(resp) {
+      bootbox.dialog({
+        "message": resp.data ? resp.data.message : 'Could not delete user',
+        "title": "Cannot delete user",
+        "buttons": {
+          "close": {
+            "label": "Close",
+            "className": "btn-primary"
+          }
+        }
+      });
+    });
+  };
+
+  var seatUsageLoaded = function(usage) {
+    $scope.usageLoading = false;
+
+    if (usage.count > usage.allowed) {
+      $scope.limit = 'over';
+    } else if (usage.count == usage.allowed) {
+      $scope.limit = 'at';
+    } else if (usage.count >= usage.allowed * 0.7) {
+      $scope.limit = 'near';
+    } else {
+      $scope.limit = 'none';
+    }
+    
+    if (!$scope.chart) {
+      $scope.chart = new UsageChart();
+      $scope.chart.draw('seat-usage-chart');
+    }
+
+    $scope.chart.update(usage.count, usage.allowed);
+  };
+
+  var loadSeatUsage = function() {
+    $scope.usageLoading = true;
+    ApiService.getSeatCount().then(function(resp) {
+      seatUsageLoaded(resp);
+    });
+  };
+
+  loadSeatUsage();
 }

static/js/graphing.js

@@ -1329,7 +1329,7 @@ FileTree.prototype.getNodesHeight = function() {
 /**
  * Based off of http://bl.ocks.org/mbostock/1346410
  */
-function RepositoryUsageChart() {
+function UsageChart() {
   this.total_ = null;
   this.count_ = null;
   this.drawn_ = false;
@@ -1339,7 +1339,7 @@ function RepositoryUsageChart() {
 /**
  * Updates the chart with the given count and total of number of repositories.
  */
-RepositoryUsageChart.prototype.update = function(count, total) {
+UsageChart.prototype.update = function(count, total) {
   if (!this.g_) { return; }
   this.total_ = total;
   this.count_ = count;
@@ -1350,7 +1350,7 @@ RepositoryUsageChart.prototype.update = function(count, total) {
 /**
  * Conducts the actual draw or update (if applicable).
  */
-RepositoryUsageChart.prototype.drawInternal_ = function() {
+UsageChart.prototype.drawInternal_ = function() {
   // If the total is null, then we have not yet set the proper counts.
   if (this.total_ === null) { return; }
 
@@ -1409,7 +1409,7 @@ RepositoryUsageChart.prototype.drawInternal_ = function() {
 /**
  * Draws the chart in the given container.
  */
-RepositoryUsageChart.prototype.draw = function(container) {
+UsageChart.prototype.draw = function(container) {
   var cw = 200;
   var ch = 200;
   var radius = Math.min(cw, ch) / 2;