Feat: Download report and display image detail list on Image details page

Author: NickChungSUSE

pkg/sbombastic-image-vulnerability-scanner/components/ImageDetails.vue

@@ -22,11 +22,13 @@
       severity() {
         if (!this.score) {
           return 'na';
-        } else if (this.score >= 9.5) {
+        }
+        const scoreNum = parseFloat(this.score);
+        if (scoreNum >= 9.5) {
           return 'critical';
-        } else if (this.score >= 8.0) {
+        } else if (scoreNum >= 8.0) {
           return 'high';
-        } else if (this.score >= 6.0) {
+        } else if (scoreNum >= 6.0) {
           return 'medium';
         } else {
           return 'low';

pkg/sbombastic-image-vulnerability-scanner/components/__tests__/ImageDetails.spec.ts

@@ -456,3 +456,35 @@ export const VULNERABILITIES_DETAIL_SUB_IMAGES_TABLE = [
     sort: "packagePath",
   },
 ];
+
+export const LAYER_BASED_TABLE = [
+  {
+    name: "layerId",
+    labelKey: "imageScanner.imageDetails.table.headers.layerId",
+    value: "layerId",
+    sort: "layerId",
+    width: 500, // Increased width to accommodate decoded layer information
+  },
+  {
+    name: "vulnerabilities",
+    labelKey: "imageScanner.imageDetails.table.headers.vulnerabilities",
+    value: "vulnerabilities",
+    formatter: "IdentifiedCVEsCell",
+    sort: "vulnerabilities",
+    width: 300,
+  },
+  {
+    name: "updated",
+    labelKey: "imageScanner.imageDetails.table.headers.updated",
+    value: "updated",
+    sort: "updated",
+    width: 150,
+  },
+  {
+    name: "size",
+    labelKey: "imageScanner.imageDetails.table.headers.size",
+    value: "size",
+    sort: "size",
+    width: 120,
+  }
+]