- Add an entity-search directive for adding a nice search box for users or teams

- Add support for team-based permissions to the repos

static/js/app.js

@@ -233,6 +233,82 @@ quayApp.directive('repoCircle', function () {
 });
 
 
+quayApp.directive('entitySearch', function () {
+  var number = 0;
+  var directiveDefinitionObject = {
+    priority: 0,
+    templateUrl: '/static/directives/entity-search.html',
+    replace: false,
+    transclude: false,
+    restrict: 'C',
+    scope: {
+      'organization': '=organization',
+      'inputTitle': '=inputTitle',
+      'entitySelected': '=entitySelected'
+    },
+    controller: function($scope, $element) {
+      if (!$scope.entitySelected) { return; }
+
+      number++;
+
+      var input = $element[0].firstChild;
+      $scope.organization = $scope.organization || '';
+      $(input).typeahead({
+        name: 'entities' + number,
+        remote: {
+          url: '/api/entities/%QUERY',
+          replace: function (url, uriEncodedQuery) {
+              url = url.replace('%QUERY', uriEncodedQuery);
+              if ($scope.organization) {
+                url += '?organization=' + encodeURIComponent($scope.organization);
+              }
+              return url;
+          },
+          filter: function(data) {
+            var datums = [];
+            for (var i = 0; i < data.results.length; ++i) {
+              var entity = data.results[i];
+              datums.push({
+                'value': entity.name,
+                'tokens': [entity.name],
+                'entity': entity
+              });
+            }
+            return datums;
+          }
+        },
+        template: function (datum) {
+          template = '<div class="entity-mini-listing">';
+          if (datum.entity.kind == 'user') {
+            template += '<i class="fa fa-user fa-lg"></i>';
+          } else if (datum.entity.kind == 'team') {
+            template += '<i class="fa fa-group fa-lg"></i>';
+          }
+          template += '<span class="name">' + datum.value + '</span>';
+
+          if (datum.entity.outside_org) {
+            template += '<div class="alert-warning warning">This user is outside your organization</div>';
+          }
+
+          template += '</div>';
+          return template;
+        },
+      });
+
+      $(input).on('typeahead:selected', function(e, datum) {
+        $(input).typeahead('setQuery', '');
+        $scope.entitySelected(datum.entity);
+      });
+
+      $scope.$watch('inputTitle', function(title) {
+        input.setAttribute('placeholder', title);
+      });
+    }
+  };
+  return directiveDefinitionObject;
+});
+
+
 quayApp.directive('namespaceSelector', function () {
   var directiveDefinitionObject = {
     priority: 0,