#1158 Display OS scan support status in the image scan result UI (Fix bug)

Author: xingzhang-suse

admin/webapp/websrc/app/common/constants/global.constant.ts

@@ -308,4 +308,10 @@ export class GlobalConstant {
     MAX_LENGTH_TOTAL: 100000,
     MAX_LENGTH_PER_PAGE: 10000,
   };
+
+  public static OS_STATUS = {
+    UNKNOWN: 'OSScanStatusUnknown',
+    SUPPORTED: 'OSScanStatusSupported',
+    UNSUPPORTED: 'OSScanStatusUnsupported',
+  };
 }

admin/webapp/websrc/app/routes/registries/registry-details/registry-details-table/registry-details-os-cell/registry-details-os-cell.html

@@ -1,13 +1,8 @@
 <div>
   {{ os }}
   <span
-    *ngIf="os_scan_status !== 1"
-    class="type-label ms-2"
-    [class.customer-rule]="os_scan_status === 2"
-    [class.ground-rule]="os_scan_status === 0">
-    {{
-      (os_scan_status === 2 ? 'registry.OS_UNSUPPORTED' : 'registry.OS_UNKNOWN')
-        | translate
-    }}
+    *ngIf="os_scan_status === OS_STATUS.UNSUPPORTED"
+    class="type-label ms-2 customer-rule">
+    {{ 'registry.OS_UNSUPPORTED' | translate }}
   </span>
 </div>

admin/webapp/websrc/app/routes/registries/registry-details/registry-details-table/registry-details-os-cell/registry-details-os-cell.ts

@@ -3,6 +3,7 @@ import { ChangeDetectionStrategy, Component } from '@angular/core';
 import { ICellRendererAngularComp } from 'ag-grid-angular';
 import { ICellRendererParams } from 'ag-grid-community';
 import { TranslateModule } from '@ngx-translate/core';
+import { GlobalConstant } from 'app/common/constants/global.constant';
 
 @Component({
   standalone: true,
@@ -15,13 +16,23 @@ import { TranslateModule } from '@ngx-translate/core';
 export class RegistryDetailsOsCell implements ICellRendererAngularComp {
   private params!: ICellRendererParams;
   os!: string;
-  os_scan_status!: number;
+  os_scan_status!: string;
+  OS_STATUS = GlobalConstant.OS_STATUS;
 
   agInit(params: ICellRendererParams): void {
     this.params = params;
-    this.os = params && params.node.data ? params.node.data.base_os : '-';
+    this.os =
+      params && params.node.data
+        ? params.node.data.base_os
+          ? params.node.data.base_os
+          : '-'
+        : '';
     this.os_scan_status =
-      params && params.node.data ? params.node.data.os_scan_status : 0;
+      params && params.node.data
+        ? params.node.data.os_scan_status
+          ? params.node.data.os_scan_status
+          : this.OS_STATUS.UNKNOWN
+        : '';
   }
 
   refresh(params: ICellRendererParams): boolean {

admin/webapp/websrc/assets/i18n/en-common.json

@@ -1336,7 +1336,6 @@
     "VIEW_ALL_IMAGES": "View all scanned images",
     "_REPO_SCAN": "View Federated Repositories",
     "FED._REPO_SCAN": "View Federated Repositories",
-    "OS_UNKNOWN": "OS Unknown",
     "OS_UNSUPPORTED": "OS Unsupported",
     "TIP": {
       "EDIT": "Edit Registry",

admin/webapp/websrc/assets/i18n/zh_cn-common.json

@@ -1335,7 +1335,6 @@
     "VIEW_ALL_IMAGES": "浏览全部扫描过的镜像",
     "_REPO_SCAN": "浏览集群镜像库",
     "FED._REPO_SCAN": "浏览集群镜像库",
-    "OS_UNKNOWN": "操作系统未知",
     "OS_UNSUPPORTED": "操作系统不支持",
     "TIP": {
       "EDIT": "编辑镜像库",