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/application-manager.js

@@ -0,0 +1,56 @@
+/**
+ * Element for managing the applications of an organization.
+ */
+angular.module('quay').directive('applicationManager', function () {
+  var directiveDefinitionObject = {
+    priority: 0,
+    templateUrl: '/static/directives/application-manager.html',
+    replace: false,
+    transclude: false,
+    restrict: 'C',
+    scope: {
+      'organization': '=organization',
+      'makevisible': '=makevisible'
+    },
+    controller: function($scope, $element, ApiService) {
+      $scope.loading = false;
+      $scope.applications = [];
+
+      $scope.createApplication = function(appName) {
+        if (!appName) { return; }
+
+        var params = {
+          'orgname': $scope.organization.name
+        };
+
+        var data = {
+          'name': appName
+        };
+
+        ApiService.createOrganizationApplication(data, params).then(function(resp) {
+          $scope.applications.push(resp);
+        }, ApiService.errorDisplay('Cannot create application'));
+      };
+
+      var update = function() {
+        if (!$scope.organization || !$scope.makevisible) { return; }
+        if ($scope.loading) { return; }
+
+        $scope.loading = true;
+
+        var params = {
+          'orgname': $scope.organization.name
+        };
+
+        ApiService.getOrganizationApplications(null, params).then(function(resp) {
+          $scope.loading = false;
+          $scope.applications = resp['applications'] || [];
+        });
+      };
+
+      $scope.$watch('organization', update);
+      $scope.$watch('makevisible', update);
+    }
+  };
+  return directiveDefinitionObject;
+});