@rancher/shell 0.2.5 → 0.3.1

package/edit/networking.k8s.io.ingress/Rules.vue

@@ -35,7 +35,7 @@ export default {
 
     rules: {
       default: () => ({
-        requestHost:   [],
+        requestHost: [],
         path:        [],
         port:        [],
         target:      []
@@ -84,18 +84,18 @@ export default {
           value: 'port',
         },
         {
-          name:       'certs',
-          label:      this.t('ingress.rules.headers.certificates'),
-          value:      'certs',
+          name:      'certs',
+          label:     this.t('ingress.rules.headers.certificates'),
+          value:     'certs',
           formatter: 'ListLink',
         },
       ];
 
       if (this.value.showPathType) {
         headers.unshift({
-          name:      'pathType',
-          label:     this.t('ingress.rules.headers.pathType'),
-          value:     'pathType',
+          name:  'pathType',
+          label: this.t('ingress.rules.headers.pathType'),
+          value: 'pathType',
         });
       }
 

package/edit/networking.k8s.io.ingress/index.vue

@@ -44,11 +44,11 @@ export default {
     }
   },
   async fetch() {
-    const ingressClassSchema = this.$store.getters[`cluster/schemaFor`](INGRESS_CLASS);
+    this.ingressClassSchema = this.$store.getters[`cluster/schemaFor`](INGRESS_CLASS);
     const hash = await allHash({
       secrets:        this.$store.dispatch('cluster/findAll', { type: SECRET }),
       services:       this.$store.dispatch('cluster/findAll', { type: SERVICE }),
-      ingressClasses: ingressClassSchema ? this.$store.dispatch('cluster/findAll', { type: INGRESS_CLASS }) : Promise.resolve([]),
+      ingressClasses: this.ingressClassSchema ? this.$store.dispatch('cluster/findAll', { type: INGRESS_CLASS }) : Promise.resolve([]),
     });
 
     this.allServices = hash.services;
@@ -57,10 +57,11 @@ export default {
   },
   data() {
     return {
-      allSecrets:        [],
-      allServices:       [],
-      allIngressClasses: [],
-      fvFormRuleSets:    [
+      ingressClassSchema: null,
+      allSecrets:         [],
+      allServices:        [],
+      allIngressClasses:  [],
+      fvFormRuleSets:     [
         {
           path: 'metadata.name', rules: ['required', 'hostname'], translationKey: 'nameNsDescription.name.label'
         },
@@ -197,6 +198,7 @@ export default {
     :subtypes="[]"
     :validation-passed="fvFormIsValid"
     :errors="fvUnreportedValidationErrors"
+    :description="t('ingress.description')"
     @error="e=>errors = e"
     @finish="save"
     @cancel="done"

package/edit/networking.k8s.io.networkpolicy/PolicyRule.vue

@@ -9,7 +9,7 @@ export default {
   components: {
     ArrayListGrouped, PolicyRulePort, PolicyRuleTarget
   },
-  props:      {
+  props: {
     value: {
       type:    Object,
       default: () => {

package/edit/networking.k8s.io.networkpolicy/PolicyRuleTarget.vue

@@ -19,7 +19,7 @@ export default {
   components: {
     ArrayList, Banner, LabeledInput, LabeledSelect, MatchExpressions
   },
-  props:      {
+  props: {
     value: {
       type:    Object,
       default: () => {
@@ -65,8 +65,8 @@ export default {
       portOptions:   ['TCP', 'UDP'],
       matchingPods,
       matchingNamespaces,
-      invalidCidr:    null,
-      invalidCidrs:    [],
+      invalidCidr:   null,
+      invalidCidrs:  [],
       TARGET_OPTION_IP_BLOCK,
       TARGET_OPTION_NAMESPACE_SELECTOR,
       TARGET_OPTION_POD_SELECTOR,

package/edit/networking.k8s.io.networkpolicy/PolicyRules.vue

@@ -10,7 +10,7 @@ export default {
   components: {
     PolicyRule, Tabbed, Tab
   },
-  props:      {
+  props: {
     value: {
       type:    Object,
       default: () => {

package/edit/networking.k8s.io.networkpolicy/index.vue

@@ -42,8 +42,8 @@ export default {
 
   async fetch() {
     const hash = await allHash({
-      allPods:        this.$store.dispatch('cluster/findAll', { type: POD }),
-      allNamespaces:  this.$store.dispatch('cluster/findAll', { type: NAMESPACE }),
+      allPods:       this.$store.dispatch('cluster/findAll', { type: POD }),
+      allNamespaces: this.$store.dispatch('cluster/findAll', { type: NAMESPACE }),
     });
 
     this.allPods = hash.allPods;
@@ -74,9 +74,9 @@ export default {
     return {
       POD,
       matchingPods,
-      allPods:            [],
-      allNamespaces:      [],
-      podTableHeaders:    this.$store.getters['type-map/headersFor'](
+      allPods:         [],
+      allNamespaces:   [],
+      podTableHeaders: this.$store.getters['type-map/headersFor'](
         this.$store.getters['cluster/schemaFor'](POD)
       ),
     };

package/edit/persistentvolume/index.vue

@@ -16,7 +16,7 @@ import UnitInput from '@shell/components/form/UnitInput';
 import { NODE, PVC, STORAGE_CLASS } from '@shell/config/types';
 import Loading from '@shell/components/Loading';
 import { LONGHORN_PLUGIN, VOLUME_PLUGINS } from '@shell/models/persistentvolume';
-import { _CREATE, _VIEW, _EDIT } from '@shell/config/query-params';
+import { _CREATE, _VIEW } from '@shell/config/query-params';
 import { clone } from '@shell/utils/object';
 import InfoBox from '@shell/components/InfoBox';
 import { mapFeature, UNSUPPORTED_STORAGE_DRIVERS } from '@shell/store/features';
@@ -44,7 +44,7 @@ export default {
   mixins: [CreateEditView, ResourceManager],
 
   fetch() {
-    if (this.mode === _EDIT) {
+    if (this.mode !== _CREATE) {
       this.secondaryResourceData.namespace = this.value?.spec?.claimRef?.namespace || null;
 
       this.secondaryResourceData.data[PVC] = {
@@ -80,34 +80,13 @@ export default {
     const plugin = (foundPlugin || VOLUME_PLUGINS[0]).value;
 
     return {
-      secondaryResourceData:       {
-        namespace: null,
-        data:      {
-          [STORAGE_CLASS]: {
-            applyTo: [
-              {
-                var:         'storageClassOptions',
-                parsingFunc: (data) => {
-                  const storageClassOptions = data.map(s => ({
-                    label: s.metadata.name,
-                    value: s.metadata.name
-                  }));
-
-                  storageClassOptions.unshift(this.NONE_OPTION);
-
-                  return storageClassOptions;
-                }
-              }
-            ]
-          },
-        }
-      },
-      storageClassOptions: [],
-      currentClaim:        null,
+      secondaryResourceData: this.secondaryResourceDataConfig(),
+      storageClassOptions:   [],
+      currentClaim:          null,
       plugin,
       NONE_OPTION,
       NODE,
-      initialNodeAffinity: clone(this.value.spec.nodeAffinity),
+      initialNodeAffinity:   clone(this.value.spec.nodeAffinity),
     };
   },
 
@@ -175,6 +154,30 @@ export default {
   },
 
   methods: {
+    secondaryResourceDataConfig() {
+      return {
+        namespace: null,
+        data:      {
+          [STORAGE_CLASS]: {
+            applyTo: [
+              {
+                var:         'storageClassOptions',
+                parsingFunc: (data) => {
+                  const storageClassOptions = data.map(s => ({
+                    label: s.metadata.name,
+                    value: s.metadata.name
+                  }));
+
+                  storageClassOptions.unshift(this.NONE_OPTION);
+
+                  return storageClassOptions;
+                }
+              }
+            ]
+          },
+        }
+      };
+    },
     checkboxSetter(key, value) {
       if (value) {
         this.value.spec.accessModes.push(key);

package/edit/persistentvolume/plugins/awsElasticBlockStore.vue

@@ -5,7 +5,7 @@ import { RadioGroup } from '@components/Form/Radio';
 export default {
   components: { LabeledInput, RadioGroup },
   props:      {
-    value:      {
+    value: {
       type:    Object,
       default: () => ({})
     },

package/edit/persistentvolume/plugins/azureDisk.vue

@@ -5,7 +5,7 @@ import { RadioGroup } from '@components/Form/Radio';
 export default {
   components: { LabeledInput, RadioGroup },
   props:      {
-    value:      {
+    value: {
       type:    Object,
       default: () => ({})
     },

package/edit/persistentvolume/plugins/azureFile.vue

@@ -5,7 +5,7 @@ import { RadioGroup } from '@components/Form/Radio';
 export default {
   components: { LabeledInput, RadioGroup },
   props:      {
-    value:      {
+    value: {
       type:    Object,
       default: () => ({})
     },

package/edit/persistentvolume/plugins/cephfs.vue

@@ -7,8 +7,8 @@ export default {
   components: {
     ArrayList, LabeledInput, RadioGroup
   },
-  props:      {
-    value:      {
+  props: {
+    value: {
       type:    Object,
       default: () => ({})
     },
@@ -42,47 +42,47 @@ export default {
   <div>
     <div class="row mb-20">
       <div class="col span-6">
-        <LabeledInput
-          v-model="value.spec.cephfs.path"
-          :mode="mode"
-          :label="t('persistentVolume.cephfs.path.label')"
-          :placeholder="t('persistentVolume.cephfs.path.placeholder')"
+        <LabeledInput
+          v-model="value.spec.cephfs.path"
+          :mode="mode"
+          :label="t('persistentVolume.cephfs.path.label')"
+          :placeholder="t('persistentVolume.cephfs.path.placeholder')"
         />
       </div>
       <div class="col span-6">
-        <LabeledInput
-          v-model="value.spec.cephfs.user"
-          :mode="mode"
-          :label="t('persistentVolume.cephfs.user.label')"
-          :placeholder="t('persistentVolume.cephfs.user.placeholder')"
+        <LabeledInput
+          v-model="value.spec.cephfs.user"
+          :mode="mode"
+          :label="t('persistentVolume.cephfs.user.label')"
+          :placeholder="t('persistentVolume.cephfs.user.placeholder')"
         />
       </div>
     </div>
     <div class="row mb-20">
       <div class="col span-6">
-        <LabeledInput
-          v-model="value.spec.cephfs.secretFile"
-          :mode="mode"
-          :label="t('persistentVolume.cephfs.secretFile.label')"
-          :placeholder="t('persistentVolume.cephfs.secretFile.placeholder')"
+        <LabeledInput
+          v-model="value.spec.cephfs.secretFile"
+          :mode="mode"
+          :label="t('persistentVolume.cephfs.secretFile.label')"
+          :placeholder="t('persistentVolume.cephfs.secretFile.placeholder')"
         />
       </div>
       <div class="col span-6">
-        <LabeledInput
-          v-model="value.spec.cephfs.secretRef.name"
-          :mode="mode"
-          :label="t('persistentVolume.shared.secretName.label')"
-          :placeholder="t('persistentVolume.shared.secretName.placeholder')"
+        <LabeledInput
+          v-model="value.spec.cephfs.secretRef.name"
+          :mode="mode"
+          :label="t('persistentVolume.shared.secretName.label')"
+          :placeholder="t('persistentVolume.shared.secretName.placeholder')"
         />
       </div>
     </div>
     <div class="row mb-20">
       <div class="col span-6">
-        <LabeledInput
-          v-model="value.spec.cephfs.secretRef.namespace"
-          :mode="mode"
-          :label="t('persistentVolume.shared.secretNamespace.label')"
-          :placeholder="t('persistentVolume.shared.secretNamespace.placeholder')"
+        <LabeledInput
+          v-model="value.spec.cephfs.secretRef.namespace"
+          :mode="mode"
+          :label="t('persistentVolume.shared.secretNamespace.label')"
+          :placeholder="t('persistentVolume.shared.secretNamespace.placeholder')"
         />
       </div>
     </div>
@@ -98,10 +98,10 @@ export default {
         />
       </div>
       <div class="col span-6">
-        <ArrayList
-          v-model="value.spec.cephfs.monitors"
-          :add-label="t('persistentVolume.shared.monitors.add')"
-          :mode="mode"
+        <ArrayList
+          v-model="value.spec.cephfs.monitors"
+          :add-label="t('persistentVolume.shared.monitors.add')"
+          :mode="mode"
         />
       </div>
     </div>

package/edit/persistentvolume/plugins/cinder.vue

@@ -5,7 +5,7 @@ import { RadioGroup } from '@components/Form/Radio';
 export default {
   components: { LabeledInput, RadioGroup },
   props:      {
-    value:      {
+    value: {
       type:    Object,
       default: () => ({})
     },

package/edit/persistentvolume/plugins/csi.vue

@@ -2,13 +2,19 @@
 import { LabeledInput } from '@components/Form/LabeledInput';
 import { RadioGroup } from '@components/Form/Radio';
 import KeyValue from '@shell/components/form/KeyValue';
+import LabeledSelect from '@shell/components/form/LabeledSelect';
+import { CSI_DRIVER } from '@shell/config/types';
+import { set } from '@shell/utils/object';
 
 export default {
   components: {
-    KeyValue, LabeledInput, RadioGroup
+    KeyValue,
+    LabeledInput,
+    RadioGroup,
+    LabeledSelect
   },
-  props:      {
-    value:      {
+  props: {
+    value: {
       type:    Object,
       default: () => ({})
     },
@@ -17,6 +23,18 @@ export default {
       required: true,
     },
   },
+
+  fetch() {
+    if (this.$store.getters['cluster/schemaFor'](CSI_DRIVER)) {
+      this.$store.dispatch('cluster/findAll', { type: CSI_DRIVER }).then((drivers) => {
+        this.csiDrivers = drivers;
+        this.loadingDrivers = false;
+      });
+    } else {
+      this.loadingDrivers = false;
+    }
+  },
+
   data() {
     const readOnlyOptions = [
       {
@@ -36,8 +54,25 @@ export default {
     this.$set(this.value.spec.csi, 'controllerExpandSecretRef', this.value.spec.csi.controllerExpandSecretRef || {});
     this.$set(this.value.spec.csi, 'controllerPublishSecretRef', this.value.spec.csi.controllerPublishSecretRef || {});
 
-    return { readOnlyOptions };
+    return {
+      readOnlyOptions,
+      loadingDrivers: true,
+      csiDrivers:     [],
+    };
+  },
+
+  computed: {
+    driverOptions() {
+      return this.csiDrivers.map((driver) => {
+        return driver.metadata.name;
+      });
+    }
   },
+  methods: {
+    selectDriver(e) {
+      set(this.value, 'spec.csi.driver', e.value ? e.value : e.label);
+    }
+  }
 };
 </script>
 
@@ -45,29 +80,34 @@ export default {
   <div>
     <div class="row mb-20">
       <div class="col span-6">
-        <LabeledInput
-          v-model="value.spec.csi.driver"
-          :mode="mode"
-          :label="t('persistentVolume.csi.driver.label')"
-          :placeholder="t('persistentVolume.csi.driver.placeholder')"
+        <LabeledSelect
+          :value="value.spec.csi.driver"
+          :loading="loadingDrivers"
+          :options="driverOptions"
+          :mode="mode"
+          :label="t('persistentVolume.csi.driver.label')"
+          :placeholder="t('persistentVolume.csi.driver.placeholder')"
+          searchable
+          taggable
+          @selecting="selectDriver"
         />
       </div>
       <div class="col span-6">
-        <LabeledInput
-          v-model="value.spec.csi.fsType"
-          :mode="mode"
-          :label="t('persistentVolume.shared.filesystemType.label')"
-          :placeholder="t('persistentVolume.shared.filesystemType.placeholder')"
+        <LabeledInput
+          v-model="value.spec.csi.fsType"
+          :mode="mode"
+          :label="t('persistentVolume.shared.filesystemType.label')"
+          :placeholder="t('persistentVolume.shared.filesystemType.placeholder')"
         />
       </div>
     </div>
     <div class="row mb-20">
       <div class="col span-6">
-        <LabeledInput
-          v-model="value.spec.csi.volumeHandle"
-          :mode="mode"
-          :label="t('persistentVolume.csi.volumeHandle.label')"
-          :placeholder="t('persistentVolume.csi.volumeHandle.placeholder')"
+        <LabeledInput
+          v-model="value.spec.csi.volumeHandle"
+          :mode="mode"
+          :label="t('persistentVolume.csi.volumeHandle.label')"
+          :placeholder="t('persistentVolume.csi.volumeHandle.placeholder')"
         />
       </div>
       <div class="col span-6">
@@ -83,83 +123,83 @@ export default {
     </div>
     <div class="row mb-20">
       <div class="col span-12">
-        <KeyValue
-          v-model="value.spec.csi.volumeAttributes"
-          :add-label="t('persistentVolume.csi.volumeAttributes.add')"
-          :mode="mode"
-          :read-allowed="false"
+        <KeyValue
+          v-model="value.spec.csi.volumeAttributes"
+          :add-label="t('persistentVolume.csi.volumeAttributes.add')"
+          :mode="mode"
+          :read-allowed="false"
         />
       </div>
     </div>
     <div class="row mb-20">
       <div class="col span-6">
-        <LabeledInput
-          v-model="value.spec.csi.nodePublishSecretRef.name"
-          :mode="mode"
-          :label="t('persistentVolume.csi.nodePublishSecretName.label')"
-          :placeholder="t('persistentVolume.csi.nodePublishSecretName.placeholder')"
+        <LabeledInput
+          v-model="value.spec.csi.nodePublishSecretRef.name"
+          :mode="mode"
+          :label="t('persistentVolume.csi.nodePublishSecretName.label')"
+          :placeholder="t('persistentVolume.csi.nodePublishSecretName.placeholder')"
         />
       </div>
       <div class="col span-6">
-        <LabeledInput
-          v-model="value.spec.csi.nodePublishSecretRef.namespace"
-          :mode="mode"
-          :label="t('persistentVolume.csi.nodePublishSecretNamespace.label')"
-          :placeholder="t('persistentVolume.csi.nodePublishSecretNamespace.placeholder')"
+        <LabeledInput
+          v-model="value.spec.csi.nodePublishSecretRef.namespace"
+          :mode="mode"
+          :label="t('persistentVolume.csi.nodePublishSecretNamespace.label')"
+          :placeholder="t('persistentVolume.csi.nodePublishSecretNamespace.placeholder')"
         />
       </div>
     </div>
     <div class="row mb-20">
       <div class="col span-6">
-        <LabeledInput
-          v-model="value.spec.csi.nodeStageSecretRef.name"
-          :mode="mode"
-          :label="t('persistentVolume.csi.nodeStageSecretName.label')"
-          :placeholder="t('persistentVolume.csi.nodeStageSecretName.placeholder')"
+        <LabeledInput
+          v-model="value.spec.csi.nodeStageSecretRef.name"
+          :mode="mode"
+          :label="t('persistentVolume.csi.nodeStageSecretName.label')"
+          :placeholder="t('persistentVolume.csi.nodeStageSecretName.placeholder')"
         />
       </div>
       <div class="col span-6">
-        <LabeledInput
-          v-model="value.spec.csi.nodeStageSecretRef.namespace"
-          :mode="mode"
-          :label="t('persistentVolume.csi.nodeStageSecretNamespace.label')"
-          :placeholder="t('persistentVolume.csi.nodeStageSecretNamespace.placeholder')"
+        <LabeledInput
+          v-model="value.spec.csi.nodeStageSecretRef.namespace"
+          :mode="mode"
+          :label="t('persistentVolume.csi.nodeStageSecretNamespace.label')"
+          :placeholder="t('persistentVolume.csi.nodeStageSecretNamespace.placeholder')"
         />
       </div>
     </div>
     <div class="row mb-20">
       <div class="col span-6">
-        <LabeledInput
-          v-model="value.spec.csi.controllerExpandSecretRef.name"
-          :mode="mode"
-          :label="t('persistentVolume.csi.controllerExpandSecretName.label')"
-          :placeholder="t('persistentVolume.csi.controllerExpandSecretName.placeholder')"
+        <LabeledInput
+          v-model="value.spec.csi.controllerExpandSecretRef.name"
+          :mode="mode"
+          :label="t('persistentVolume.csi.controllerExpandSecretName.label')"
+          :placeholder="t('persistentVolume.csi.controllerExpandSecretName.placeholder')"
         />
       </div>
       <div class="col span-6">
-        <LabeledInput
-          v-model="value.spec.csi.controllerExpandSecretRef.namespace"
-          :mode="mode"
-          :label="t('persistentVolume.csi.controllerExpandSecretNamespace.label')"
-          :placeholder="t('persistentVolume.csi.controllerExpandSecretNamespace.placeholder')"
+        <LabeledInput
+          v-model="value.spec.csi.controllerExpandSecretRef.namespace"
+          :mode="mode"
+          :label="t('persistentVolume.csi.controllerExpandSecretNamespace.label')"
+          :placeholder="t('persistentVolume.csi.controllerExpandSecretNamespace.placeholder')"
         />
       </div>
     </div>
     <div class="row mb-20">
       <div class="col span-6">
-        <LabeledInput
-          v-model="value.spec.csi.controllerPublishSecretRef.name"
-          :mode="mode"
-          :label="t('persistentVolume.csi.controllerPublishSecretName.label')"
-          :placeholder="t('persistentVolume.csi.controllerPublishSecretName.placeholder')"
+        <LabeledInput
+          v-model="value.spec.csi.controllerPublishSecretRef.name"
+          :mode="mode"
+          :label="t('persistentVolume.csi.controllerPublishSecretName.label')"
+          :placeholder="t('persistentVolume.csi.controllerPublishSecretName.placeholder')"
         />
       </div>
       <div class="col span-6">
-        <LabeledInput
-          v-model="value.spec.csi.controllerPublishSecretRef.namespace"
-          :mode="mode"
-          :label="t('persistentVolume.csi.controllerPublishSecretNamespace.label')"
-          :placeholder="t('persistentVolume.csi.controllerPublishSecretNamespace.placeholder')"
+        <LabeledInput
+          v-model="value.spec.csi.controllerPublishSecretRef.namespace"
+          :mode="mode"
+          :label="t('persistentVolume.csi.controllerPublishSecretNamespace.label')"
+          :placeholder="t('persistentVolume.csi.controllerPublishSecretNamespace.placeholder')"
         />
       </div>
     </div>