@rancher/shell 0.3.0 → 0.3.2

package/list/fleet.cattle.io.cluster.vue

@@ -25,9 +25,11 @@ export default {
   },
 
   async fetch() {
-    await this.$store.dispatch('management/findAll', { type: FLEET.WORKSPACE });
-    this.allMgmt = await this.$store.dispatch('management/findAll', { type: MANAGEMENT.CLUSTER });
-    await this.$fetchType(FLEET.CLUSTER);
+    this.$initializeFetchData(this.resource);
+
+    this.$fetchType(FLEET.WORKSPACE);
+    await this.$fetchType(this.resource);
+    this.allMgmt = await this.$fetchType(MANAGEMENT.CLUSTER);
   },
 
   data() {
@@ -87,6 +89,7 @@ export default {
       :schema="schema"
       :loading="loading"
       :use-query-params-for-simple-filtering="useQueryParamsForSimpleFiltering"
+      :force-update-live-and-delayed="forceUpdateLiveAndDelayed"
     />
   </div>
 </template>

package/list/fleet.cattle.io.clusterregistrationtoken.vue

@@ -25,8 +25,8 @@ export default {
   },
 
   async fetch() {
-    await this.$fetchType(FLEET.TOKEN);
-    this.allFleet = await this.$store.dispatch('management/findAll', { type: FLEET.CLUSTER });
+    await this.$fetchType(this.resource);
+    this.allFleet = await this.$fetchType(FLEET.CLUSTER);
   },
 
   data() {
@@ -67,10 +67,8 @@ export default {
   },
   // override with relevant info for the loading indicator since this doesn't use it's own masthead
   $loadingResources() {
-    return {
-      loadResources:     [FLEET.TOKEN],
-      loadIndeterminate: true, // results are filtered so we wouldn't get the correct count on indicator...
-    };
+    // results are filtered so we wouldn't get the correct count on indicator...
+    return { loadIndeterminate: true };
   },
 };
 </script>
@@ -88,6 +86,7 @@ export default {
       :rows="tokens"
       :loading="loading"
       :use-query-params-for-simple-filtering="useQueryParamsForSimpleFiltering"
+      :force-update-live-and-delayed="forceUpdateLiveAndDelayed"
     />
   </div>
 </template>

package/list/fleet.cattle.io.gitrepo.vue

@@ -22,11 +22,6 @@ export default {
       required: true,
     },
 
-    loadResources: {
-      type:    Array,
-      default: () => []
-    },
-
     loadIndeterminate: {
       type:    Boolean,
       default: false
@@ -44,11 +39,10 @@ export default {
   },
 
   async fetch() {
-    const store = this.$store;
-
-    await store.dispatch('management/findAll', { type: FLEET.CLUSTER });
-    await store.dispatch('management/findAll', { type: FLEET.CLUSTER_GROUP });
+    this.$initializeFetchData(this.resource);
 
+    this.$fetchType(FLEET.CLUSTER);
+    this.$fetchType(FLEET.CLUSTER_GROUP);
     await this.$fetchType(this.resource);
   }
 };
@@ -69,6 +63,7 @@ export default {
       :schema="schema"
       :loading="loading"
       :use-query-params-for-simple-filtering="useQueryParamsForSimpleFiltering"
+      :force-update-live-and-delayed="forceUpdateLiveAndDelayed"
     />
   </div>
 </template>

package/list/helm.cattle.io.projecthelmchart.vue

@@ -16,11 +16,6 @@ export default {
       required: true,
     },
 
-    loadResources: {
-      type:    Array,
-      default: () => []
-    },
-
     loadIndeterminate: {
       type:    Boolean,
       default: false
@@ -116,6 +111,7 @@ export default {
         :use-query-params-for-simple-filtering="useQueryParamsForSimpleFiltering"
         key-field="_key"
         :groupable="false"
+        :force-update-live-and-delayed="forceUpdateLiveAndDelayed"
       />
     </div>
   </div>

package/list/logging.banzaicloud.io.clusterflow.vue

@@ -25,7 +25,9 @@ export default {
   },
 
   async fetch() {
-    await this.$store.dispatch('cluster/findAll', { type: LOGGING.CLUSTER_OUTPUT });
+    this.$initializeFetchData(this.resource);
+    this.$fetchType(LOGGING.CLUSTER_OUTPUT);
+
     await this.$fetchType(this.resource);
   }
 };
@@ -37,5 +39,6 @@ export default {
     :rows="rows"
     :loading="loading"
     :use-query-params-for-simple-filtering="useQueryParamsForSimpleFiltering"
+    :force-update-live-and-delayed="forceUpdateLiveAndDelayed"
   />
 </template>

package/list/logging.banzaicloud.io.flow.vue

@@ -24,12 +24,12 @@ export default {
   },
 
   async fetch() {
-    try {
-      await this.$store.dispatch('cluster/findAll', { type: LOGGING.OUTPUT });
-      await this.$store.dispatch('cluster/findAll', { type: LOGGING.CLUSTER_OUTPUT });
-    } catch (e) {}
+    this.$initializeFetchData(this.resource);
 
-    await this.$fetchType(LOGGING.FLOW);
+    this.$fetchType(LOGGING.OUTPUT);
+    this.$fetchType(LOGGING.CLUSTER_OUTPUT);
+
+    await this.$fetchType(this.resource);
   }
 };
 </script>
@@ -40,5 +40,6 @@ export default {
     :rows="rows"
     :loading="loading"
     :use-query-params-for-simple-filtering="useQueryParamsForSimpleFiltering"
+    :force-update-live-and-delayed="forceUpdateLiveAndDelayed"
   />
 </template>

package/list/management.cattle.io.cluster.vue

@@ -49,5 +49,6 @@ export default {
     :group-by="$attrs.groupBy"
     :loading="loading"
     :use-query-params-for-simple-filtering="useQueryParamsForSimpleFiltering"
+    :force-update-live-and-delayed="forceUpdateLiveAndDelayed"
   />
 </template>

package/list/management.cattle.io.feature.vue

@@ -89,10 +89,8 @@ export default {
   },
 
   $loadingResources() {
-    return {
-      loadResources:     [MANAGEMENT.FEATURE],
-      loadIndeterminate: true, // results are filtered so we wouldn't get the correct count on indicator...
-    };
+    // results are filtered so we wouldn't get the correct count on indicator...
+    return { loadIndeterminate: true };
   },
 
   watch: {
@@ -201,6 +199,7 @@ export default {
       :row-actions="enableRowActions"
       :loading="loading"
       :use-query-params-for-simple-filtering="useQueryParamsForSimpleFiltering"
+      :force-update-live-and-delayed="forceUpdateLiveAndDelayed"
     >
       <template
         slot="cell:name"

package/list/management.cattle.io.podsecurityadmissionconfigurationtemplate.vue

@@ -0,0 +1,47 @@
+<script>
+import ResourceTable from '@shell/components/ResourceTable';
+import { STORAGE_CLASS } from '@shell/config/types';
+import ResourceFetch from '@shell/mixins/resource-fetch';
+import { Banner } from '@components/Banner';
+
+export default {
+  name:       'PodSecurityAdmission',
+  components: { ResourceTable, Banner },
+  mixins:     [ResourceFetch],
+  props:      {
+    resource: {
+      type:     String,
+      required: true,
+    },
+
+    schema: {
+      type:     Object,
+      required: true,
+    },
+  },
+
+  async fetch() {
+    const inStore = this.$store.getters['currentStore']();
+
+    // Fetch storage classes so we can determine if a PVC can be expanded
+    this.$store.dispatch(`${ inStore }/findAll`, { type: STORAGE_CLASS });
+
+    await this.$fetchType(this.resource);
+  }
+};
+</script>
+
+<template>
+  <div>
+    <Banner
+      color="info"
+      :label="t('podSecurityAdmission.banner.modifications')"
+    />
+
+    <ResourceTable
+      :loading="loading"
+      :schema="schema"
+      :rows="rows"
+    />
+  </div>
+</template>

package/list/management.cattle.io.setting.vue

@@ -104,9 +104,9 @@ export default {
             <span
               v-else-if="setting.customized"
               class="modified"
-            >Modified</span>
+            >{{ t('advancedSettings.modified') }}</span>
           </h1>
-          <h2>{{ setting.description }}</h2>
+          <h2>{{ t(`advancedSettings.descriptions.${setting.id}`) }}</h2>
         </div>
         <div
           v-if="setting.hasActions"

package/list/management.cattle.io.user.vue

@@ -1,6 +1,6 @@
 <script>
 import AsyncButton from '@shell/components/AsyncButton';
-import { MANAGEMENT, NORMAN } from '@shell/config/types';
+import { NORMAN } from '@shell/config/types';
 import { NAME } from '@shell/config/product/auth';
 import ResourceTable from '@shell/components/ResourceTable';
 import Masthead from '@shell/components/ResourceList/Masthead';
@@ -19,11 +19,6 @@ export default {
       required: true,
     },
 
-    loadResources: {
-      type:    Array,
-      default: () => []
-    },
-
     loadIndeterminate: {
       type:    Boolean,
       default: false
@@ -62,10 +57,8 @@ export default {
   },
 
   $loadingResources() {
-    return {
-      loadResources:     [MANAGEMENT.USER],
-      loadIndeterminate: true, // results are filtered so we wouldn't get the correct count on indicator...
-    };
+    // results are filtered so we wouldn't get the correct count on indicator...
+    return { loadIndeterminate: true };
   },
 
   computed: {
@@ -143,6 +136,7 @@ export default {
       :group-by="groupBy"
       :loading="loading"
       :use-query-params-for-simple-filtering="useQueryParamsForSimpleFiltering"
+      :force-update-live-and-delayed="forceUpdateLiveAndDelayed"
     />
   </div>
 </template>

package/list/monitoring.coreos.com.alertmanagerconfig.vue

@@ -1,7 +1,6 @@
 <script>
 import ResourceTable from '@shell/components/ResourceTable';
 import { Banner } from '@components/Banner';
-import { MONITORING } from '@shell/config/types';
 import ResourceFetch from '@shell/mixins/resource-fetch';
 export default {
   name:       'ListApps',
@@ -25,12 +24,7 @@ export default {
   },
 
   async fetch() {
-    try {
-      await this.$store.dispatch('cluster/findAll', { type: MONITORING.ALERTMANAGERCONFIG });
-      await this.$fetchType(this.resource);
-    } catch (err) {
-      throw new Error(err);
-    }
+    await this.$fetchType(this.resource);
   }
 };
 </script>
@@ -45,6 +39,7 @@ export default {
       :rows="rows"
       :loading="loading"
       :use-query-params-for-simple-filtering="useQueryParamsForSimpleFiltering"
+      :force-update-live-and-delayed="forceUpdateLiveAndDelayed"
     />
   </div>
 

package/list/node.vue

@@ -41,27 +41,29 @@ export default {
   },
 
   async fetch() {
-    const hash = { kubeNodes: this.$fetchType(NODE) };
+    this.$initializeFetchData(this.resource);
+
+    const hash = { kubeNodes: this.$fetchType(this.resource) };
 
     this.canViewPods = this.$store.getters[`cluster/schemaFor`](POD);
 
     if (this.$store.getters[`management/schemaFor`](MANAGEMENT.NODE)) {
       // Required for Drain/Cordon action
-      hash.normanNodes = this.$store.dispatch('rancher/findAll', { type: NORMAN.NODE });
+      hash.normanNodes = this.$fetchType(NORMAN.NODE, [], 'rancher');
     }
 
     if (this.$store.getters[`rancher/schemaFor`](NORMAN.NODE)) {
-      hash.mgmtNodes = this.$store.dispatch('management/findAll', { type: MANAGEMENT.NODE });
+      hash.mgmtNodes = this.$fetchType(MANAGEMENT.NODE, [], 'management');
     }
 
     if (this.$store.getters[`management/schemaFor`](CAPI.MACHINE)) {
       // Required for ssh / download key actions
-      hash.machines = this.$store.dispatch('management/findAll', { type: CAPI.MACHINE });
+      hash.machines = this.$fetchType(CAPI.MACHINE, [], 'management');
     }
 
     if (this.canViewPods) {
       // Used for running pods metrics - we don't need to block on this to show the list of nodes
-      this.$store.dispatch('cluster/findAll', { type: POD });
+      this.$fetchType(POD);
     }
 
     await allHash(hash);
@@ -156,6 +158,7 @@ export default {
       :sub-rows="true"
       :loading="loading"
       :use-query-params-for-simple-filtering="useQueryParamsForSimpleFiltering"
+      :force-update-live-and-delayed="forceUpdateLiveAndDelayed"
       v-on="$listeners"
     >
       <template #sub-row="{fullColspan, row, onRowMouseEnter, onRowMouseLeave}">

package/list/persistentvolume.vue

@@ -25,11 +25,10 @@ export default {
   },
 
   async fetch() {
-    const inStore = this.$store.getters['currentStore']();
-    const pvcPromise = this.$store.dispatch(`${ inStore }/findAll`, { type: PVC });
+    this.$initializeFetchData(this.resource);
 
+    this.$fetchType(PVC);
     await this.$fetchType(this.resource);
-    await pvcPromise;
   }
 };
 </script>
@@ -42,5 +41,6 @@ export default {
     :group-by="$attrs.groupBy"
     :loading="loading"
     :use-query-params-for-simple-filtering="useQueryParamsForSimpleFiltering"
+    :force-update-live-and-delayed="forceUpdateLiveAndDelayed"
   />
 </template>

package/list/persistentvolumeclaim.vue

@@ -25,11 +25,9 @@ export default {
   },
 
   async fetch() {
-    const inStore = this.$store.getters['currentStore']();
-
-    // Fetch storage classes so we can determine if a PVC can be expanded
-    this.$store.dispatch(`${ inStore }/findAll`, { type: STORAGE_CLASS });
+    this.$initializeFetchData(this.resource);
 
+    this.$fetchType(STORAGE_CLASS);
     await this.$fetchType(this.resource);
   }
 };
@@ -41,5 +39,6 @@ export default {
     :schema="schema"
     :rows="rows"
     :use-query-params-for-simple-filtering="useQueryParamsForSimpleFiltering"
+    :force-update-live-and-delayed="forceUpdateLiveAndDelayed"
   />
 </template>

package/list/provisioning.cattle.io.cluster.vue

@@ -16,11 +16,6 @@ export default {
   },
   mixins: [ResourceFetch],
   props:  {
-    loadResources: {
-      type:    Array,
-      default: () => []
-    },
-
     loadIndeterminate: {
       type:    Boolean,
       default: false
@@ -38,36 +33,41 @@ export default {
   },
 
   async fetch() {
+    this.$initializeFetchData(CAPI.RANCHER_CLUSTER);
     const hash = {
       rancherClusters: this.$fetchType(CAPI.RANCHER_CLUSTER),
-      normanClusters:  this.$store.dispatch('rancher/findAll', { type: NORMAN.CLUSTER }),
-      mgmtClusters:    this.$store.dispatch('management/findAll', { type: MANAGEMENT.CLUSTER }),
+      normanClusters:  this.$fetchType(NORMAN.CLUSTER, [], 'rancher'),
+      mgmtClusters:    this.$fetchType(MANAGEMENT.CLUSTER),
     };
 
     if ( this.$store.getters['management/canList'](SNAPSHOT) ) {
-      hash.etcdSnapshots = this.$store.dispatch('management/findAll', { type: SNAPSHOT });
+      hash.etcdSnapshots = this.$fetchType(SNAPSHOT);
+    }
+
+    if ( this.$store.getters['management/canList'](CAPI.MACHINE) ) {
+      hash.capiMachines = this.$fetchType(CAPI.MACHINE);
     }
 
     if ( this.$store.getters['management/canList'](MANAGEMENT.NODE) ) {
-      hash.mgmtNodes = this.$store.dispatch('management/findAll', { type: MANAGEMENT.NODE });
+      hash.mgmtNodes = this.$fetchType(MANAGEMENT.NODE);
     }
 
     if ( this.$store.getters['management/canList'](MANAGEMENT.NODE_POOL) ) {
-      hash.mgmtPools = this.$store.dispatch('management/findAll', { type: MANAGEMENT.NODE_POOL });
+      hash.mgmtPools = this.$fetchType(MANAGEMENT.NODE_POOL);
     }
 
     if ( this.$store.getters['management/canList'](MANAGEMENT.NODE_TEMPLATE) ) {
-      hash.mgmtTemplates = this.$store.dispatch('management/findAll', { type: MANAGEMENT.NODE_TEMPLATE });
+      hash.mgmtTemplates = this.$fetchType(MANAGEMENT.NODE_TEMPLATE);
     }
 
     if ( this.$store.getters['management/canList'](CAPI.MACHINE_DEPLOYMENT) ) {
-      hash.machineDeployments = this.$store.dispatch('management/findAll', { type: CAPI.MACHINE_DEPLOYMENT });
+      hash.machineDeployments = this.$fetchType(CAPI.MACHINE_DEPLOYMENT);
     }
 
     // Fetch RKE template revisions so we can show when an updated template is available
     // This request does not need to be blocking
     if ( this.$store.getters['management/canList'](MANAGEMENT.RKE_TEMPLATE_REVISION) ) {
-      this.$store.dispatch('management/findAll', { type: MANAGEMENT.RKE_TEMPLATE_REVISION });
+      this.$fetchType(MANAGEMENT.RKE_TEMPLATE_REVISION);
     }
 
     const res = await allHash(hash);
@@ -137,10 +137,8 @@ export default {
   },
 
   $loadingResources() {
-    return {
-      loadResources:     [CAPI.RANCHER_CLUSTER],
-      loadIndeterminate: true, // results are filtered so we wouldn't get the correct count on indicator...
-    };
+    // results are filtered so we wouldn't get the correct count on indicator...
+    return { loadIndeterminate: true };
   },
 
   mounted() {
@@ -172,7 +170,7 @@ export default {
       >
         <n-link
           :to="importLocation"
-          class="btn role-primary"
+          class="btn role-primary mr-10"
           data-testid="cluster-manager-list-import"
         >
           {{ t('cluster.importAction') }}
@@ -187,6 +185,7 @@ export default {
       :loading="loading"
       :use-query-params-for-simple-filtering="useQueryParamsForSimpleFiltering"
       :data-testid="'cluster-list'"
+      :force-update-live-and-delayed="forceUpdateLiveAndDelayed"
     >
       <template #cell:summary="{row}">
         <span v-if="!row.stateParts.length">{{ row.nodes.length }}</span>
@@ -199,7 +198,7 @@ export default {
           class="btn btn-sm role-secondary"
           :to="{name: 'c-cluster', params: {cluster: row.mgmt.id}}"
         >
-          {{ t('cluster.exploreHarvester') }}
+          {{ t('cluster.explore') }}
         </n-link>
         <button
           v-else

package/list/service.vue

@@ -1,7 +1,6 @@
 <script>
 import ResourceTable from '@shell/components/ResourceTable';
 import { NODE } from '@shell/config/types';
-import { allHash } from '@shell/utils/promise';
 import ResourceFetch from '@shell/mixins/resource-fetch';
 
 export default {
@@ -29,22 +28,14 @@ export default {
   async fetch() {
     const store = this.$store;
     const inStore = store.getters['currentStore']();
-    let hasNodes = false;
 
-    try {
-      const schema = store.getters[`${ inStore }/schemaFor`](NODE);
+    this.$initializeFetchData(this.resource);
 
-      if (schema) {
-        hasNodes = true;
-      }
-    } catch {}
-
-    const hash = { rows: this.$fetchType(this.resource) };
-
-    if (hasNodes) {
-      hash.nodes = store.dispatch(`${ inStore }/findAll`, { type: NODE });
+    if (store.getters[`${ inStore }/schemaFor`](NODE)) {
+      this.$fetchType(NODE);
     }
-    await allHash(hash);
+
+    await this.$fetchType(this.resource);
   }
 };
 </script>
@@ -57,5 +48,6 @@ export default {
     :group-by="$attrs.groupBy"
     :loading="loading"
     :use-query-params-for-simple-filtering="useQueryParamsForSimpleFiltering"
+    :force-update-live-and-delayed="forceUpdateLiveAndDelayed"
   />
 </template>