Code cleanup part #1: move all the services and directive JS code in the app.js file into its own files

static/js/directives/ui/setup-trigger-dialog.js

@@ -0,0 +1,136 @@
+/**
+ * An element which displays a dialog for setting up a build trigger.
+ */
+angular.module('quay').directive('setupTriggerDialog', function () {
+  var directiveDefinitionObject = {
+    templateUrl: '/static/directives/setup-trigger-dialog.html',
+    replace: false,
+    transclude: false,
+    restrict: 'C',
+    scope: {
+      'repository': '=repository',
+      'trigger': '=trigger',
+      'counter': '=counter',
+      'canceled': '&canceled',
+      'activated': '&activated'
+    },
+    controller: function($scope, $element, ApiService, UserService) {
+      var modalSetup = false;
+
+      $scope.state = {};
+      $scope.nextStepCounter = -1;
+      $scope.currentView = 'config';
+
+      $scope.show = function() {
+        if (!$scope.trigger || !$scope.repository) { return; }
+
+        $scope.currentView = 'config';
+        $('#setupTriggerModal').modal({});
+
+        if (!modalSetup) {
+          $('#setupTriggerModal').on('hidden.bs.modal', function () {
+            if (!$scope.trigger || $scope.trigger['is_active']) { return; }
+
+            $scope.nextStepCounter = -1;
+            $scope.$apply(function() {
+              $scope.cancelSetupTrigger();
+            });
+          });
+
+          modalSetup = true;
+          $scope.nextStepCounter = 0;
+        }
+      };
+
+      $scope.isNamespaceAdmin = function(namespace) {
+        return UserService.isNamespaceAdmin(namespace);
+      };
+
+      $scope.cancelSetupTrigger = function() {
+        $scope.canceled({'trigger': $scope.trigger});
+      };
+
+      $scope.hide = function() {
+        $('#setupTriggerModal').modal('hide');
+      };
+
+      $scope.checkAnalyze = function(isValid) {
+        $scope.currentView = 'analyzing';
+        $scope.pullInfo = {
+          'is_public': true
+        };
+
+        if (!isValid) {
+          $scope.currentView = 'analyzed';
+          return;
+        }
+
+        var params = {
+          'repository': $scope.repository.namespace + '/' + $scope.repository.name,
+          'trigger_uuid': $scope.trigger.id
+        };
+
+        var data = {
+          'config': $scope.trigger.config
+        };
+
+        ApiService.analyzeBuildTrigger(data, params).then(function(resp) {
+          $scope.currentView = 'analyzed';
+
+          if (resp['status'] == 'analyzed') {
+            if (resp['robots'] && resp['robots'].length > 0) {
+              $scope.pullInfo['pull_entity'] = resp['robots'][0];
+             } else {
+              $scope.pullInfo['pull_entity'] = null;
+            }
+
+            $scope.pullInfo['is_public'] = false;
+          }
+
+          $scope.pullInfo['analysis'] = resp;
+        }, ApiService.errorDisplay('Cannot load Dockerfile information'));
+      };
+
+      $scope.activate = function() {
+        var params = {
+          'repository': $scope.repository.namespace + '/' + $scope.repository.name,
+          'trigger_uuid': $scope.trigger.id
+        };
+
+        var data = {
+          'config': $scope.trigger['config']
+        };
+
+        if ($scope.pullInfo['pull_entity']) {
+          data['pull_robot'] = $scope.pullInfo['pull_entity']['name'];
+        }
+
+        $scope.currentView = 'activating';
+
+        var errorHandler = ApiService.errorDisplay('Cannot activate build trigger', function(resp) {
+          $scope.hide();
+          $scope.canceled({'trigger': $scope.trigger});
+        });
+
+        ApiService.activateBuildTrigger(data, params).then(function(resp) {
+          $scope.hide();
+          $scope.trigger['is_active'] = true;
+          $scope.trigger['pull_robot'] = resp['pull_robot'];
+          $scope.activated({'trigger': $scope.trigger});
+        }, errorHandler);
+      };
+
+      var check = function() {
+        if ($scope.counter && $scope.trigger && $scope.repository) {
+          $scope.show();
+        }
+      };
+
+      $scope.$watch('trigger', check);
+      $scope.$watch('counter', check);
+      $scope.$watch('repository', check);
+    }
+  };
+  return directiveDefinitionObject;
+});
+