Get UI for activating github build triggers in place and working. Note that the actual server-side activation is still not done (but the proper method is invoked)

static/js/app.js

@@ -2544,6 +2544,96 @@ quayApp.directive('triggerDescription', function () {
 });
 
 
+quayApp.directive('triggerSetupGithub', function () {
+  var directiveDefinitionObject = {
+    priority: 0,
+    templateUrl: '/static/directives/trigger-setup-github.html',
+    replace: false,
+    transclude: false,
+    restrict: 'C',
+    scope: {
+      'repository': '=repository',
+      'trigger': '=trigger'
+    },
+    controller: function($scope, $element, ApiService) {
+      $scope.setupReady = false;
+      $scope.loading = true;
+      
+      var input = $($element).find('.lookahead-input');
+
+      $scope.clearSelectedRepo = function() {
+        $scope.currentRepo = null;
+        $scope.trigger.$ready = false;
+      };
+
+      $scope.selectRepo = function(repo, org) {
+        $(input).val(repo);
+        $scope.selectRepoInternal(repo, org);
+      };
+
+      $scope.selectRepoInternal = function(repo, org) {
+        $scope.currentRepo = {
+          'name': repo,
+          'avatar_url': org['info']['avatar_url']
+        };
+        $scope.trigger['config'] = {
+          'build_source': repo
+        };
+        $scope.trigger.$ready = true;
+      };
+
+      var setupTypeahead = function() {
+        var repos = [];
+        for (var i = 0; i < $scope.orgs.length; ++i) {
+          var org = $scope.orgs[i];
+          var orepos = org['repos'];
+          for (var j = 0; j < orepos.length; ++j) {
+            repos.push({'name': orepos[j], 'org': org, 'value': orepos[j]});
+          }
+        }
+
+        $(input).typeahead({
+          name: 'repos-' + $scope.trigger.id,
+          local: repos,
+          template: function (datum) {
+            template = datum['name'];
+            return template;
+          }
+        });
+      };
+
+      var loadSources = function() {
+        var params = {
+          'repository': $scope.repository.namespace + '/' + $scope.repository.name,
+          'trigger_uuid': $scope.trigger.id
+        };
+
+        ApiService.listTriggerBuildSources(null, params).then(function(resp) {
+          $scope.orgs = resp['sources'];
+          setupTypeahead();
+          $scope.loading = false;
+        });
+      };
+
+      loadSources();
+
+      $(input).on('input', function(e) {
+        $scope.$apply(function() {
+          $scope.clearSelectedRepo();
+        });
+      });
+
+      $(input).on('typeahead:selected', function(e, datum) {
+        $scope.$apply(function() {
+          $scope.selectRepoInternal(datum.repo, datum.org);
+        });
+      });
+    }
+  };
+  return directiveDefinitionObject;
+});
+
+
 quayApp.directive('buildLogCommand', function () {
   var directiveDefinitionObject = {
     priority: 0,
@@ -3115,8 +3205,14 @@ quayApp.run(['$location', '$rootScope', 'Restangular', 'UserService', 'PlanServi
       var tabName = e.target.getAttribute('data-target').substr(1);
       $rootScope.$apply(function() {
         var isDefaultTab = $('a[data-toggle="tab"]')[0] == e.target;
-        var data = isDefaultTab ? {} : {'tab':  tabName};
-        $location.search(data);
+        var newSearch = $.extend($location.search(), {});
+        if (isDefaultTab) {
+          delete newSearch['tab'];
+        } else {
+          newSearch['tab'] = tabName;
+        }
+
+        $location.search(newSearch);
       });
       
       e.preventDefault();