Make loading of the tags tab async

static/directives/repo-view/repo-panel-tags.html

@@ -57,7 +57,9 @@
      </span>
    </div>
 
-   <table class="co-table" id="tagsTable">
+   <div class="cor-loader" ng-show="!isEnabled"></div>
+
+   <table class="co-table" id="tagsTable" ng-if="isEnabled">
      <thead>
       <td class="checkbox-col"></td>
       <td ng-class="tablePredicateClass('name', options.predicate, options.reverse)">

static/js/directives/repo-view/repo-panel-tags.js

@@ -14,6 +14,8 @@ angular.module('quay').directive('repoPanelTags', function () {
       'imagesResource': '=imagesResource',
       'images': '=images',
 
+      'isEnabled': '=isEnabled',
+
       'getImages': '&getImages'
     },
     controller: function($scope, $element, $filter, $location, ApiService, UIService) {

static/js/pages/repo-view.js

@@ -20,6 +20,7 @@
     $scope.imagesRequired = false;
 
     // Tab-enabled counters.
+    $scope.tagsShown = 0;
     $scope.logsShown = 0;
     $scope.buildsShown = 0;
     $scope.settingsShown = 0;
@@ -158,6 +159,12 @@
       $scope.logsShown++;
     };
 
+    $scope.showTags = function() {
+      $timeout(function() {
+        $scope.tagsShown = 1;
+      }, 10);
+    };
+
     $scope.requireImages = function() {
       // Lazily load the repo's images if this is the first call to a tab
       // that needs the images.

static/partials/repo-view.html

@@ -21,7 +21,8 @@
           <i class="fa fa-info-circle"></i>
         </span>
 
-        <span class="cor-tab" tab-title="Tags" tab-target="#tags" id="tagsTab">
+        <span class="cor-tab" tab-title="Tags" tab-target="#tags" id="tagsTab"
+              tab-init="showTags()">
           <i class="fa fa-tags"></i>
         </span>
 
@@ -66,7 +67,8 @@
                images="viewScope.images"
                images-resource="viewScope.imagesResource"
                selected-tags="viewScope.selectedTags"
-               get-images="getImages(callback)"></div>
+               get-images="getImages(callback)"
+               is-enabled="tagsShown"></div>
         </div>
 
         <!-- Builds -->