Modified implementation of column base filters for both client side and server side filtering

Author: xingzhang-suse

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

@@ -27,7 +27,7 @@ export default {
       <InstallHelmCharts
         style="margin-top: 16px;"
         chart-name="sbombastic"
-        repo-url="https://github.com/rancher-sandbox/sbombastic.git"
+        repo-url="https://rancher-sandbox.github.io"
         repo-name="sbombastic"
         target-namespace="sbombastic"
         chart-display-name="sbombastic"

pkg/sbombastic-image-vulnerability-scanner/components/common/ScanButton.vue

@@ -20,10 +20,6 @@ export default {
       type: Array,
       default: () => []
     },
-    reloadFn: {
-      type: Function,
-      default: () => {}
-    }
   },
   methods: {
     async startScan() {
@@ -54,10 +50,6 @@ export default {
                     title: this.t('imageScanner.registries.messages.registryScanFailed'),
                     message: e.message,
                 });
-            } finally {
-                setTimeout(() => {
-                    this.reloadFn(true);
-                }, 2000);
             }
         });
     },

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

@@ -33,10 +33,11 @@ export function init($plugin: any, store: any) {
     route:    {
         name:   `c-cluster-${PRODUCT_NAME}-${PAGE.REGISTRIES}`,
         params: {
-            product: PRODUCT_NAME
+            product: PRODUCT_NAME,
+            resource: RESOURCE.REGISTRY,
         },
         meta: { pkg: PRODUCT_NAME, product: PRODUCT_NAME }
-    }
+    },
   });
 
   virtualType({

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

@@ -27,7 +27,8 @@ export const REGISTRY_SCAN_TABLE = [
   {
     name: "scanInterval",
     labelKey: "imageScanner.registries.registrytable.header.schedule",
-    value: (row: any) => `Every ${row.spec.scanInterval}`,
+    value: "spec.scanInterval",
+    formatter: "ScanInterval",
     sort: "spec.scanInterval",
   },
   {

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

@@ -0,0 +1,29 @@
+<template>
+  <div class="scan-interval-cell">
+    <span v-if="value" class="scan-interval-text">{{ t('imageScanner.general.every') }}&nbsp;{{ value }}</span>
+    <span v-else class="scan-interval-text text-muted">n/a</span>
+  </div>
+</template>
+<script>
+export default {
+  props: {
+    value: {
+      type: String,
+      required: true
+    }
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.scan-interval-cell {
+  display: flex;
+  align-items: center;
+  font-size: 14px;
+  color: var(--text-secondary);
+  
+  .scan-interval-text {
+    margin-left: 8px;
+  }
+}
+</style> 

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

@@ -302,6 +302,7 @@ imageScanner:
     schedule: Every {i}
     reload: Reload
     any: Any
+    every: Every
 
 typeLabel:
   sbombastic.rancher.io.registry: Registries configuration