Add the builds tab

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

@@ -0,0 +1,232 @@
+/**
+ * An element which displays the builds panel for a repository view.
+ */
+angular.module('quay').directive('repoPanelBuilds', function () {
+  var directiveDefinitionObject = {
+    priority: 0,
+    templateUrl: '/static/directives/repo-view/repo-panel-builds.html',
+    replace: false,
+    transclude: false,
+    restrict: 'C',
+    scope: {
+      'repository': '=repository',
+      'builds': '=builds'
+    },
+    controller: function($scope, $element, $filter, $routeParams, ApiService, TriggerService) {
+      var orderBy = $filter('orderBy');
+
+      $scope.TriggerService = TriggerService;
+
+      $scope.options = {
+        'filter': 'recent',
+        'reverse': false,
+        'predicate': 'started_datetime'
+      };
+
+      $scope.currentFilter = null;
+
+      $scope.currentStartTrigger = null;
+      $scope.currentSetupTrigger = null;
+
+      $scope.showBuildDialogCounter = 0;
+      $scope.showTriggerStartDialogCounter = 0;
+      $scope.showTriggerSetupCounter = 0;
+
+      var updateBuilds = function() {
+        if (!$scope.allBuilds) { return; }
+
+        var unordered = $scope.allBuilds.map(function(build_info) {
+          var commit_sha = null;
+
+          if (build_info.job_config.trigger_metadata) {
+           commit_sha = build_info.job_config.trigger_metadata.commit_sha;
+          }
+
+          return $.extend(build_info, {
+            'started_datetime': (new Date(build_info.started)).valueOf() * (-1),
+            'building_tags': build_info.job_config.docker_tags,
+            'commit_sha': commit_sha
+          });
+        });
+
+        $scope.fullBuilds = orderBy(unordered, $scope.options.predicate, $scope.options.reverse);
+      };
+
+      var loadBuilds = function() {
+        if (!$scope.builds || !$scope.repository || !$scope.options.filter) {
+          return;
+        }
+
+        // Note: We only refresh if the filter has changed.
+        var filter = $scope.options.filter;
+        if ($scope.buildsResource && filter == $scope.currentFilter) { return; }
+
+        var since = null;
+
+        if ($scope.options.filter == '48hours') {
+          since = Math.floor(moment().subtract(2, 'days').valueOf() / 1000);
+        } else if ($scope.options.filter == '30days') {
+          since = Math.floor(moment().subtract(30, 'days').valueOf() / 1000);
+        } else {
+          since = null;
+        }
+
+        var params = {
+          'repository': $scope.repository.namespace + '/' + $scope.repository.name,
+          'limit': 100,
+          'since': since
+        };
+
+        $scope.buildsResource = ApiService.getRepoBuildsAsResource(params).get(function(resp) {
+          $scope.allBuilds = resp.builds;
+          $scope.currentFilter = filter;
+          updateBuilds();
+        });
+      };
+
+      var buildsChanged = function() {
+        if (!$scope.allBuilds) {
+          loadBuilds();
+          return;
+        }
+
+        if (!$scope.builds || !$scope.repository) {
+          return;
+        }
+
+        // Replace any build records with updated records from the server.
+        $scope.builds.map(function(build) {
+          for (var i = 0; i < $scope.allBuilds.length; ++i) {
+            var current = $scope.allBuilds[i];
+            if (current.id == build.id && current.phase != build.phase) {
+              $scope.allBuilds[i] = build;
+              break
+            }
+          }
+        });
+
+        updateBuilds();
+      };
+
+      var loadBuildTriggers = function() {
+        if (!$scope.repository || !$scope.repository.can_admin) { return; }
+
+        var params = {
+          'repository': $scope.repository.namespace + '/' + $scope.repository.name
+        };
+
+        $scope.triggersResource = ApiService.listBuildTriggersAsResource(params).get(function(resp) {
+          $scope.triggers = resp.triggers;
+
+          // Check to see if we need to setup any trigger.
+          var newTriggerId = $routeParams.newtrigger;
+          if (newTriggerId) {
+            $scope.triggers.map(function(trigger) {
+              if (trigger['id'] == newTriggerId && !trigger['is_active']) {
+                $scope.setupTrigger(trigger);
+              }
+            });
+          }
+        });
+      };
+
+      $scope.$watch('repository', loadBuildTriggers);
+      $scope.$watch('repository', loadBuilds);
+
+      $scope.$watch('builds', buildsChanged);
+
+      $scope.$watch('options.filter', loadBuilds);
+      $scope.$watch('options.predicate', updateBuilds);
+      $scope.$watch('options.reverse', updateBuilds);
+
+      $scope.tablePredicateClass = function(name, predicate, reverse) {
+        if (name != predicate) {
+          return '';
+        }
+
+        return 'current ' + (reverse ? 'reversed' : '');
+      };
+
+      $scope.orderBy = function(predicate) {
+        if (predicate == $scope.options.predicate) {
+          $scope.options.reverse = !$scope.options.reverse;
+          return;
+        }
+
+        $scope.options.reverse = false;
+        $scope.options.predicate = predicate;
+      };
+
+      $scope.askDeleteTrigger = function(trigger) {
+        $scope.deleteTriggerInfo = {
+          'trigger': trigger
+        };
+      };
+
+      $scope.askRunTrigger = function(trigger) {
+        $scope.currentStartTrigger = trigger;
+        $scope.showTriggerStartDialogCounter++;
+      };
+
+      $scope.cancelSetupTrigger = function(trigger) {
+        if ($scope.currentSetupTrigger != trigger) { return; }
+
+        $scope.currentSetupTrigger = null;
+        $scope.deleteTrigger(trigger);
+      };
+
+      $scope.setupTrigger = function(trigger) {
+        $scope.currentSetupTrigger = trigger;
+        $scope.showTriggerSetupCounter++;
+      };
+
+      $scope.startTrigger = function(trigger, opt_custom) {
+        var parameters = TriggerService.getRunParameters(trigger.service);
+        if (parameters.length && !opt_custom) {
+          $scope.currentStartTrigger = trigger;
+          $scope.showTriggerStartDialogCounter++;
+          return;
+        }
+
+        var params = {
+          'repository': $scope.repository.namespace + '/' + $scope.repository.name,
+          'trigger_uuid': trigger.id
+        };
+
+        ApiService.manuallyStartBuildTrigger(opt_custom || {}, params).then(function(resp) {
+          $scope.allBuilds.push(resp);
+          updateBuilds();
+        }, ApiService.errorDisplay('Could not start build'));
+      };
+
+      $scope.deleteTrigger = function(trigger, opt_callback) {
+        if (!trigger) { return; }
+
+        var params = {
+          'repository': $scope.repository.namespace + '/' + $scope.repository.name,
+          'trigger_uuid': trigger.id
+        };
+
+        var errorHandler = ApiService.errorDisplay('Could not delete build trigger', function() {
+          opt_callback && opt_callback(false);
+        });
+
+        ApiService.deleteBuildTrigger(null, params).then(function(resp) {
+          $scope.triggers.splice($scope.triggers.indexOf(trigger), 1);
+          opt_callback && opt_callback(true);
+        }, errorHandler);
+      };
+
+      $scope.showNewBuildDialog = function() {
+        $scope.showBuildDialogCounter++;
+      };
+
+      $scope.handleBuildStarted = function(build) {
+        $scope.allBuilds.push(build);
+        updateBuilds();
+      };
+    }
+  };
+  return directiveDefinitionObject;
+});
+

static/js/directives/ui/build-state-icon.js

@@ -0,0 +1,22 @@
+/**
+ * An element which displays an icon representing the state of the build.
+ */
+angular.module('quay').directive('buildStateIcon', function () {
+  var directiveDefinitionObject = {
+    priority: 0,
+    templateUrl: '/static/directives/build-state-icon.html',
+    replace: false,
+    transclude: false,
+    restrict: 'C',
+    scope: {
+      'build': '=build'
+    },
+    controller: function($scope, $element) {
+      $scope.isBuilding = function(build) {
+        if (!build) { return true; }
+        return build.phase != 'complete' && build.phase != 'error';
+      };
+    }
+  };
+  return directiveDefinitionObject;
+});

static/js/directives/ui/filter-control.js

@@ -0,0 +1,22 @@
+/**
+ * An element which displays a link to change a lookup filter, and shows whether it is selected.
+ */
+angular.module('quay').directive('filterControl', function () {
+  var directiveDefinitionObject = {
+    priority: 0,
+    templateUrl: '/static/directives/filter-control.html',
+    replace: false,
+    transclude: true,
+    restrict: 'C',
+    scope: {
+      'filter': '=filter',
+      'value': '@value'
+    },
+    controller: function($scope, $element) {
+      $scope.setFilter = function() {
+        $scope.filter = $scope.value;
+      };
+    }
+  };
+  return directiveDefinitionObject;
+});

static/js/services/trigger-service.js

@@ -2,8 +2,8 @@
  * Helper service for defining the various kinds of build triggers and retrieving information
  * about them.
  */
-angular.module('quay').factory('TriggerService', ['UtilService', '$sanitize', 'KeyService',
-    function(UtilService, $sanitize, KeyService) {
+angular.module('quay').factory('TriggerService', ['UtilService', '$sanitize', 'KeyService', 'Features', 'CookieService',
+    function(UtilService, $sanitize, KeyService, Features, CookieService) {
   var triggerService = {};
 
   var triggerTypes = {
@@ -28,15 +28,46 @@ angular.module('quay').factory('TriggerService', ['UtilService', '$sanitize', 'K
         var redirect_uri = KeyService['githubRedirectUri'] + '/trigger/' +
           namespace + '/' + repository;
 
+        // TODO(jschorr): Remove once the new layout is in place.
+        if (CookieService.get('quay.exp-new-layout') == 'true') {
+          redirect_uri += '/__new';
+        }
+
         var authorize_url = KeyService['githubTriggerAuthorizeUrl'];
         var client_id = KeyService['githubTriggerClientId'];
 
         return authorize_url + 'client_id=' + client_id +
           '&scope=repo,user:email&redirect_uri=' + redirect_uri;
+      },
+
+      'is_enabled': function() {
+        return Features.GITHUB_BUILD;
+      },
+
+      'icon': 'fa-github',
+
+      'title': function() {
+        var isEnterprise = KeyService.isEnterprise('github-trigger');
+        if (isEnterprise) {
+          return 'GitHub Enterprise Repository Push';
+        }
+
+        return 'GitHub Repository Push';
       }
     }
   }
 
+  triggerService.getTypes = function() {
+    var types = [];
+    for (var key in triggerTypes) {
+      if (!triggerTypes.hasOwnProperty(key)) {
+        continue;
+      }
+      types.push(key);
+    }
+    return types;
+  };
+
   triggerService.getRedirectUrl = function(name, namespace, repository) {
     var type = triggerTypes[name];
     if (!type) {
@@ -45,6 +76,14 @@ angular.module('quay').factory('TriggerService', ['UtilService', '$sanitize', 'K
     return type['get_redirect_url'](namespace, repository);
   };
 
+  triggerService.getTitle = function(name) {
+    var type = triggerTypes[name];
+    if (!type) {
+      return 'Unknown';
+    }
+    return type['title']();
+  };
+
   triggerService.getDescription = function(name, config) {
     var type = triggerTypes[name];
     if (!type) {
@@ -53,6 +92,10 @@ angular.module('quay').factory('TriggerService', ['UtilService', '$sanitize', 'K
     return type['description'](config);
   };
 
+  triggerService.getMetadata = function(name) {
+    return triggerTypes[name];
+  };
+
   triggerService.getRunParameters = function(name, config) {
     var type = triggerTypes[name];
     if (!type) {