Vulnerability UI part 2

Fixes #860
Fixes #855

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

@@ -65,7 +65,25 @@
 
     <!-- Pull Controls -->
     <div class="right-controls hidden-sm hidden-xs">
-      Pull Full Repository: <div class="copy-box" hovering-message="true" value="pullCommand"></div>
+      <div class="right-pull-controls">
+        <div>Pull this container with the following Docker command:</div>
+        <div class="copy-box" hovering-message="true" value="pullCommand"></div>
+      </div>
+
+      <div class="right-sec-controls" quay-show="repository.can_admin && Features.SECURITY_SCANNER">
+        <span class="sec-logo">
+          <img class="lock" src="/static/img/lock.svg">
+          <img class="scan" src="/static/img/scan.svg">
+        </span>
+
+        <b>Automated Security Scanning (Preview)</b>
+        <div>Continually scanning this repository for 17K+ known vulnerabilities. <a href="http://blog.quay.io/security-scanning-beta" target="_blank">Read more about this feature</a>.</div>
+        <div class="configure-alerts" ng-if="!hasEvents">
+          <a href="/repository/{{ repository.namespace }}/{{ repository.name }}?tab=settings&add_event=vulnerability_found"><i class="fa fa-bell-o"></i>Configure Vulnerability Alerts</a>
+        </div>
+        <div class="repository-events-summary" is-enabled="repository.can_admin" repository="repository"
+             event-filter="vulnerability_found" has-events="hasEvents"></div>
+      </div>
     </div>
 
     <h4 style="font-size:20px;">Description</h4>

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

@@ -115,15 +115,26 @@
       </td>
       <td quay-require="['SECURITY_SCANNER']" class="security-scan-col">
         <span class="cor-loader-inline" ng-if="getTagVulnerabilities(tag).loading"></span>
+        <span class="vuln-load-error" ng-if="getTagVulnerabilities(tag).hasError">
+          Could not load security information
+        </span>
         <span ng-if="!getTagVulnerabilities(tag).loading">
-          <!-- Scanning -->
-          <span class="scanning" ng-if="!getTagVulnerabilities(tag).security_indexed"
+          <!-- Queued -->
+          <span class="scanning" ng-if="getTagVulnerabilities(tag).status == 'queued'"
                 data-title="The image for this tag is queued to be scanned for vulnerabilities"
                 bs-tooltip>Queued for scan</span>
 
+          <!-- Scan Failed -->
+          <span class="failed-scan" ng-if="getTagVulnerabilities(tag).status == 'failed'"
+                data-title="The image for this tag could not be scanned for vulnerabilities"
+                bs-tooltip>
+            <i class="fa fa-times-circle"></i>
+            Failed to scan
+          </span>
+
           <!-- No Vulns -->
           <span class="no-vulns"
-                ng-if="getTagVulnerabilities(tag).security_indexed && !getTagVulnerabilities(tag).hasVulnerabilities"
+                ng-if="getTagVulnerabilities(tag).status == 'scanned' && !getTagVulnerabilities(tag).hasVulnerabilities"
                 data-title="The image for this tag has no vulnerabilities as found in our database"
                 bs-tooltip
                 bindonce>
@@ -134,7 +145,7 @@
           </span>
 
           <!-- Vulns -->
-          <span ng-if="getTagVulnerabilities(tag).security_indexed && getTagVulnerabilities(tag).hasVulnerabilities"
+          <span ng-if="getTagVulnerabilities(tag).status == 'scanned' && getTagVulnerabilities(tag).hasVulnerabilities"
                 ng-class="getTagVulnerabilities(tag).highestVulnerability.Priority"
                 class="has-vulns" bindonce>
               <a class="vuln-link" bo-href-i="/repository/{{ repository.namespace }}/{{ repository.name }}/image/{{ tag.image_id }}?tab=security"

static/directives/repository-events-summary.html

@@ -0,0 +1,22 @@
+<div class="repository-events-summary-element">
+  <div class="resource-view" resource="notificationsResource"
+       error-message="'Could not load repository events'">
+       <ul class="summary-list">
+         <li ng-repeat="notification in notifications">
+            <i class="fa fa-lg" ng-class="getMethodInfo(notification).icon"></i>
+            {{ getMethodInfo(notification).title }} for
+
+            <ul class="notification-event-fields" ng-if="getEventInfo(notification).fields.length">
+              <li ng-repeat="field in getEventInfo(notification).fields">
+                {{ field.title }} of
+                <span ng-switch on="field.type">
+                  <span ng-switch-when="enum">
+                   {{ findEnumValue(field.values, notification.event_config[field.name]).title }}
+                  </span>
+                </span>
+              </li>
+            </ul>
+         </li>
+       </ul>
+    </div>
+</div>

static/directives/repository-events-table.html

@@ -100,5 +100,6 @@
   <div class="create-external-notification-dialog"
        repository="repository"
        counter="showNewNotificationCounter"
+       default-data="newNotificationData"
        notification-created="handleNotificationCreated(notification)"></div>
 </div>