@rancher/shell 2.0.0 → 3.0.0-rc.1

package/edit/storage.k8s.io.storageclass/provisioners/kubernetes.io/storageos.vue

@@ -20,7 +20,7 @@ export default {
     <div class="row mb-10">
       <div class="col span-4">
         <LabeledInput
-          v-model="value.parameters.pool"
+          v-model:value="value.parameters.pool"
           :placeholder="t('storageClass.storageos.pool.placeholder')"
           :label="t('storageClass.storageos.pool.label')"
           :mode="mode"
@@ -28,7 +28,7 @@ export default {
       </div>
       <div class="col span-4">
         <LabeledInput
-          v-model="value.parameters.description"
+          v-model:value="value.parameters.description"
           :placeholder="t('storageClass.storageos.description.placeholder')"
           :label="t('storageClass.storageos.description.label')"
           :mode="mode"
@@ -36,7 +36,7 @@ export default {
       </div>
       <div class="col span-4">
         <LabeledInput
-          v-model="value.parameters.fsType"
+          v-model:value="value.parameters.fsType"
           :placeholder="t('storageClass.storageos.filesystemType.placeholder')"
           :label="t('storageClass.storageos.filesystemType.label')"
           :mode="mode"
@@ -46,7 +46,7 @@ export default {
     <div class="row mb-10">
       <div class="col span-4">
         <LabeledInput
-          v-model="value.parameters.adminSecretNamespace"
+          v-model:value="value.parameters.adminSecretNamespace"
           :placeholder="t('storageClass.storageos.adminSecretNamespace.placeholder')"
           :label="t('storageClass.storageos.adminSecretNamespace.label')"
           :mode="mode"
@@ -54,7 +54,7 @@ export default {
       </div>
       <div class="col span-4">
         <LabeledInput
-          v-model="value.parameters.adminSecretName"
+          v-model:value="value.parameters.adminSecretName"
           :placeholder="t('storageClass.storageos.adminSecretName.placeholder')"
           :label="t('storageClass.storageos.adminSecretName.label')"
           :mode="mode"

package/edit/storage.k8s.io.storageclass/provisioners/kubernetes.io/vsphere-volume.vue

@@ -32,7 +32,7 @@ export default {
     ];
 
     if (this.mode === _CREATE) {
-      this.$set(this.value.parameters, 'diskformat', this.value.parameters.diskformat || diskFormatOptions[0].value);
+      this.value.parameters['diskformat'] = this.value.parameters.diskformat || diskFormatOptions[0].value;
     }
 
     return { diskFormatOptions };
@@ -44,7 +44,7 @@ export default {
     <div class="row mb-10">
       <div class="col span-4">
         <LabeledSelect
-          v-model="value.parameters.diskformat"
+          v-model:value="value.parameters.diskformat"
           :options="diskFormatOptions"
           :label="t('storageClass.vsphere-volume.diskFormat.label')"
           :mode="mode"
@@ -52,7 +52,7 @@ export default {
       </div>
       <div class="col span-4">
         <LabeledInput
-          v-model="value.parameters.storagePolicyName"
+          v-model:value="value.parameters.storagePolicyName"
           :placeholder="t('storageClass.vsphere-volume.storagePolicyName.placeholder')"
           :label="t('storageClass.vsphere-volume.storagePolicyName.label')"
           :mode="mode"
@@ -60,7 +60,7 @@ export default {
       </div>
       <div class="col span-4">
         <LabeledInput
-          v-model="value.parameters.datastore"
+          v-model:value="value.parameters.datastore"
           :placeholder="t('storageClass.vsphere-volume.datastore.placeholder')"
           :label="t('storageClass.vsphere-volume.datastore.label')"
           :mode="mode"
@@ -70,7 +70,7 @@ export default {
     <div class="row">
       <div class="col span-4">
         <LabeledInput
-          v-model="value.parameters.hostFailuresToTolerate"
+          v-model:value="value.parameters.hostFailuresToTolerate"
           :placeholder="t('storageClass.vsphere-volume.hostFailuresToTolerate.placeholder')"
           :label="t('storageClass.vsphere-volume.hostFailuresToTolerate.label')"
           :mode="mode"
@@ -78,7 +78,7 @@ export default {
       </div>
       <div class="col span-4">
         <LabeledInput
-          v-model="value.parameters.cachereservation"
+          v-model:value="value.parameters.cachereservation"
           :placeholder="t('storageClass.vsphere-volume.cacheReservation.placeholder')"
           :label="t('storageClass.vsphere-volume.cacheReservation.label')"
           :mode="mode"
@@ -86,7 +86,7 @@ export default {
       </div>
       <div class="col span-4">
         <LabeledInput
-          v-model="value.parameters.fstype"
+          v-model:value="value.parameters.fstype"
           :placeholder="t('storageClass.vsphere-volume.filesystemType.placeholder')"
           :label="t('storageClass.vsphere-volume.filesystemType.label')"
           :mode="mode"

package/edit/token.vue

@@ -13,6 +13,7 @@ import Select from '@shell/components/form/Select';
 import CreateEditView from '@shell/mixins/create-edit-view';
 import { diffFrom } from '@shell/utils/time';
 import { filterHiddenLocalCluster, filterOnlyKubernetesClusters } from '@shell/utils/cluster';
+import { SETTING } from '@shell/config/settings';
 
 export default {
   components: {
@@ -29,7 +30,7 @@ export default {
 
   data() {
     // Get the setting that defines the max token TTL allowed (in minutes)
-    const maxTTLSetting = this.$store.getters['management/byId'](MANAGEMENT.SETTING, 'auth-token-max-ttl-minutes');
+    const maxTTLSetting = this.$store.getters['management/byId'](MANAGEMENT.SETTING, SETTING.AUTH_TOKEN_MAX_TTL_MINUTES);
     let maxTTL = 0;
 
     try {
@@ -177,7 +178,7 @@ export default {
     <div class="pl-10 pr-10">
       <LabeledInput
         key="description"
-        v-model="value.description"
+        v-model:value="value.description"
         :placeholder="t('accountAndKeys.apiKeys.add.description.placeholder')"
         label-key="accountAndKeys.apiKeys.add.description.label"
         mode="edit"
@@ -185,7 +186,7 @@ export default {
       />
 
       <LabeledSelect
-        v-model="value.clusterId"
+        v-model:value="value.clusterId"
         class="mt-20 scope-select"
         label-key="accountAndKeys.apiKeys.add.scope"
         :options="scopes"
@@ -197,7 +198,7 @@ export default {
 
       <div class="ml-10">
         <RadioGroup
-          v-model="form.expiryType"
+          v-model:value="form.expiryType"
           :options="expiryOptions"
           data-testid="expiry__options"
           class="mr-20"
@@ -211,7 +212,7 @@ export default {
             :mode="mode"
           >
           <Select
-            v-model="form.customExpiryUnits"
+            v-model:value="form.customExpiryUnits"
             :disabled="form.expiryType !== 'custom'"
             :options="expiryUnitsOptions"
             :clearable="false"

package/edit/ui.cattle.io.navlink.vue

@@ -94,11 +94,11 @@ export default {
         switch (type) {
         case LINK_TYPE_URL:
           delete this.value.spec.toService;
-          this.$set(this.value.spec, 'toURL', '');
+          this.value.spec['toURL'] = '';
           break;
         case LINK_TYPE_SERVICE:
           delete this.value.spec.toURL;
-          this.$set(this.value.spec, 'toService', {});
+          this.value.spec['toService'] = {};
           break;
         // No default
         }
@@ -172,10 +172,10 @@ export default {
       switch (value) {
       case LINK_TARGET_SELF:
       case LINK_TARGET_BLANK:
-        this.$set(this.value.spec, 'target', value);
+        this.value.spec['target'] = value;
         break;
       default:
-        this.$set(this.value.spec, 'target', this.targetName);
+        this.value.spec['target'] = this.targetName;
         break;
       }
     },
@@ -214,13 +214,13 @@ export default {
     setDefaultValues() {
       if (!this.value.spec) {
         // Link to URL is set as default option from the data
-        this.$set(this.value, 'spec', { toURL: '' });
+        this.value['spec'] = { toURL: '' };
       }
       if (!this.value.metadata) {
-        this.$set(this.value, 'metadata', {});
+        this.value['metadata'] = {};
       }
       if (!this.value.spec.target) {
-        this.$set(this.value.spec, 'target', LINK_TARGET_BLANK);
+        this.value.spec['target'] = LINK_TARGET_BLANK;
       }
     },
     /**
@@ -231,8 +231,8 @@ export default {
       if (service) {
         const { name, namespace } = service;
 
-        this.$set(this.value.spec.toService, 'name', name);
-        this.$set(this.value.spec.toService, 'namespace', namespace);
+        this.value.spec.toService['name'] = name;
+        this.value.spec.toService['namespace'] = namespace;
       }
     },
     /**
@@ -250,7 +250,7 @@ export default {
      * Generate automatically kebab case for the displayed label
      */
     setName() {
-      this.$set(this.value.metadata, 'name', normalizeName(this.value.spec.label));
+      this.value.metadata['name'] = normalizeName(this.value.spec.label);
     },
     /**
      * Get error chained validation based on existing label
@@ -291,7 +291,7 @@ export default {
     @cancel="done()"
   >
     <NameNsDescription
-      v-model="value"
+      :value="value"
       :namespaced="false"
       :namespace-disabled="true"
       :mode="mode"
@@ -303,6 +303,7 @@ export default {
       description-placeholder="navLink.label.placeholder"
       data-testid="Navlink-name-field"
       :rules="{ name: fvGetAndReportPathRules('metadata.name'), namespace: [], description: [] }"
+      @update:value="$emit('input', $event)"
     />
 
     <div class="spacer" />
@@ -310,7 +311,7 @@ export default {
     <div class="row mb-20">
       <div class="col span-6">
         <RadioGroup
-          v-model="linkType"
+          v-model:value="linkType"
           name="type"
           :mode="mode"
           :options="urlTypeOptions"
@@ -322,7 +323,7 @@ export default {
     <template v-if="isURL">
       <div class="row mb-20">
         <LabeledInput
-          v-model="value.spec.toURL"
+          v-model:value="value.spec.toURL"
           :mode="mode"
           :label="t('navLink.tabs.link.toURL.label')"
           :required="isURL"
@@ -336,7 +337,7 @@ export default {
       <div class="row mb-20">
         <div class="col span-2">
           <LabeledSelect
-            v-model="value.spec.toService.scheme"
+            v-model:value="value.spec.toService.scheme"
             :mode="mode"
             :label="t('navLink.tabs.link.toService.scheme.label')"
             :required="isService"
@@ -348,7 +349,7 @@ export default {
         </div>
         <div class="col span-5">
           <LabeledSelect
-            v-model="currentService"
+            v-model:value="currentService"
             :mode="mode"
             :label="t('navLink.tabs.link.toService.service.label')"
             :options="mappedServices"
@@ -356,12 +357,12 @@ export default {
             :placeholder="t('navLink.tabs.link.toService.service.placeholder')"
             :rules="fvGetAndReportPathRules('spec.toService.namespace')"
             data-testid="Navlink-currentService-field"
-            @input="setService"
+            @update:value="setService"
           />
         </div>
         <div class="col span-2">
           <LabeledInput
-            v-model="value.spec.toService.port"
+            v-model:value="value.spec.toService.port"
             :mode="mode"
             :label="t('navLink.tabs.link.toService.port.label')"
             type="number"
@@ -370,7 +371,7 @@ export default {
         </div>
         <div class="col span-3">
           <LabeledInput
-            v-model="value.spec.toService.path"
+            v-model:value="value.spec.toService.path"
             :mode="mode"
             :label="t('navLink.tabs.link.toService.path.label')"
             :placeholder="t('navLink.tabs.link.toService.path.placeholder')"
@@ -383,20 +384,20 @@ export default {
     <div class="row mb-20">
       <div class="col span-6">
         <RadioGroup
-          v-model="currentTarget"
+          v-model:value="currentTarget"
           name="type"
           :mode="mode"
           :options="targetOptions"
-          @input="setTargetValue($event)"
+          @update:value="setTargetValue($event)"
         />
       </div>
       <div class="col span-6">
         <LabeledInput
           v-if="isNamedWindow"
-          v-model="targetName"
+          v-model:value="targetName"
           :mode="mode"
           :label="t('navLink.tabs.target.namedValue.label')"
-          @input="setTargetValue($event);"
+          @update:value="setTargetValue($event);"
         />
       </div>
     </div>
@@ -406,7 +407,7 @@ export default {
     <div class="row mb-20">
       <div class="col span-6">
         <LabeledInput
-          v-model="value.spec.group"
+          v-model:value="value.spec.group"
           :mode="mode"
           :tooltip="t('navLink.tabs.group.group.tooltip')"
           :label="t('navLink.tabs.group.group.label')"
@@ -414,7 +415,7 @@ export default {
       </div>
       <div class="col span-6">
         <LabeledInput
-          v-model="value.spec.sideLabel"
+          v-model:value="value.spec.sideLabel"
           :mode="mode"
           :label="t('navLink.tabs.group.sideLabel.label')"
         />
@@ -424,7 +425,7 @@ export default {
     <div class="row mb-20">
       <div class="col span-6">
         <LabeledInput
-          v-model="value.spec.description"
+          v-model:value="value.spec.description"
           :mode="mode"
           :label="t('navLink.tabs.group.description.label')"
         />
@@ -439,13 +440,13 @@ export default {
     </div>
     <div class="row">
       <FileImageSelector
-        v-model="value.spec.iconSrc"
+        v-model:value="value.spec.iconSrc"
         :read-as-data-url="true"
         :mode="mode"
         :label="t('navLink.tabs.groupImage.iconSrc.label')"
         accept="image/jpeg,image/png,image/svg+xml"
         @error="setImageError"
-        @input="setIcon"
+        @update:value="setIcon"
       />
     </div>
     <Banner

package/edit/workload/Job.vue

@@ -39,10 +39,10 @@ export default {
     if (this.type === WORKLOAD_TYPES.CRON_JOB) {
       // Initialize both value specs if empty
       if (!this.value.jobTemplate) {
-        this.$set(this.value, 'jobTemplate', { spec: {} });
+        this.value['jobTemplate'] = { spec: {} };
       }
       if (!this.value.jobTemplate.spec.template) {
-        this.$set(this.value.jobTemplate.spec, 'template', { spec: {} });
+        this.value.jobTemplate.spec['template'] = { spec: {} };
       }
       const {
         concurrencyPolicy = 'Allow',
@@ -71,7 +71,7 @@ export default {
       };
     } else {
       if (!this.value.template) {
-        this.$set(this.value, 'template', { spec: {} });
+        this.value['template'] = { spec: {} };
       }
       const {
         completions,
@@ -117,7 +117,7 @@ export default {
 
         spec.template.spec.terminationGracePeriodSeconds = this.terminationGracePeriodSeconds;
 
-        this.$emit('input', spec);
+        this.$emit('update:value', spec);
       } else {
         const spec = {
           ...this.value,
@@ -139,7 +139,7 @@ export default {
 
         spec.jobTemplate.spec.template.spec.terminationGracePeriodSeconds = this.terminationGracePeriodSeconds;
 
-        this.$emit('input', spec);
+        this.$emit('update:value', spec);
       }
     },
 
@@ -155,7 +155,7 @@ export default {
         class="col span-6"
       >
         <UnitInput
-          v-model="completions"
+          v-model:value="completions"
           :mode="mode"
           :suffix="t('suffix.times', {count: completions})"
           label-key="workload.job.completions.label"
@@ -168,7 +168,7 @@ export default {
         class="col span-6"
       >
         <UnitInput
-          v-model="parallelism"
+          v-model:value="parallelism"
           :mode="mode"
           :suffix="t('suffix.times', {count: parallelism})"
           label-key="workload.job.parallelism.label"
@@ -183,7 +183,7 @@ export default {
         class="col span-6"
       >
         <UnitInput
-          v-model="backoffLimit"
+          v-model:value="backoffLimit"
           :mode="mode"
           :suffix="t('suffix.times', {count: backoffLimit})"
           label-key="workload.job.backoffLimit.label"
@@ -196,7 +196,7 @@ export default {
         class="col span-6"
       >
         <UnitInput
-          v-model="activeDeadlineSeconds"
+          v-model:value="activeDeadlineSeconds"
           :mode="mode"
           :suffix="t('suffix.seconds', {count: activeDeadlineSeconds})"
           label-key="workload.job.activeDeadlineSeconds.label"
@@ -239,7 +239,7 @@ export default {
           class="col span-6"
         >
           <UnitInput
-            v-model="startingDeadlineSeconds"
+            v-model:value="startingDeadlineSeconds"
             :mode="mode"
             :suffix="t('suffix.seconds', {count: startingDeadlineSeconds})"
             label-key="workload.job.startingDeadlineSeconds.label"
@@ -252,7 +252,7 @@ export default {
           class="col span-6"
         >
           <UnitInput
-            v-model="terminationGracePeriodSeconds"
+            v-model:value="terminationGracePeriodSeconds"
             :suffix="terminationGracePeriodSeconds == 1 ? 'Second' : 'Seconds'"
             :label="t('workload.upgrading.activeDeadlineSeconds.label')"
             :mode="mode"
@@ -260,7 +260,7 @@ export default {
           >
             <template #label>
               <label
-                class="has-tooltip"
+                class="v-popper--has-tooltip"
                 :style="{'color':'var(--input-label)'}"
               >
                 {{ t('workload.upgrading.terminationGracePeriodSeconds.label') }}
@@ -280,7 +280,7 @@ export default {
           class="col span-6"
         >
           <RadioGroup
-            v-model="concurrencyPolicy"
+            v-model:value="concurrencyPolicy"
             :mode="mode"
             :label="t('workload.upgrading.concurrencyPolicy.label')"
             name="concurrency"
@@ -294,7 +294,7 @@ export default {
           class="col span-6"
         >
           <RadioGroup
-            v-model="suspend"
+            v-model:value="suspend"
             :mode="mode"
             :label="t('workload.job.suspend')"
             name="suspend"
@@ -314,14 +314,14 @@ export default {
         class="col span-6"
       >
         <UnitInput
-          v-model="terminationGracePeriodSeconds"
+          v-model:value="terminationGracePeriodSeconds"
           :suffix="terminationGracePeriodSeconds == 1 ? 'Second' : 'Seconds'"
           :label="t('workload.upgrading.activeDeadlineSeconds.label')"
           :mode="mode"
         >
           <template #label>
             <label
-              class="has-tooltip"
+              class="v-popper--has-tooltip"
               :style="{'color':'var(--input-label)'}"
             >
               {{ t('workload.upgrading.terminationGracePeriodSeconds.label') }}

package/edit/workload/Upgrading.vue

@@ -140,7 +140,7 @@ export default {
       }
 
       if (podSpec) {
-        this.$set(podSpec, 'terminationGracePeriodSeconds', terminationGracePeriodSeconds);
+        podSpec['terminationGracePeriodSeconds'] = terminationGracePeriodSeconds;
       }
 
       switch (this.type) {
@@ -196,7 +196,7 @@ export default {
         break;
       }
 
-      this.$emit('input', this.value);
+      this.$emit('update:value', this.value);
     },
 
     updateWithUnits({ selected:units, text:value }, target) {
@@ -229,12 +229,12 @@ export default {
         data-testid="input-policy-strategy"
       >
         <RadioGroup
-          v-model="strategy"
+          v-model:value="strategy"
           name="strategy"
           :options="strategyOptions.options"
           :labels="strategyOptions.labels"
           :mode="mode"
-          @input="update"
+          @update:value="update"
         />
       </div>
     </div>
@@ -247,12 +247,12 @@ export default {
         data-testid="input-policy-pod"
       >
         <RadioGroup
-          v-model="podManagementPolicy"
+          v-model:value="podManagementPolicy"
           name="podManagement"
           :mode="mode"
           :label="t('workload.upgrading.podManagementPolicy.label')"
           :options="['OrderedReady', 'Parallel']"
-          @input="update"
+          @update:value="update"
         />
       </div>
     </div>
@@ -274,7 +274,7 @@ export default {
             :mode="mode"
             type="number"
             :options="['Pods', '%']"
-            @input="e=>updateWithUnits(e, 'maxSurge')"
+            @update:value="e=>updateWithUnits(e, 'maxSurge')"
           />
         </div>
         <div
@@ -289,7 +289,7 @@ export default {
             :mode="mode"
             type="number"
             :options="['Pods', '%']"
-            @input="e=>updateWithUnits(e, 'maxUnavailable')"
+            @update:value="e=>updateWithUnits(e, 'maxUnavailable')"
           />
         </div>
       </div>
@@ -306,12 +306,12 @@ export default {
         data-testid="input-policy-min"
       >
         <UnitInput
-          v-model="minReadySeconds"
+          v-model:value="minReadySeconds"
           :suffix="t('suffix.seconds', {count: minReadySeconds})"
           label-key="workload.upgrading.minReadySeconds.label"
           tooltip-key="workload.upgrading.minReadySeconds.tip"
           :mode="mode"
-          @input="update"
+          @update:value="update"
         />
       </div>
       <div
@@ -320,12 +320,12 @@ export default {
         data-testid="input-policy-limit"
       >
         <UnitInput
-          v-model="revisionHistoryLimit"
+          v-model:value="revisionHistoryLimit"
           :suffix="t('suffix.revisions', {count: revisionHistoryLimit})"
           label-key="workload.upgrading.revisionHistoryLimit.label"
           tooltip-key="workload.upgrading.revisionHistoryLimit.tip"
           :mode="mode"
-          @input="update"
+          @update:value="update"
         />
       </div>
     </div>
@@ -338,12 +338,12 @@ export default {
         data-testid="input-policy-deadline"
       >
         <UnitInput
-          v-model="progressDeadlineSeconds"
+          v-model:value="progressDeadlineSeconds"
           :suffix="t('suffix.seconds', {count: progressDeadlineSeconds})"
           label-key="workload.upgrading.progressDeadlineSeconds.label"
           tooltip-key="workload.upgrading.progressDeadlineSeconds.tip"
           :mode="mode"
-          @input="update"
+          @update:value="update"
         />
       </div>
     </div>
@@ -358,12 +358,12 @@ export default {
         data-testid="input-policy-termination"
       >
         <UnitInput
-          v-model="terminationGracePeriodSeconds"
+          v-model:value="terminationGracePeriodSeconds"
           :suffix="t('suffix.seconds', {count: terminationGracePeriodSeconds})"
           label-key="workload.upgrading.terminationGracePeriodSeconds.label"
           tooltip-key="workload.upgrading.terminationGracePeriodSeconds.tip"
           :mode="mode"
-          @input="update"
+          @update:value="update"
         />
       </div>
     </div>

package/edit/workload/VolumeClaimTemplate.vue

@@ -52,7 +52,7 @@ export default {
 
   methods: {
     update() {
-      this.$set(this.value, 'volumeClaimTemplates', this.templates);
+      this.value['volumeClaimTemplates'] = this.templates;
     },
 
     updatePVC(pvc) {
@@ -69,7 +69,7 @@ export default {
 
     addPVC() {
       if (!this.value.volumeClaimTemplates) {
-        this.$set(this.value, 'volumeClaimTemplates', []);
+        this.value['volumeClaimTemplates'] = [];
       }
       this.templates = this.value.volumeClaimTemplates;
 
@@ -93,7 +93,7 @@ export default {
   <div>
     <div>
       <ArrayListGrouped
-        v-model="templates"
+        v-model:value="templates"
         class="mb-20"
         @input="update()"
       >