fix(images): Update Image table to match updated product spec

Author: rushk014

pkg/sbombastic-image-vulnerability-scanner/config/table-headers.ts

@@ -170,10 +170,11 @@ export const IMAGE_LIST_TABLE = [
     width: 300,
   },
   {
-    name: "repository",
-    labelKey: "imageScanner.images.listTable.headers.repository",
-    value: "imageMetadata.repository",
-    sort: "imageMetadata.repository",
+    name: "imageId",
+    labelKey: "imageScanner.images.listTable.headers.imageId",
+    formatter: "ImageIdCell",
+    value: "imageMetadata.digest",
+    sort: "imageMetadata.digest",
   },
   {
     name: "registry",
@@ -244,10 +245,18 @@ export const REPO_BASED_IMAGE_LIST_TABLE = [
     sort: "imageMetadata.platform",
     width: 150,
   },
+  {
+    name: "imageId",
+    labelKey: "imageScanner.images.listTable.headers.imageId",
+    formatter: "ImageIdCell",
+    value: "imageMetadata.digest",
+    sort: "imageMetadata.digest",
+    width: 100,
+  },
   {
     name: "",
     value: "",
-    width: 300,
+    width: 200,
   },
 ];
 

pkg/sbombastic-image-vulnerability-scanner/formatters/ImageIdCell.vue

@@ -0,0 +1,16 @@
+<template>
+  <span>
+    {{ value.slice(0, 12) }}...
+  </span>
+</template>
+
+<script>
+export default {
+  props: {
+    value: {
+      type:     String,
+      required: true
+    }
+  }
+};
+</script>

pkg/sbombastic-image-vulnerability-scanner/l10n/en-us.yaml

@@ -142,11 +142,12 @@ imageScanner:
       checkbox:
         groupByRepo: Group by repository
       headers:
-        imageName: Image name
-        identifiedCVEs: Identified CVEs
+        imageName: Image Reference
+        identifiedCVEs: CVEs
         repository: Repository
         registry: Registry
-        platform: OS
+        imageId: Image ID
+        platform: Platform
         vulnerabilities: Vulnerabilities
       filters:
         placeholder:

pkg/sbombastic-image-vulnerability-scanner/pages/c/_cluster/sbombastic-image-vulnerability-scanner/ImageOverview.vue

@@ -451,12 +451,7 @@ export default {
           currRepo.images.push(
             {
               id:            report.id,
-              imageMetadata: {
-                registryURI: report.imageMetadata.registryURI,
-                repository:  report.imageMetadata.repository,
-                tag:         report.imageMetadata.tag,
-                platform:    report.imageMetadata.platform,
-              },
+              imageMetadata: report.imageMetadata,
               metadata:   { name: report.metadata.name },
               scanResult: currImageScanResult,
             }
@@ -472,12 +467,7 @@ export default {
             images:       [
               {
                 id:            report.id,
-                imageMetadata: {
-                  registryURI: report.imageMetadata.registryURI,
-                  repository:  report.imageMetadata.repository,
-                  tag:         report.imageMetadata.tag,
-                  platform:    report.imageMetadata.platform,
-                },
+                imageMetadata: report.imageMetadata,
                 metadata:   { name: report.metadata.name },
                 scanResult: currImageScanResult,
               }