Get the remainder of the repo settings panel working

static/js/directives/repo-view/repo-panel-settings.js

@@ -11,7 +11,72 @@ angular.module('quay').directive('repoPanelSettings', function () {
     scope: {
       'repository': '=repository'
     },
-    controller: function($scope, $element, ApiService) {
+    controller: function($scope, $element, ApiService, Config) {
+      $scope.getBadgeFormat = function(format, repository) {
+        if (!repository) { return ''; }
+
+        var imageUrl = Config.getUrl('/repository/' + repository.namespace + '/' + repository.name + '/status');
+        if (!$scope.repository.is_public) {
+          imageUrl += '?token=' + repository.status_token;
+        }
+
+        var linkUrl = Config.getUrl('/repository/' + repository.namespace + '/' + repository.name);
+
+        switch (format) {
+          case 'svg':
+            return imageUrl;
+
+          case 'md':
+            return '[![Docker Repository on ' + Config.REGISTRY_TITLE_SHORT + '](' + imageUrl +
+              ' "Docker Repository on ' + Config.REGISTRY_TITLE_SHORT  + '")](' + linkUrl + ')';
+
+          case 'asciidoc':
+            return 'image:' + imageUrl + '["Docker Repository on ' + Config.REGISTRY_TITLE_SHORT  + '", link="' + linkUrl + '"]';
+        }
+
+        return '';
+      };
+
+      $scope.askDelete = function() {
+        bootbox.confirm('Are you sure you want delete this repository?', function(r) {
+          if (!r) { return; }
+          $scope.deleteRepo();
+        });
+      };
+
+      $scope.deleteRepo = function() {
+        var params = {
+          'repository': $scope.repository.namespace + '/' + $scope.repository.name
+        };
+
+        ApiService.deleteRepository(null, params).then(function() {
+          setTimeout(function() {
+            document.location = '/repository/';
+          }, 100);
+        }, ApiService.errorDisplay('Could not delete repository'));
+      };
+
+
+      $scope.askChangeAccess = function(newAccess) {
+        bootbox.confirm('Are you sure you want to make this repository ' + newAccess + '?', function(r) {
+          if (!r) { return; }
+          $scope.changeAccess(newAccess);
+        });
+      };
+
+      $scope.changeAccess = function(newAccess) {
+        var visibility = {
+          'visibility': newAccess
+        };
+
+        var params = {
+          'repository': $scope.repository.namespace + '/' + $scope.repository.name
+        };
+
+        ApiService.changeRepoVisibility(visibility, params).then(function() {
+          $scope.repository.is_public = newAccess == 'public';
+        }, ApiService.errorDisplay('Could not change repository visibility'));
+      };
     }
   };
   return directiveDefinitionObject;

static/js/directives/ui/external-notification-view.js

@@ -1,5 +1,5 @@
 /**
- * An element which displays controls and information about a defined external notification on
+ * DEPRECATED: An element which displays controls and information about a defined external notification on
  * a repository.
  */
 angular.module('quay').directive('externalNotificationView', function () {

static/js/directives/ui/repository-events-table.js

@@ -0,0 +1,91 @@
+/**
+ * An element which displays a table of events on a repository and allows them to be
+ * edited.
+ */
+angular.module('quay').directive('repositoryEventsTable', function () {
+  var directiveDefinitionObject = {
+    priority: 0,
+    templateUrl: '/static/directives/repository-events-table.html',
+    replace: false,
+    transclude: true,
+    restrict: 'C',
+    scope: {
+      'repository': '=repository'
+    },
+    controller: function($scope, $element, ApiService, Restangular, UtilService, ExternalNotificationData) {
+      $scope.showNewNotificationCounter = 0;
+
+      var loadNotifications = function() {
+        if (!$scope.repository || $scope.notificationsResource) { return; }
+        var params = {
+          'repository': $scope.repository.namespace + '/' + $scope.repository.name
+        };
+
+        $scope.notificationsResource = ApiService.listRepoNotificationsAsResource(params).get(
+          function(resp) {
+            $scope.notifications = resp.notifications;
+            return $scope.notifications;
+          });
+      };
+
+      $scope.$watch('repository', loadNotifications);
+      loadNotifications();
+
+      $scope.handleNotificationCreated = function(notification) {
+        $scope.notifications.push(notification);
+      };
+
+      $scope.askCreateNotification = function() {
+        $scope.showNewNotificationCounter++;
+      };
+
+      $scope.getEventInfo = function(notification) {
+        return ExternalNotificationData.getEventInfo(notification.event);
+      };
+
+      $scope.getMethodInfo = function(notification) {
+        return ExternalNotificationData.getMethodInfo(notification.method);
+      };
+
+      $scope.deleteNotification = function(notification) {
+        var params = {
+          'repository': $scope.repository.namespace + '/' + $scope.repository.name,
+          'uuid': notification.uuid
+        };
+
+        ApiService.deleteRepoNotification(null, params).then(function() {
+          var index = $.inArray(notification, $scope.notifications);
+          if (index < 0) { return; }
+          $scope.notifications.splice(index, 1);
+        }, ApiService.errorDisplay('Cannot delete notification'));
+      };
+
+      $scope.showWebhookInfo = function(notification) {
+        var eventId = notification.event;
+        document.location = 'http://docs.quay.io/guides/notifications.html#webhook_' + eventId;
+      };
+
+      $scope.testNotification = function(notification) {
+        var params = {
+          'repository': $scope.repository.namespace + '/' + $scope.repository.name,
+          'uuid': notification.uuid
+        };
+
+        ApiService.testRepoNotification(null, params).then(function() {
+          bootbox.dialog({
+            "title": "Test Notification Queued",
+            "message": "A test version of this notification has been queued and should appear shortly",
+            "buttons": {
+              "close": {
+                "label": "Close",
+                "className": "btn-primary"
+              }
+            }
+          });
+        }, ApiService.errorDisplay('Could not issue test notification'));
+      };
+
+    }
+  };
+  return directiveDefinitionObject;
+});

static/js/directives/ui/repository-tokens-table.js

@@ -0,0 +1,68 @@
+/**
+ * An element which displays a table of tokens on a repository and allows them to be
+ * edited.
+ */
+angular.module('quay').directive('repositoryTokensTable', function () {
+  var directiveDefinitionObject = {
+    priority: 0,
+    templateUrl: '/static/directives/repository-tokens-table.html',
+    replace: false,
+    transclude: true,
+    restrict: 'C',
+    scope: {
+      'repository': '=repository',
+      'hasTokens': '=hasTokens'
+    },
+    controller: function($scope, $element, ApiService, Restangular, UtilService) {
+      $scope.roles = [
+          { 'id': 'read', 'title': 'Read', 'kind': 'success' },
+          { 'id': 'write', 'title': 'Write', 'kind': 'success' },
+          { 'id': 'admin', 'title': 'Admin', 'kind': 'primary' }
+      ];
+
+      $scope.hasTokens = false;
+
+      var loadTokens = function() {
+        if (!$scope.repository || $scope.tokensResource) { return; }
+        var params = {
+          'repository': $scope.repository.namespace + '/' + $scope.repository.name
+        };
+
+        $scope.tokensResource = ApiService.listRepoTokensAsResource(params).get(function(resp) {
+          $scope.tokens = resp.tokens;
+          $scope.hasTokens = Object.keys($scope.tokens).length >= 1;
+        }, ApiService.errorDisplay('Could not load access tokens'));
+      };
+
+      $scope.$watch('repository', loadTokens);
+      loadTokens();
+
+      $scope.deleteToken = function(tokenCode) {
+        var params = {
+          'repository': $scope.repository.namespace + '/' + $scope.repository.name,
+          'code': tokenCode
+        };
+
+        ApiService.deleteToken(null, params).then(function() {
+          delete $scope.tokens[tokenCode];
+        });
+      };
+
+      $scope.changeTokenAccess = function(tokenCode, newAccess) {
+        var role = {
+          'role': newAccess
+        };
+
+        var params = {
+          'repository': $scope.repository.namespace + '/' + $scope.repository.name,
+          'code': tokenCode
+        };
+
+        ApiService.changeToken(role, params).then(function(updated) {
+          $scope.tokens[updated.code] = updated;
+        });
+      };
+    }
+  };
+  return directiveDefinitionObject;
+});