@rancher/shell 0.3.13 → 0.3.15

package/pages/c/_cluster/apps/charts/install.vue

@@ -454,7 +454,7 @@ export default {
       const cluster = this.currentCluster;
       const projects = this.$store.getters['management/all'](MANAGEMENT.PROJECT);
 
-      const out = projects.filter(x => x.spec.clusterName === cluster?.id).map((project) => {
+      const out = projects.filter((x) => x.spec.clusterName === cluster?.id).map((project) => {
         return {
           id:    project.id,
           label: project.nameDisplay,
@@ -598,19 +598,19 @@ export default {
     diffMode: mapPref(DIFF),
 
     step1Description() {
-      const descriptionKey = this.steps.find(s => s.name === 'basics').descriptionKey;
+      const descriptionKey = this.steps.find((s) => s.name === 'basics').descriptionKey;
 
       return this.$store.getters['i18n/withFallback'](descriptionKey, { action: this.action, existing: !!this.existing }, '');
     },
 
     step2Description() {
-      const descriptionKey = this.steps.find(s => s.name === 'helmValues').descriptionKey;
+      const descriptionKey = this.steps.find((s) => s.name === 'helmValues').descriptionKey;
 
       return this.$store.getters['i18n/withFallback'](descriptionKey, { action: this.action, existing: !!this.existing }, '');
     },
 
     step3Description() {
-      const descriptionKey = this.steps.find(s => s.name === 'helmCli').descriptionKey;
+      const descriptionKey = this.steps.find((s) => s.name === 'helmCli').descriptionKey;
 
       return this.$store.getters['i18n/withFallback'](descriptionKey, { action: this.action, existing: !!this.existing }, '');
     },
@@ -794,7 +794,7 @@ export default {
   },
 
   beforeDestroy() {
-    this.shownReadmeWindows.forEach(name => this.$store.dispatch('wm/close', name, { root: true }));
+    this.shownReadmeWindows.forEach((name) => this.$store.dispatch('wm/close', name, { root: true }));
   },
 
   methods: {
@@ -809,7 +809,7 @@ export default {
         }) : {};
 
         if (provCluster.isRke2) { // isRke2 returns true for both RKE2 and K3s clusters.
-          const agentConfig = provCluster.spec?.rkeConfig?.machineSelectorConfig?.find(x => !x.machineLabelSelector).config;
+          const agentConfig = provCluster.spec?.rkeConfig?.machineSelectorConfig?.find((x) => !x.machineLabelSelector).config;
 
           // If a cluster scoped registry exists,
           // it should be used by default.
@@ -885,7 +885,7 @@ export default {
       if ( component ) {
         const steps = await this.$store.getters['catalog/chartSteps'](component);
 
-        this.customSteps = await Promise.all( steps.map(cs => this.loadChartStep(cs)));
+        this.customSteps = await Promise.all( steps.map((cs) => this.loadChartStep(cs)));
       }
     },
 
@@ -1005,7 +1005,7 @@ export default {
 
       const cluster = this.currentCluster;
       const projects = this.$store.getters['management/all'](MANAGEMENT.PROJECT);
-      const systemProjectId = projects.find(p => p.spec?.displayName === 'System')?.id?.split('/')?.[1] || '';
+      const systemProjectId = projects.find((p) => p.spec?.displayName === 'System')?.id?.split('/')?.[1] || '';
 
       const serverUrl = this.serverUrlSetting?.value || '';
       const isWindows = (cluster?.workerOSs || []).includes(WINDOWS);
@@ -1176,7 +1176,7 @@ export default {
 
       const more = [];
 
-      const auto = (this.version?.annotations?.[CATALOG_ANNOTATIONS.AUTO_INSTALL_GVK] || '').split(/\s*,\s*/).filter(x => !!x).reverse();
+      const auto = (this.version?.annotations?.[CATALOG_ANNOTATIONS.AUTO_INSTALL_GVK] || '').split(/\s*,\s*/).filter((x) => !!x).reverse();
 
       for ( const gvr of auto ) {
         const provider = this.$store.getters['catalog/versionProviding']({
@@ -1267,7 +1267,7 @@ export default {
     },
 
     updateStep(stepName, update) {
-      const step = this.steps.find(step => step.name === stepName);
+      const step = this.steps.find((step) => step.name === stepName);
 
       if (step) {
         for (const prop in update) {
@@ -1283,7 +1283,7 @@ export default {
   <Loading v-if="$fetchState.pending" />
   <div
     v-else-if="!legacyApp && !mcapp"
-    class="install-steps"
+    class="install-steps pt-20"
     :class="{ 'isPlainLayout': isPlainLayout}"
   >
     <TypeDescription resource="chart" />
@@ -1296,6 +1296,7 @@ export default {
       :banner-title-subtext="stepperSubtext"
       :finish-mode="action"
       class="wizard"
+      :class="{'windowsIncompatible': windowsIncompatible}"
       @cancel="cancel"
       @finish="finish"
     >
@@ -1840,7 +1841,6 @@ export default {
       border: $padding solid white;
       border-radius: calc( 3 * var(--border-radius));
       position: relative;
-      margin-bottom: 15px
     }
 
     .logo {
@@ -1855,6 +1855,22 @@ export default {
       left: 0;
       margin: auto;
     }
+
+    // Hack - We're adding an absolute tag under the logo that we want to consume space without breaking vertical alignment of row.
+    // W  ith the slots available this isn't possible without adding tag specific styles to the root wizard classes
+    &.windowsIncompatible {
+      ::v-deep .header {
+        padding-bottom: 15px;
+      }
+    }
+
+    .os-label {
+      position: absolute;
+      background-color: var(--warning-banner-bg);
+      color:var(--warning);
+      margin-top: 5px;
+    }
+
   }
 
   .step {
@@ -2053,12 +2069,4 @@ export default {
   }
 }
 
-.os-label {
-  position: relative;
-  background-color: var(--warning-banner-bg);
-  color:var(--warning);
-  margin-top: 5px;
-  top: 21px;
-}
-
 </style>

package/pages/c/_cluster/auth/roles/index.vue

@@ -49,13 +49,13 @@ export default {
     const roleTemplatesSchema = this.$store.getters[`management/schemaFor`](MANAGEMENT.ROLE_TEMPLATE);
 
     const roleTemplateHeaders = this.$store.getters['type-map/headersFor'](roleTemplatesSchema);
-    const defaultHeaderIndex = roleTemplateHeaders.findIndex(header => header.name === 'default');
+    const defaultHeaderIndex = roleTemplateHeaders.findIndex((header) => header.name === 'default');
 
     return {
       tabs: {
         [GLOBAL]: {
-          canFetch:       globalRoleSchema?.collectionMethods.find(verb => verb === 'GET'),
-          canCreate:      globalRoleSchema?.resourceMethods.find(verb => CREATE_VERBS.has(verb)),
+          canFetch:       globalRoleSchema?.collectionMethods.find((verb) => verb === 'GET'),
+          canCreate:      globalRoleSchema?.resourceMethods.find((verb) => CREATE_VERBS.has(verb)),
           weight:         3,
           labelKey:       SUBTYPE_MAPPING.GLOBAL.labelKey,
           schema:         globalRoleSchema,
@@ -65,8 +65,8 @@ export default {
           },
         },
         [CLUSTER]: {
-          canFetch:       roleTemplatesSchema?.collectionMethods.find(verb => verb === 'GET'),
-          canCreate:      roleTemplatesSchema?.resourceMethods.find(verb => CREATE_VERBS.has(verb)),
+          canFetch:       roleTemplatesSchema?.collectionMethods.find((verb) => verb === 'GET'),
+          canCreate:      roleTemplatesSchema?.resourceMethods.find((verb) => CREATE_VERBS.has(verb)),
           labelKey:       SUBTYPE_MAPPING.CLUSTER.labelKey,
           weight:         2,
           schema:         roleTemplatesSchema,
@@ -77,8 +77,8 @@ export default {
           },
         },
         [PROJECT]: {
-          canFetch:       roleTemplatesSchema?.collectionMethods.find(verb => verb === 'GET'),
-          canCreate:      roleTemplatesSchema?.resourceMethods.find(verb => CREATE_VERBS.has(verb)),
+          canFetch:       roleTemplatesSchema?.collectionMethods.find((verb) => verb === 'GET'),
+          canCreate:      roleTemplatesSchema?.resourceMethods.find((verb) => CREATE_VERBS.has(verb)),
           labelKey:       SUBTYPE_MAPPING.NAMESPACE.labelKey,
           weight:         1,
           schema:         roleTemplatesSchema,
@@ -105,11 +105,11 @@ export default {
     },
 
     clusterResources() {
-      return this.roleTemplates.filter(r => r.context === SUBTYPE_MAPPING.CLUSTER.context);
+      return this.roleTemplates.filter((r) => r.context === SUBTYPE_MAPPING.CLUSTER.context);
     },
 
     namespaceResources() {
-      return this.roleTemplates.filter(r => r.context === SUBTYPE_MAPPING.NAMESPACE.context);
+      return this.roleTemplates.filter((r) => r.context === SUBTYPE_MAPPING.NAMESPACE.context);
     },
 
     type() {

package/pages/c/_cluster/explorer/index.vue

@@ -1,16 +1,8 @@
 <script>
 import DashboardMetrics from '@shell/components/DashboardMetrics';
 import { mapGetters } from 'vuex';
-import { setPromiseResult } from '@shell/utils/promise';
-import AlertTable from '@shell/components/AlertTable';
-import { Banner } from '@components/Banner';
-import { parseSi, createMemoryValues } from '@shell/utils/units';
-import {
-  NAME,
-  ROLES,
-  STATE,
-} from '@shell/config/table-headers';
 import {
+  CAPI,
   ENDPOINTS,
   EVENT,
   NAMESPACE,
@@ -25,6 +17,16 @@ import {
   CATALOG,
   PSP,
 } from '@shell/config/types';
+import { setPromiseResult } from '@shell/utils/promise';
+import AlertTable from '@shell/components/AlertTable';
+import { Banner } from '@components/Banner';
+import { parseSi, createMemoryValues } from '@shell/utils/units';
+import {
+  NAME,
+  ROLES,
+  STATE,
+} from '@shell/config/table-headers';
+
 import { mapPref, CLUSTER_TOOLS_TIP, PSP_DEPRECATION_BANNER } from '@shell/store/prefs';
 import { haveV1Monitoring, monitoringStatus } from '@shell/utils/monitoring';
 import Tabbed from '@shell/components/Tabbed';
@@ -198,6 +200,10 @@ export default {
       return this.t(`cluster.provider.${ provider }`);
     },
 
+    isHarvesterCluster() {
+      return this.currentCluster?.isHarvester;
+    },
+
     isRKE() {
       return ['rke', 'rke.windows', 'rke2', 'rke2.windows'].includes((this.currentCluster.status.provider || '').toLowerCase());
     },
@@ -211,7 +217,7 @@ export default {
       // Merge with RESOURCES list
       const allowedResources = [...new Set([...defaultAllowedResources, ...RESOURCES])];
 
-      return allowedResources.filter(resource => this.$store.getters['cluster/schemaFor'](resource));
+      return allowedResources.filter((resource) => this.$store.getters['cluster/schemaFor'](resource));
     },
 
     componentServices() {
@@ -291,9 +297,9 @@ export default {
         });
       }
 
-      const someNonWorkerRoles = checkNodes.some(node => node.hasARole && !node.isWorker);
+      const someNonWorkerRoles = checkNodes.some((node) => node.hasARole && !node.isWorker);
       const metrics = this.nodeMetrics.filter((nodeMetrics) => {
-        const node = this.nodes.find(nd => nd.id === nodeMetrics.id);
+        const node = this.nodes.find((nd) => nd.id === nodeMetrics.id);
 
         return node && (!someNonWorkerRoles || node.isWorker);
       });
@@ -366,7 +372,7 @@ export default {
   methods: {
     // Ported from Ember
     isComponentStatusHealthy(field) {
-      const matching = (this.currentCluster?.status?.componentStatuses || []).filter(s => s.name.startsWith(field));
+      const matching = (this.currentCluster?.status?.componentStatuses || []).filter((s) => s.name.startsWith(field));
 
       // If there's no matching component status, it's "healthy"
       if ( !matching.length ) {
@@ -374,7 +380,7 @@ export default {
       }
 
       const count = matching.reduce((acc, status) => {
-        const conditions = status.conditions.find(c => c.status !== 'True');
+        const conditions = status.conditions.find((c) => c.status !== 'True');
 
         return !conditions ? acc : acc + 1;
       }, 0);
@@ -397,6 +403,16 @@ export default {
     // Events/Alerts tab changed
     tabChange(neu) {
       this.selectedTab = neu?.selectedName;
+    },
+
+    async goToHarvesterCluster() {
+      try {
+        const provClusters = await this.$store.dispatch('management/findAll', { type: CAPI.RANCHER_CLUSTER });
+        const provCluster = provClusters.find((p) => p.mgmt.id === this.currentCluster.id);
+
+        await provCluster.goToHarvesterCluster();
+      } catch {
+      }
     }
   },
 };
@@ -438,8 +454,17 @@ export default {
     >
       <div>
         <label>{{ t('glance.provider') }}: </label>
-        <span>
-          {{ displayProvider }}</span>
+        <span v-if="isHarvesterCluster">
+          <a
+            role="button"
+            @click="goToHarvesterCluster"
+          >
+            {{ displayProvider }}
+          </a>
+        </span>
+        <span v-else>
+          {{ displayProvider }}
+        </span>
       </div>
       <div>
         <label>{{ t('glance.version') }}: </label>

package/pages/c/_cluster/explorer/tools/index.vue

@@ -47,7 +47,7 @@ export default {
       }
 
       // Need the project ID of the system project in order to get the apps
-      const systemProject = projects.find(p => p.spec?.displayName === 'System');
+      const systemProject = projects.find((p) => p.spec?.displayName === 'System');
 
       if (systemProject) {
         const id = systemProject.id.replace('/', ':');
@@ -86,7 +86,7 @@ export default {
     },
 
     rancherCatalog() {
-      return this.$store.getters['catalog/repos'].find(x => x.isRancher);
+      return this.$store.getters['catalog/repos'].find((x) => x.isRancher);
     },
 
     installedApps() {
@@ -121,7 +121,7 @@ export default {
         showTypes:      [CATALOG_ANNOTATIONS._CLUSTER_TOOL],
       });
 
-      charts = charts.filter(c => c.sideLabel !== 'Experimental');
+      charts = charts.filter((c) => c.sideLabel !== 'Experimental');
 
       //  If legacy support is enabled, show V1 charts for some V1 Cluster tools
       if (this.legacyEnabled) {
@@ -227,18 +227,18 @@ export default {
       const c = this.v1SystemCatalog?.[id];
 
       if (c?.spec?.versions) {
-        c.spec.versions.forEach(v => versions.push({ version: v.version }));
+        c.spec.versions.forEach((v) => versions.push({ version: v.version }));
       }
 
       return versions;
     },
 
     checkLegacyApp(chartsWithApps, v1Apps, v1ChartName, v2ChartName, v1AppName, showOnlyIfInstalled) {
-      const v1 = chartsWithApps.find(a => a.chart.chartName === v1ChartName);
-      const v2 = chartsWithApps.find(a => a.chart.chartName === v2ChartName);
+      const v1 = chartsWithApps.find((a) => a.chart.chartName === v1ChartName);
+      const v2 = chartsWithApps.find((a) => a.chart.chartName === v2ChartName);
 
       if (v1) {
-        const v1App = v1Apps.find(a => a.id.indexOf(v1AppName) > 0);
+        const v1App = v1Apps.find((a) => a.id.indexOf(v1AppName) > 0);
 
         v1.app = v1App;
 
@@ -255,7 +255,7 @@ export default {
           }
         } else if (showOnlyIfInstalled) {
           // Remove the v1 chart if it is not already installed for charts which we no longer support
-          chartsWithApps = chartsWithApps.filter(c => c !== v1);
+          chartsWithApps = chartsWithApps.filter((c) => c !== v1);
         }
 
         if (v2) {

package/pages/c/_cluster/fleet/GitRepoGraphConfig.js

@@ -61,7 +61,7 @@ export const gitRepoGraphConfig = {
         children:       []
       };
 
-      const bds = data.bundleDeployments.filter(bd => bundle.id === `${ bd.metadata?.labels?.['fleet.cattle.io/bundle-namespace'] }/${ bd.metadata?.labels?.['fleet.cattle.io/bundle-name'] }`);
+      const bds = data.bundleDeployments.filter((bd) => bundle.id === `${ bd.metadata?.labels?.['fleet.cattle.io/bundle-namespace'] }/${ bd.metadata?.labels?.['fleet.cattle.io/bundle-name'] }`);
 
       bds.forEach((bd) => {
         const bdLowercaseState = bd.state ? bd.state.toLowerCase() : 'unknown';

package/pages/c/_cluster/fleet/index.vue

@@ -46,7 +46,7 @@ export default {
     this.fleetWorkspacesData = hash.fleetWorkspaces || [];
 
     try {
-      const permissions = await checkPermissions({ workspaces: { type: FLEET.WORKSPACE }, gitRepos: { type: FLEET.GIT_REPO, schemaValidator: schema => schema.resourceMethods.includes('PUT') } }, this.$store.getters);
+      const permissions = await checkPermissions({ workspaces: { type: FLEET.WORKSPACE }, gitRepos: { type: FLEET.GIT_REPO, schemaValidator: (schema) => schema.resourceMethods.includes('PUT') } }, this.$store.getters);
 
       this.permissions = permissions;
     } catch (e) {
@@ -128,13 +128,13 @@ export default {
       });
     },
     workspacesData() {
-      return this.fleetWorkspaces.filter(ws => ws.repos && ws.repos.length);
+      return this.fleetWorkspaces.filter((ws) => ws.repos && ws.repos.length);
     },
     emptyWorkspaces() {
-      return this.fleetWorkspaces.filter(ws => !ws.repos || !ws.repos.length);
+      return this.fleetWorkspaces.filter((ws) => !ws.repos || !ws.repos.length);
     },
     areAllCardsExpanded() {
-      return Object.keys(this.isCollapsed).every(key => !this.isCollapsed[key]);
+      return Object.keys(this.isCollapsed).every((key) => !this.isCollapsed[key]);
     }
   },
   methods: {
@@ -166,19 +166,19 @@ export default {
           icon:       STATES[STATES_ENUM.NOT_READY].compoundIcon
         };
       case 'bundles':
-        if (row.bundles?.length && row.bundles?.every(bundle => bundle.state?.toLowerCase() === STATES_ENUM.ACTIVE)) {
+        if (row.bundles?.length && row.bundles?.every((bundle) => bundle.state?.toLowerCase() === STATES_ENUM.ACTIVE)) {
           return {
             badgeClass: STATES[STATES_ENUM.ACTIVE].color ? STATES[STATES_ENUM.ACTIVE].color : `${ STATES[STATES_ENUM.UNKNOWN].color } bg-unmapped-state`,
             icon:       STATES[STATES_ENUM.ACTIVE].compoundIcon ? STATES[STATES_ENUM.ACTIVE].compoundIcon : `${ STATES[STATES_ENUM.UNKNOWN].compoundIcon } unmapped-icon`
           };
         }
-        if (row.bundles?.length && row.bundles?.some(bundle => bundle.state?.toLowerCase() === STATES_ENUM.ERR_APPLIED)) {
+        if (row.bundles?.length && row.bundles?.some((bundle) => bundle.state?.toLowerCase() === STATES_ENUM.ERR_APPLIED)) {
           return {
             badgeClass: STATES[STATES_ENUM.ERR_APPLIED].color ? STATES[STATES_ENUM.ERR_APPLIED].color : `${ STATES[STATES_ENUM.UNKNOWN].color } bg-unmapped-state`,
             icon:       STATES[STATES_ENUM.ERR_APPLIED].compoundIcon ? STATES[STATES_ENUM.ERR_APPLIED].compoundIcon : `${ STATES[STATES_ENUM.UNKNOWN].compoundIcon } unmapped-icon`
           };
         }
-        if (row.bundles?.length && row.bundles?.some(bundle => bundle.state?.toLowerCase() === STATES_ENUM.NOT_READY)) {
+        if (row.bundles?.length && row.bundles?.some((bundle) => bundle.state?.toLowerCase() === STATES_ENUM.NOT_READY)) {
           return {
             badgeClass: STATES[STATES_ENUM.NOT_READY].color ? STATES[STATES_ENUM.NOT_READY].color : `${ STATES[STATES_ENUM.UNKNOWN].color } bg-unmapped-state`,
             icon:       STATES[STATES_ENUM.NOT_READY].compoundIcon ? STATES[STATES_ENUM.NOT_READY].compoundIcon : `${ STATES[STATES_ENUM.UNKNOWN].compoundIcon } unmapped-icon`
@@ -197,19 +197,19 @@ export default {
           icon:       STATES[STATES_ENUM.NOT_READY].compoundIcon
         };
       case 'resources':
-        if (row.status?.resources?.length && row.status?.resources?.every(resource => resource.state?.toLowerCase() === STATES_ENUM.ACTIVE)) {
+        if (row.status?.resources?.length && row.status?.resources?.every((resource) => resource.state?.toLowerCase() === STATES_ENUM.ACTIVE)) {
           return {
             badgeClass: STATES[STATES_ENUM.ACTIVE].color ? STATES[STATES_ENUM.ACTIVE].color : `${ STATES[STATES_ENUM.UNKNOWN].color } bg-unmapped-state`,
             icon:       STATES[STATES_ENUM.ACTIVE].compoundIcon ? STATES[STATES_ENUM.ACTIVE].compoundIcon : `${ STATES[STATES_ENUM.UNKNOWN].compoundIcon } unmapped-icon`
           };
         }
-        if (row.status?.resources?.length && row.status?.resources?.some(resource => resource.state?.toLowerCase() === STATES_ENUM.ERR_APPLIED)) {
+        if (row.status?.resources?.length && row.status?.resources?.some((resource) => resource.state?.toLowerCase() === STATES_ENUM.ERR_APPLIED)) {
           return {
             badgeClass: STATES[STATES_ENUM.ERR_APPLIED].color ? STATES[STATES_ENUM.ERR_APPLIED].color : `${ STATES[STATES_ENUM.UNKNOWN].color } bg-unmapped-state`,
             icon:       STATES[STATES_ENUM.ERR_APPLIED].compoundIcon ? STATES[STATES_ENUM.ERR_APPLIED].compoundIcon : `${ STATES[STATES_ENUM.UNKNOWN].compoundIcon } unmapped-icon`
           };
         }
-        if (row.status?.resources?.length && row.status?.resources?.some(resource => resource.state?.toLowerCase() === STATES_ENUM.NOT_READY)) {
+        if (row.status?.resources?.length && row.status?.resources?.some((resource) => resource.state?.toLowerCase() === STATES_ENUM.NOT_READY)) {
           return {
             badgeClass: STATES[STATES_ENUM.NOT_READY].color ? STATES[STATES_ENUM.NOT_READY].color : `${ STATES[STATES_ENUM.UNKNOWN].color } bg-unmapped-state`,
             icon:       STATES[STATES_ENUM.NOT_READY].compoundIcon ? STATES[STATES_ENUM.NOT_READY].compoundIcon : `${ STATES[STATES_ENUM.UNKNOWN].compoundIcon } unmapped-icon`
@@ -290,7 +290,7 @@ export default {
 
   watch: {
     fleetWorkspaces(value) {
-      value?.filter(ws => ws.repos?.length).forEach((ws) => {
+      value?.filter((ws) => ws.repos?.length).forEach((ws) => {
         this.$set(this.isCollapsed, ws.id, false);
       });
     }

package/pages/c/_cluster/monitoring/index.vue

@@ -106,7 +106,7 @@ export default {
         const amMatch = findBy(externalLinks, 'group', 'alertmanager');
         const grafanaMatch = findBy(externalLinks, 'group', 'grafana');
         const promeMatch = externalLinks.filter(
-          el => el.group === 'prometheus'
+          (el) => el.group === 'prometheus'
         );
 
         grafanaMatch.link = `${ getClusterPrefix(hash.app?.currentVersion || '', currentCluster.id) }/api/v1/namespaces/cattle-monitoring-system/services/http:rancher-monitoring-grafana:80/proxy/`;

package/pages/c/_cluster/settings/links.vue

@@ -22,7 +22,7 @@ export default {
     DefaultLinksEditor,
   },
   async fetch() {
-    this.value = await fetchLinks(this.$store, this.hasSupport, false, str => this.t(str));
+    this.value = await fetchLinks(this.$store, this.hasSupport, false, (str) => this.t(str));
   },
 
   data() {
@@ -47,7 +47,7 @@ export default {
     allValues() {
       return {
         version:  CUSTOM_LINKS_VERSION,
-        defaults: this.value.defaults.filter(obj => obj.enabled).map(obj => obj.key),
+        defaults: this.value.defaults.filter((obj) => obj.enabled).map((obj) => obj.key),
         custom:   this.value.custom
       };
     },
@@ -75,7 +75,7 @@ export default {
 
         await uiCustomLinks.save();
 
-        this.value = await fetchLinks(this.$store, this.hasSupport, false, str => this.t(str));
+        this.value = await fetchLinks(this.$store, this.hasSupport, false, (str) => this.t(str));
         btnCB(true);
       } catch (err) {
         this.errors.push(err);

package/pages/c/_cluster/settings/performance.vue

@@ -125,7 +125,7 @@ export default {
       }
 
       // We're enabling a preference. Are there any incomaptible preferences?
-      if ((incompatible[property] || []).every(p => !this.value[p].enabled)) {
+      if ((incompatible[property] || []).every((p) => !this.value[p].enabled)) {
         // No, just set and exit
         this.value[property].enabled = true;
 

package/pages/c/_cluster/uiplugins/CatalogList/CatalogLoadDialog.vue

@@ -133,11 +133,11 @@ export default {
     ...mapGetters({ allRepos: 'catalog/repos' }),
 
     namespacedDeployments() {
-      return this.$store.getters['management/all'](WORKLOAD_TYPES.DEPLOYMENT).filter(dep => dep.metadata.namespace === UI_PLUGIN_NAMESPACE);
+      return this.$store.getters['management/all'](WORKLOAD_TYPES.DEPLOYMENT).filter((dep) => dep.metadata.namespace === UI_PLUGIN_NAMESPACE);
     },
 
     namespacedServices() {
-      return this.$store.getters['management/all'](SERVICE).filter(svc => svc.metadata.namespace === UI_PLUGIN_NAMESPACE);
+      return this.$store.getters['management/all'](SERVICE).filter((svc) => svc.metadata.namespace === UI_PLUGIN_NAMESPACE);
     }
   },
 
@@ -151,7 +151,7 @@ export default {
               {
                 var:         'imagePullNamespacedSecrets',
                 parsingFunc: (data) => {
-                  return data.filter(secret => (secret._type === SECRET_TYPES.DOCKER || secret._type === SECRET_TYPES.DOCKER_JSON));
+                  return data.filter((secret) => (secret._type === SECRET_TYPES.DOCKER || secret._type === SECRET_TYPES.DOCKER_JSON));
                 }
               }
             ]
@@ -211,7 +211,7 @@ export default {
     },
 
     async loadDeployment(image, name, btnCb) {
-      const exists = this.namespacedDeployments.find(dep => dep.spec.template.spec.containers[0].image === image);
+      const exists = this.namespacedDeployments.find((dep) => dep.spec.template.spec.containers[0].image === image);
 
       if (!exists) {
         // Sets deploymentValues with name, labels, and imagePullSecrets
@@ -238,7 +238,7 @@ export default {
 
     async loadService(name, btnCb) {
       const serviceName = `${ name }-svc`;
-      const exists = this.namespacedServices.find(svc => svc.metadata.name === serviceName);
+      const exists = this.namespacedServices.find((svc) => svc.metadata.name === serviceName);
 
       if (exists) {
         const error = {
@@ -285,7 +285,7 @@ export default {
 
     async loadRepo(name, btnCb) {
       const chartName = `${ name }-charts`;
-      const exists = this.allRepos.find(repo => repo.metadata.name === chartName);
+      const exists = this.allRepos.find((repo) => repo.metadata.name === chartName);
 
       if (exists) {
         const error = {

package/pages/c/_cluster/uiplugins/CatalogList/index.vue

@@ -47,11 +47,11 @@ export default {
     ...mapGetters({ allRepos: 'catalog/repos' }),
 
     namespacedDeployments() {
-      return this.$store.getters['management/all'](WORKLOAD_TYPES.DEPLOYMENT).filter(dep => dep.metadata.namespace === UI_PLUGIN_NAMESPACE);
+      return this.$store.getters['management/all'](WORKLOAD_TYPES.DEPLOYMENT).filter((dep) => dep.metadata.namespace === UI_PLUGIN_NAMESPACE);
     },
 
     namespacedServices() {
-      return this.$store.getters['management/all'](SERVICE).filter(svc => svc.metadata.namespace === UI_PLUGIN_NAMESPACE);
+      return this.$store.getters['management/all'](SERVICE).filter((svc) => svc.metadata.namespace === UI_PLUGIN_NAMESPACE);
     },
 
     catalogRows() {
@@ -79,7 +79,7 @@ export default {
             const keys = ['deployment', 'service', 'repo'];
 
             resources.forEach((resource, i) => {
-              out[keys[i]] = resource?.filter(item => item.metadata?.labels?.[UI_PLUGIN_LABELS.CATALOG_IMAGE] === pluginName)[0];
+              out[keys[i]] = resource?.filter((item) => item.metadata?.labels?.[UI_PLUGIN_LABELS.CATALOG_IMAGE] === pluginName)[0];
             });
 
             if (!isEmpty(out?.deployment)) {

package/pages/c/_cluster/uiplugins/InstallDialog.vue

@@ -83,7 +83,7 @@ export default {
         }
       } else if (mode === 'rollback') {
         // Find the newest version once we remove the current version
-        const versionNames = plugin.installableVersions.filter(v => v.version !== plugin.displayVersion);
+        const versionNames = plugin.installableVersions.filter((v) => v.version !== plugin.displayVersion);
 
         this.currentVersion = plugin.displayVersion;
 
@@ -93,7 +93,7 @@ export default {
       }
 
       // Make sure we have the version available
-      const versionChart = plugin.installableVersions?.find(v => v.version === this.version);
+      const versionChart = plugin.installableVersions?.find((v) => v.version === this.version);
 
       if (!versionChart) {
         this.version = plugin.installableVersions?.[0]?.version;
@@ -117,7 +117,7 @@ export default {
       this.$emit('update', plugin.name, 'install');
 
       // Find the version that the user wants to install
-      const version = plugin.versions?.find(v => v.version === this.version);
+      const version = plugin.versions?.find((v) => v.version === this.version);
 
       if (!version) {
         this.busy = false;

package/pages/c/_cluster/uiplugins/PluginInfoPanel.vue

@@ -65,7 +65,7 @@ export default {
     async loadPluginVersionInfo(version) {
       const versionName = version || this.info.displayVersion;
 
-      const isVersionNotCompatibleWithUi = this.info.versions?.find(v => v.version === versionName && !v.isCompatibleWithUi);
+      const isVersionNotCompatibleWithUi = this.info.versions?.find((v) => v.version === versionName && !v.isCompatibleWithUi);
 
       if (!this.info.chart || isVersionNotCompatibleWithUi) {
         return;

package/pages/c/_cluster/uiplugins/RemoveUIPlugins.vue

@@ -20,7 +20,7 @@ export default {
     if (this.$store.getters['management/schemaFor'](CATALOG.CLUSTER_REPO)) {
       const repos = await this.$store.dispatch('management/findAll', { type: CATALOG.CLUSTER_REPO, opt: { force: true } });
 
-      this.defaultRepo = repos.find(r => r.name === UI_PLUGINS_REPO_NAME && r.spec.gitRepo === UI_PLUGINS_REPO_URL);
+      this.defaultRepo = repos.find((r) => r.name === UI_PLUGINS_REPO_NAME && r.spec.gitRepo === UI_PLUGINS_REPO_URL);
     }
 
     if (this.$store.getters['management/schemaFor'](UI_PLUGIN)) {
@@ -70,7 +70,7 @@ export default {
 
       if (!this.removeCRD) {
         // User does not want to uninstall the CRD, so remove the chart
-        uninstall = uninstall.filter(chart => chart !== UI_PLUGIN_OPERATOR_CRD_CHART_NAME);
+        uninstall = uninstall.filter((chart) => chart !== UI_PLUGIN_OPERATOR_CRD_CHART_NAME);
       }
 
       for (let i = 0; i < uninstall.length; i++) {
@@ -93,7 +93,7 @@ export default {
 
       this.$store.dispatch('management/forgetType', UI_PLUGIN);
 
-      await new Promise(resolve => setTimeout(resolve, 5000));
+      await new Promise((resolve) => setTimeout(resolve, 5000));
 
       this.$emit('done');