Move tag history to its own top-level tab

static/js/pages/repo-view.js

@@ -22,12 +22,14 @@
     $scope.logsShown = 0;
     $scope.buildsShown = 0;
     $scope.settingsShown = 0;
+    $scope.historyShown = 0;
 
     $scope.viewScope = {
       'selectedTags': [],
       'repository': null,
       'imageLoader': imageLoader,
-      'builds': null
+      'builds': null,
+      'historyFilter': ''
     };
 
     var buildPollChannel = null;
@@ -132,6 +134,10 @@
       $scope.buildsShown++;
     };
 
+    $scope.showHistory = function() {
+      $scope.historyShown++;
+    };
+
     $scope.showSettings = function() {
       $scope.settingsShown++;
     };

static/partials/repo-view.html

@@ -47,6 +47,11 @@
             <i class="fa fa-tags"></i>
           </span>
 
+          <span class="cor-tab" tab-title="Tag History" tab-target="#history" id="tagHistoryTab"
+                tab-init="showHistory()">
+            <i class="fa fa-history"></i>
+          </span>
+
           <span class="cor-tab" tab-title="Builds" tab-target="#builds" id="buildsTab"
                 tab-init="showBuilds()"
                 quay-show="viewScope.repository.can_write && Features.BUILD_SUPPORT">
@@ -84,6 +89,15 @@
                  is-enabled="tagsShown"></div>
           </div>
 
+          <!-- Tag History -->
+          <div id="history" class="tab-pane">
+            <h3 class="tab-header">Tag History</h3>
+            <div class="repo-tag-history"
+                 repository="viewScope.repository"
+                 filter="viewScope.historyFilter"
+                 is-enabled="historyShown"></div>
+          </div>
+
           <!-- Builds -->
           <div id="builds" class="tab-pane">
             <div class="repo-panel-builds"