#460 [Bug][Rancher Manager v2.14] Sbomscanner UI Ext fails to install

pkg/sbomscanner-ui-ext/components/WorkloadVulnerabilities.vue

@@ -326,14 +326,15 @@ export default {
 <template>
   <div class="vul-header">
     <Banner color="info" class="vul-banner">
-      <span>Data provided by</span>
-      <span class="text-underline">SBOMScanner</span>
-      <span>, Want to learn more about this extension? Read our</span>
+      <span>{{ t('imageScanner.general.workloadBanner.text1') }}</span>
+      <a href="/" target="_blank" rel="noopener noreferrer" class="text-underline">{{ t('imageScanner.general.workloadBanner.product') }}</a>
+      <span>, {{ t('imageScanner.general.workloadBanner.text2') }}</span>
       <a
-        href="https://docs.rancher.com/security/sbom-scanner-extension"
+        href="/"
         class="text-underline"
+        rel="noopener noreferrer"
         target="_blank">
-        documentation
+        {{ t('imageScanner.general.workloadBanner.documentation') }}
         <i class="icon icon-external-link icon-underline"></i>
       </a>
     </Banner>

pkg/sbomscanner-ui-ext/components/__tests__/WorkloadVulnerabilities.spec.ts

@@ -6,8 +6,6 @@ const mockUpdateTabCount = jest.fn();
 
 jest.mock('@shell/components/form/ResourceTabs/composable', () => ({ useTabCountUpdater: () => ({ updateTabCount: mockUpdateTabCount }) }));
 
-jest.mock('@sbomscanner-ui-ext/tmp/workloads', () => ({ workloadsVulnerabilityreports: [] }));
-
 jest.mock('@sbomscanner-ui-ext/utils/image', () => ({
   constructImageName: jest.fn((metadata) => {
     if (!metadata) {

pkg/sbomscanner-ui-ext/components/common/AmountBarBySeverityPoppedDetail.vue

@@ -53,7 +53,7 @@
         </div>
 
         <div class="footer">
-          Provided by 
+          {{ t('imageScanner.general.cvesPanel.text1') }}
           <a href="/" target="_blank" rel="noopener noreferrer" class="provider-name">
             {{ footerProvider }}
           </a>

pkg/sbomscanner-ui-ext/components/common/ImageInUsePoppedDetail.vue

@@ -36,6 +36,7 @@
               class="learn-more-link"
               :href="learnMoreLink"
               target="_blank"
+              rel="noopener noreferrer"
           >
             {{ t('imageScanner.general.learnMore') }}
           </a>
@@ -65,7 +66,7 @@ export default {
   data() {
     return {
       showOnTop:     false,
-      learnMoreLink: '',
+      learnMoreLink: '/',
     };
   },
   computed: {

pkg/sbomscanner-ui-ext/l10n/en-us.yaml

@@ -433,6 +433,7 @@ imageScanner:
       complete: Finished at
       failed: Failed at
   general:
+    product: SBOMScanner
     refresh: Refresh data
     ago: ago
     justNow: Just now
@@ -452,7 +453,14 @@ imageScanner:
     apply: Apply
     yes: Yes
     no: No
-
+    workloadBanner:
+      text1: Data provided by
+      text2: Want to learn more about this extension? 
+      text3: Read our
+      product: SBOMScanner
+      documentation: documentation
+    cvesPanel:
+      text1: Provided by
 typeLabel:
   sbomscanner.kubewarden.io.registry: Registries configuration
   sbomscanner.kubewarden.io.vexhub: Vex Management

pkg/sbomscanner-ui-ext/pages/c/_cluster/sbomscanner/index.vue

@@ -9,22 +9,8 @@ export default {
 
   components: { Dashboard, InstallView },
 
-  async fetch() {
-    if ( this.$store.getters['cluster/canList'](SERVICE) ) {
-      this.allServices = await this.$store.dispatch('cluster/findAll', { type: SERVICE }, { root: true });
-    }
-    if ( this.$store.getters['cluster/canList'](SCHEMA) ) {
-      this.allSchemas = await this.$store.dispatch('cluster/findAll', { type: SCHEMA }, { root: true });
-    }
-  },
-
   data() {
-    return {
-      allServices: null,
-      allSchemas:  null,
-      index:       -1,
-      store:       this.$store,
-    };
+    return { store: this.$store };
   },
 
   computed: {
@@ -36,7 +22,7 @@ export default {
 </script>
 
 <template>
-  <div v-if="allSchemas">
+  <div>
     <InstallView
       v-if="!hasSchema"
     />