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/role-group.js

@@ -0,0 +1,29 @@
+/**
+ * An element which displays a set of roles, and highlights the current role. This control also
+ * allows the current role to be changed.
+ */
+angular.module('quay').directive('roleGroup', function () {
+  var directiveDefinitionObject = {
+    priority: 0,
+    templateUrl: '/static/directives/role-group.html',
+    replace: false,
+    transclude: false,
+    restrict: 'C',
+    scope: {
+      'roles': '=roles',
+      'currentRole': '=currentRole',
+      'roleChanged': '&roleChanged'
+    },
+    controller: function($scope, $element) {
+      $scope.setRole = function(role) {
+        if ($scope.currentRole == role) { return; }
+        if ($scope.roleChanged) {
+          $scope.roleChanged({'role': role});
+        } else {
+          $scope.currentRole = role;
+        }
+      };
+    }
+  };
+  return directiveDefinitionObject;
+});