Switch from an image view UI to a manifest view UI

We no longer allow viewing individual images, but instead only manifests. This will help with the transition to Clair V3 (which is manifest based) and, eventually, the the new data model (which will also be manifest based)

static/partials/manifest-view.html

@@ -0,0 +1,60 @@
+<div class="resource-view manifest-view"
+     resources="[repositoryResource, manifestResource]"
+     error-message="'Manifest not found'">
+  <div class="page-content">
+    <div class="cor-title">
+      <span class="cor-title-link">
+        <a class="back-link" href="/repository/{{ repository.namespace }}/{{ repository.name }}?tab=tags">
+          <i class="fa fa-hdd-o" style="margin-right: 4px"></i>
+          {{ repository.namespace }}/{{ repository.name }}
+        </a>
+      </span>
+      <span class="cor-title-content">
+        <i class="fa fa-file fa-lg" style="margin-right: 10px"></i>
+        {{ manifest.digest.substr(7, 12) }}
+      </span>
+    </div>
+
+    <cor-tab-panel orientation="vertical" cor-nav-tabs>
+      <cor-tabs>
+        <cor-tab tab-title="Layers" tab-id="layers">
+          <i class="fa ci-layers"></i>
+        </cor-tab>
+        <cor-tab tab-title="Security Scan" tab-id="vulnerabilities"
+                 tab-init="loadManifestSecurity()"
+                 quay-show="Features.SECURITY_SCANNER">
+          <i class="fa fa-bug"></i>
+        </cor-tab>
+        <cor-tab tab-title="Packages" tab-id="packages"
+                 tab-init="loadManifestPackages()"
+                 quay-show="Features.SECURITY_SCANNER">
+          <i class="fa ci-package"></i>
+        </cor-tab>
+      </cor-tabs>
+
+      <cor-tab-content>
+        <!-- Layers -->
+        <cor-tab-pane id="layers">
+          <h3>Manifest Layers</h3>
+          <div class="image-view-layer" repository="repository" image="manifest.image" images="manifest.image.history"></div>
+          <div class="image-view-layer" repository="repository" image="parent" images="manifest.image.history"
+               ng-repeat="parent in reversedHistory"></div>
+        </cor-tab-pane>
+
+        <!-- Vulnerabilities -->
+        <cor-tab-pane id="vulnerabilities" quay-show="Features.SECURITY_SCANNER">
+          <div quay-require="['SECURITY_SCANNER']">
+            <div class="manifest-vulnerability-view" repository="repository" manifest="manifest" is-enabled="manifestSecurityCounter"></div>
+          </div>
+        </cor-tab-pane>
+
+        <!-- Features -->
+        <cor-tab-pane id="packages" quay-show="Features.SECURITY_SCANNER">
+          <div quay-require="['SECURITY_SCANNER']">
+            <div class="manifest-feature-view" repository="repository" manifest="manifest" is-enabled="manifestPackageCounter"></div>
+          </div>
+        </cor-tab-pane>
+     </cor-tab-content>
+    </cor-tab-panel>
+  </div>
+</div>