@rancher/shell 2.0.1 → 3.0.0-rc.2

package/edit/monitoring.coreos.com.alertmanagerconfig/routeConfig.vue

@@ -29,8 +29,8 @@ export default {
     },
   },
   data() {
-    this.$set(this.value, 'matchers', this.value.matchers || []);
-    this.$set(this.value, 'groupBy', this.value.groupBy || []);
+    this.value['matchers'] = this.value.matchers || [];
+    this.value['groupBy'] = this.value.groupBy || [];
 
     return {
       isView:     _VIEW,
@@ -60,7 +60,7 @@ export default {
     <div class="row mb-20">
       <div class="col span-6">
         <LabeledSelect
-          v-model="value.receiver"
+          v-model:value="value.receiver"
           :mode="mode"
           :options="receiverOptions"
         />
@@ -77,7 +77,7 @@ export default {
           />
         </span>
         <ArrayList
-          v-model="value.groupBy"
+          v-model:value="value.groupBy"
           class="mt-10"
           :mode="mode"
           :initial-empty-row="true"
@@ -88,14 +88,14 @@ export default {
     <div class="row mb-20">
       <div class="col span-6">
         <LabeledInput
-          v-model="value.groupWait"
+          v-model:value="value.groupWait"
           :label="t('monitoringRoute.wait.label')"
           :mode="mode"
         />
       </div>
       <div class="col span-6">
         <LabeledInput
-          v-model="value.groupInterval"
+          v-model:value="value.groupInterval"
           :label="t('monitoringRoute.interval.label')"
           :mode="mode"
         />
@@ -104,7 +104,7 @@ export default {
     <div class="row mb-20">
       <div class="col span-6">
         <LabeledInput
-          v-model="value.repeatInterval"
+          v-model:value="value.repeatInterval"
           :label="t('monitoringRoute.repeatInterval.label')"
           :mode="mode"
         />
@@ -113,7 +113,7 @@ export default {
 
     <h3>Matchers</h3>
     <ArrayListGrouped
-      v-model="value.matchers"
+      v-model:value="value.matchers"
       class="mt-20"
       :mode="mode"
       :add-label="t('monitoringRoute.matching.addMatcher')"
@@ -123,7 +123,7 @@ export default {
         <div class="row mt-20 mb-20">
           <div class="col span-4">
             <LabeledInput
-              v-model="props.row.value.name"
+              v-model:value="props.row.value.name"
               :label="t('monitoringRoute.matching.name')"
               :tooltip="t('monitoringRoute.matching.nameTooltip')"
               :mode="mode"
@@ -131,7 +131,7 @@ export default {
           </div>
           <div class="col span-4">
             <LabeledInput
-              v-model="props.row.value.value"
+              v-model:value="props.row.value.value"
               :label="t('monitoringRoute.matching.value')"
               :tooltip="t('monitoringRoute.matching.valueTooltip')"
               :mode="mode"
@@ -139,7 +139,7 @@ export default {
           </div>
           <div class="col span-4">
             <LabeledSelect
-              v-model="props.row.value.matchType"
+              v-model:value="props.row.value.matchType"
               :label="t('monitoringRoute.matching.matchType')"
               :mode="mode"
               :options="matchTypes"

package/edit/monitoring.coreos.com.alertmanagerconfig/tls.vue

@@ -23,7 +23,7 @@ export default {
     }
   },
   data() {
-    this.$set(this.value, 'tlsConfig', this.value.tlsConfig || {});
+    this.value['tlsConfig'] = this.value.tlsConfig || {};
 
     return {
       initialCaSecretKey:          this.value.tlsConfig.ca?.secret?.key ? this.value.tlsConfig.ca.secret.key : '',
@@ -261,7 +261,7 @@ export default {
     <div class="row mb-20">
       <div class="col span-12">
         <LabeledInput
-          v-model="value.tlsConfig.serverName"
+          v-model:value="value.tlsConfig.serverName"
           :mode="mode"
           :label="t('monitoringReceiver.tls.serverName')"
           :tooltip="t('monitoringReceiver.tls.serverNameTooltip')"

package/edit/monitoring.coreos.com.alertmanagerconfig/types/email.vue

@@ -24,8 +24,8 @@ export default {
     }
   },
   data() {
-    this.$set(this.value, 'sendResolved', this.value.sendResolved || false);
-    this.$set(this.value, 'requireTLS', this.value.requireTLS || false);
+    this.value['sendResolved'] = this.value.sendResolved || false;
+    this.value['requireTLS'] = this.value.requireTLS || false;
 
     return {
       view:                          _VIEW,
@@ -84,7 +84,7 @@ export default {
     <div class="row mb-20">
       <div class="col span-6">
         <LabeledInput
-          v-model="value.to"
+          v-model:value="value.to"
           :mode="mode"
           label="Default Recipient Address"
           placeholder="e.g. admin@example.com"
@@ -92,7 +92,7 @@ export default {
       </div>
       <div class="col span-6">
         <Checkbox
-          v-model="value.sendResolved"
+          v-model:value="value.sendResolved"
           :mode="mode"
           class="mt-20"
           label="Enable send resolved alerts"
@@ -105,7 +105,7 @@ export default {
     <div class="row mb-20">
       <div class="col span-12">
         <LabeledInput
-          v-model="value.from"
+          v-model:value="value.from"
           :mode="mode"
           label="Sender"
           placeholder="e.g. admin@example.com"
@@ -115,7 +115,7 @@ export default {
     <div class="row mb-20">
       <div class="col span-6">
         <LabeledInput
-          v-model="value.smarthost"
+          v-model:value="value.smarthost"
           :mode="mode"
           label="Host"
           placeholder="e.g. 192.168.1.121:587"
@@ -123,7 +123,7 @@ export default {
       </div>
       <div class="col span-6">
         <Checkbox
-          v-model="value.requireTLS"
+          v-model:value="value.requireTLS"
           :mode="mode"
           class="mt-20"
           label="Use TLS"
@@ -136,7 +136,7 @@ export default {
     >
       <div class="col span-6">
         <LabeledInput
-          v-model="value.authUsername"
+          v-model:value="value.authUsername"
           :mode="mode"
           :label="t('monitoring.alertmanagerConfig.email.username')"
           placeholder="e.g. John"
@@ -163,10 +163,11 @@ export default {
       </Banner>
     </div>
     <TLS
-      v-model="value"
+      :value="value"
       class="mb-20"
       :mode="mode"
       :namespace="namespace"
+      @update:value="$emit('input', $event)"
     />
   </div>
 </template>

package/edit/monitoring.coreos.com.alertmanagerconfig/types/opsgenie.vue

@@ -60,9 +60,9 @@ export default {
     }
   },
   data() {
-    this.$set(this.value, 'httpConfig', this.value.httpConfig || {});
-    this.$set(this.value, 'sendResolved', typeof this.value.sendResolved === 'boolean' ? this.value.send_resolved : true);
-    this.$set(this.value, 'responders', this.value.responders || []);
+    this.value['httpConfig'] = this.value.httpConfig || {};
+    this.value['sendResolved'] = typeof this.value.sendResolved === 'boolean' ? this.value.send_resolved : true;
+    this.value['responders'] = this.value.responders || [];
 
     const responders = this.value.responders.map((responder) => {
       const target = TARGETS.find((target) => responder[target.value]);
@@ -107,7 +107,7 @@ export default {
           };
         });
 
-        this.$set(this.value, 'responders', responders);
+        this.value['responders'] = responders;
       }
     }
   },
@@ -190,7 +190,7 @@ export default {
     <div class="row mb-20">
       <div class="col span-12">
         <LabeledInput
-          v-model="value.httpConfig.proxyURL"
+          v-model:value="value.httpConfig.proxyURL"
           :mode="mode"
           label="Proxy URL"
           placeholder="e.g. http://my-proxy/"
@@ -199,7 +199,7 @@ export default {
     </div>
     <div class="row mb-20">
       <Checkbox
-        v-model="value.sendResolved"
+        v-model:value="value.sendResolved"
         :mode="mode"
         label="Enable send resolved alerts"
       />
@@ -208,7 +208,7 @@ export default {
       <div class="col span-12">
         <h3>Responders</h3>
         <ArrayList
-          v-model="responders"
+          v-model:value="responders"
           :mode="mode"
           :default-add-value="defaultResponder"
           :show-header="true"
@@ -234,7 +234,7 @@ export default {
                 <span v-if="isView">{{ typeLabel(scope.row.value.type) }}</span>
                 <Select
                   v-else
-                  v-model="scope.row.value.type"
+                  v-model:value="scope.row.value.type"
                   :mode="mode"
                   :options="TYPES"
                 />
@@ -248,7 +248,7 @@ export default {
                   :options="TARGETS"
                   :select-value="scope.row.value.target"
                   :text-value="scope.row.value.value"
-                  @input="updateResponder($event, scope.row.value)"
+                  @update:value="updateResponder($event, scope.row.value)"
                 />
               </div>
             </div>
@@ -270,7 +270,7 @@ export default {
       width: 100%;
     }
 
-    .target-container ::v-deep .unlabeled-select {
+    .target-container :deep() .unlabeled-select {
       min-width: 35%;
       height: 100%;
     }

package/edit/monitoring.coreos.com.alertmanagerconfig/types/pagerduty.vue

@@ -24,8 +24,8 @@ export default {
     }
   },
   data() {
-    this.$set(this.value, 'httpConfig', this.value.httpConfig || {});
-    this.$set(this.value, 'sendResolved', typeof this.value.send_resolved === 'boolean' ? this.value.send_resolved : true);
+    this.value['httpConfig'] = this.value.httpConfig || {};
+    this.value['sendResolved'] = typeof this.value.send_resolved === 'boolean' ? this.value.send_resolved : true;
 
     const integrationMapping = {
       'Events API v2': 'routingKey',
@@ -139,7 +139,7 @@ export default {
     >
       <div class="col span-6">
         <LabeledSelect
-          v-model="integrationType"
+          v-model:value="integrationType"
           :options="integrationTypeOptions"
           :mode="mode"
           label="Integration Type"
@@ -184,7 +184,7 @@ export default {
     <div class="row mb-20">
       <div class="col span-12">
         <LabeledInput
-          v-model="value.httpConfig.proxyURL"
+          v-model:value="value.httpConfig.proxyURL"
           :mode="mode"
           label="Proxy URL"
           placeholder="e.g. http://my-proxy/"
@@ -194,7 +194,7 @@ export default {
     </div>
     <div class="row">
       <Checkbox
-        v-model="value.sendResolved"
+        v-model:value="value.sendResolved"
         :mode="mode"
         label="Enable send resolved alerts"
       />

package/edit/monitoring.coreos.com.alertmanagerconfig/types/slack.vue

@@ -24,8 +24,8 @@ export default {
     }
   },
   data() {
-    this.$set(this.value, 'httpConfig', this.value.httpConfig || {});
-    this.$set(this.value, 'sendResolved', this.value.sendResolved || false);
+    this.value['httpConfig'] = this.value.httpConfig || {};
+    this.value['sendResolved'] = this.value.sendResolved || false;
 
     if (this.mode === _CREATE) {
       this.$set(
@@ -118,7 +118,7 @@ export default {
     <div class="row mb-20">
       <div class="col span-6">
         <LabeledInput
-          v-model="value.channel"
+          v-model:value="value.channel"
           :mode="mode"
           label="Default Channel"
           placeholder="e.g. #example"
@@ -126,7 +126,7 @@ export default {
       </div>
       <div class="col span-6">
         <LabeledInput
-          v-model="value.httpConfig.proxyURL"
+          v-model:value="value.httpConfig.proxyURL"
           :mode="mode"
           label="Proxy URL"
           placeholder="e.g. http://my-proxy/"
@@ -135,7 +135,7 @@ export default {
     </div>
     <div class="row">
       <Checkbox
-        v-model="value.sendResolved"
+        v-model:value="value.sendResolved"
         :mode="mode"
         label="Enable send resolved alerts"
       />

package/edit/monitoring.coreos.com.alertmanagerconfig/types/webhook.vue

@@ -42,8 +42,8 @@ export default {
     }
   },
   data(props) {
-    this.$set(this.value, 'httpConfig', this.value.httpConfig || {});
-    this.$set(this.value, 'sendResolved', this.value.sendResolved || false);
+    this.value['httpConfig'] = this.value.httpConfig || {};
+    this.value['sendResolved'] = this.value.sendResolved || false;
 
     const isDriverUrl = this.value.url === MS_TEAMS_URL || this.value.url === ALIBABA_CLOUD_SMS_URL;
 
@@ -148,13 +148,13 @@ export default {
     />
     <div class="row mb-20">
       <LabeledSelect
-        v-model="selectedWebhookType"
+        v-model:value="selectedWebhookType"
         :disabled="mode === view"
         :label="t('monitoringReceiver.webhook.add.selectWebhookType')"
         :placeholder="t('monitoringReceiver.webhook.add.generic')"
         :localized-label="true"
         :options="webhookOptons"
-        @input="updateWebhookType($event)"
+        @update:value="updateWebhookType($event)"
       />
     </div>
     <div class="row">
@@ -172,7 +172,7 @@ export default {
     <div class="row mb-20">
       <div class="col span-12">
         <LabeledInput
-          v-model="value.url"
+          v-model:value="value.url"
           :mode="mode"
           :label="t('monitoring.alertmanagerConfig.webhook.url')"
           :tooltip="t('monitoring.alertmanagerConfig.webhook.urlSecretTooltip')"
@@ -201,7 +201,7 @@ export default {
     <div class="row mb-20">
       <div class="col span-12">
         <LabeledInput
-          v-model="value.httpConfig.proxyURL"
+          v-model:value="value.httpConfig.proxyURL"
           :mode="mode"
           :label="t('monitoringReceiver.shared.proxyUrl.label')"
           :placeholder="t('monitoringReceiver.shared.proxyUrl.placeholder')"
@@ -210,19 +210,19 @@ export default {
     </div>
     <div class="row mb-20">
       <Checkbox
-        v-model="value.sendResolved"
+        v-model:value="value.sendResolved"
         :mode="mode"
         :label="t('monitoringReceiver.shared.sendResolved.label')"
       />
     </div>
     <TLS
-      v-model="value.httpConfig"
+      v-model:value="value.httpConfig"
       class="mb-20"
       :mode="mode"
       :namespace="namespace"
     />
     <Auth
-      v-model="value.httpConfig"
+      v-model:value="value.httpConfig"
       :mode="mode"
       :namespace="namespace"
     />

package/edit/monitoring.coreos.com.prometheusrule/AlertingRule.vue

@@ -78,12 +78,12 @@ export default {
       set(value) {
         if (value) {
           if (isEmpty(this.value?.labels)) {
-            this.$set(this.value, 'labels', { severity: 'none' });
+            this.value['labels'] = { severity: 'none' };
           } else {
-            this.$set(this.value.labels, 'severity', 'none');
+            this.value.labels['severity'] = 'none';
           }
         } else {
-          this.$set(this.value.labels, 'severity', '');
+          this.value.labels['severity'] = '';
           delete this.value.labels.severity;
         }
       },
@@ -100,12 +100,12 @@ export default {
       set(value) {
         if (value) {
           if (isEmpty(this.value?.annotations)) {
-            this.$set(this.value, 'annotations', { summary: '' });
+            this.value['annotations'] = { summary: '' };
           } else {
-            this.$set(this.value.annotations, 'summary', '');
+            this.value.annotations['summary'] = '';
           }
         } else {
-          this.$set(this.value.annotations, 'summary', '');
+          this.value.annotations['summary'] = '';
           delete this.value.annotations.summary;
         }
       },
@@ -122,12 +122,12 @@ export default {
       set(value) {
         if (value) {
           if (isEmpty(this.value?.annotations)) {
-            this.$set(this.value, 'annotations', { message: '' });
+            this.value['annotations'] = { message: '' };
           } else {
-            this.$set(this.value.annotations, 'message', '');
+            this.value.annotations['message'] = '';
           }
         } else {
-          this.$set(this.value.annotations, 'message', '');
+          this.value.annotations['message'] = '';
           delete this.value.annotations.message;
         }
       },
@@ -144,12 +144,12 @@ export default {
       set(value) {
         if (value) {
           if (isEmpty(this.value?.annotations)) {
-            this.$set(this.value, 'annotations', { description: '' });
+            this.value['annotations'] = { description: '' };
           } else {
-            this.$set(this.value.annotations, 'description', '');
+            this.value.annotations['description'] = '';
           }
         } else {
-          this.$set(this.value.annotations, 'description', '');
+          this.value.annotations['description'] = '';
           delete this.value.annotations.description;
         }
       },
@@ -166,12 +166,12 @@ export default {
       set(value) {
         if (value) {
           if (isEmpty(this.value?.annotations)) {
-            this.$set(this.value, 'annotations', { runbook_url: '' });
+            this.value['annotations'] = { runbook_url: '' };
           } else {
-            this.$set(this.value.annotations, 'runbook_url', '');
+            this.value.annotations['runbook_url'] = '';
           }
         } else {
-          this.$set(this.value.annotations, 'runbook_url', '');
+          this.value.annotations['runbook_url'] = '';
           delete this.value.annotations.runbook_url;
         }
       },
@@ -213,7 +213,7 @@ export default {
         return undefined;
       },
       set(v) {
-        this.$set(this.value, 'for', [null, undefined].includes(v) ? undefined : `${ v }s`);
+        this.value['for'] = [null, undefined].includes(v ? undefined : `${ v }s`);
       }
     }
   },
@@ -223,9 +223,9 @@ export default {
       const neu = value === 'custom' ? '' : value;
 
       if (this.value?.labels) {
-        this.$set(this.value.labels, 'severity', neu);
+        this.value.labels['severity'] = neu;
       } else {
-        this.$set(this.value, 'labels', { severity: neu });
+        this.value['labels'] = { severity: neu };
       }
     },
   },
@@ -252,7 +252,7 @@ export default {
         neu['severity'] = this.selectedSeverityLabel;
       }
 
-      this.$set(this.value, 'labels', neu);
+      this.value['labels'] = neu;
     },
     updateAnnotations(value) {
       const {
@@ -267,10 +267,10 @@ export default {
         }
       });
 
-      this.$set(this.value, 'annotations', neu);
+      this.value['annotations'] = neu;
     },
     updateExpression(value) {
-      this.$set(this.value, 'expr', value);
+      this.value['expr'] = value;
     }
   },
 };
@@ -281,7 +281,7 @@ export default {
     <div class="row mt-25">
       <div class="col span-6">
         <LabeledInput
-          v-model="value.alert"
+          v-model:value="value.alert"
           :label="t('prometheusRule.alertingRules.name')"
           :required="true"
           :mode="mode"
@@ -290,7 +290,7 @@ export default {
       </div>
       <div class="col span-6">
         <UnitInput
-          v-model="waitToFireFor"
+          v-model:value="waitToFireFor"
           :suffix="t('suffix.seconds', {count: value.for})"
           :placeholder="t('prometheusRule.alertingRules.for.placeholder')"
           :label="t('prometheusRule.alertingRules.for.label')"
@@ -301,7 +301,7 @@ export default {
     <div class="row">
       <div class="col span-12">
         <LabeledInput
-          v-model="value.expr"
+          v-model:value="value.expr"
           :label="t('prometheusRule.promQL.label')"
           :required="true"
           :mode="mode"
@@ -343,13 +343,13 @@ export default {
           class="severity col span-6"
         >
           <Checkbox
-            v-model="severityLabelChecked"
+            v-model:value="severityLabelChecked"
             :mode="mode"
             :label="t('prometheusRule.alertingRules.labels.severity.label')"
           />
           <LabeledSelect
             v-if="severityLabelChecked"
-            v-model="value.labels.severity"
+            v-model:value="value.labels.severity"
             class="mt-10"
             :mode="mode"
             :label="t('prometheusRule.alertingRules.labels.severity.choices.label')"
@@ -368,7 +368,7 @@ export default {
             :mode="mode"
             :read-allowed="false"
             :value-multiline="false"
-            @input="queueLabelUpdate"
+            @update:value="queueLabelUpdate"
           />
         </div>
       </div>
@@ -397,13 +397,13 @@ export default {
                 class="col span-6 annotation-checkbox-container"
               >
                 <Checkbox
-                  v-model="summaryAnnotationChecked"
+                  v-model:value="summaryAnnotationChecked"
                   :mode="mode"
                   :label="t('prometheusRule.alertingRules.annotations.summary.label')"
                 />
                 <LabeledInput
                   v-if="summaryAnnotationChecked"
-                  v-model="value.annotations.summary"
+                  v-model:value="value.annotations.summary"
                   class="mt-5"
                   :label="t('prometheusRule.alertingRules.annotations.summary.input')"
                   type="multiline"
@@ -426,13 +426,13 @@ export default {
                 class="col span-6 annotation-checkbox-container"
               >
                 <Checkbox
-                  v-model="messageAnnotationChecked"
+                  v-model:value="messageAnnotationChecked"
                   :mode="mode"
                   :label="t('prometheusRule.alertingRules.annotations.message.label')"
                 />
                 <LabeledInput
                   v-if="messageAnnotationChecked"
-                  v-model="value.annotations.message"
+                  v-model:value="value.annotations.message"
                   class="mt-5"
                   :label="t('prometheusRule.alertingRules.annotations.message.input')"
                   type="multiline"
@@ -455,13 +455,13 @@ export default {
                 class="col span-6 annotation-checkbox-container"
               >
                 <Checkbox
-                  v-model="descriptionAnnotationChecked"
+                  v-model:value="descriptionAnnotationChecked"
                   :mode="mode"
                   :label="t('prometheusRule.alertingRules.annotations.description.label')"
                 />
                 <LabeledInput
                   v-if="descriptionAnnotationChecked"
-                  v-model="value.annotations.description"
+                  v-model:value="value.annotations.description"
                   class="mt-5"
                   :label="t('prometheusRule.alertingRules.annotations.description.input')"
                   type="multiline"
@@ -484,13 +484,13 @@ export default {
                 class="col span-6 annotation-checkbox-container"
               >
                 <Checkbox
-                  v-model="runbookAnnotationChecked"
+                  v-model:value="runbookAnnotationChecked"
                   :mode="mode"
                   :label="t('prometheusRule.alertingRules.annotations.runbook.label')"
                 />
                 <LabeledInput
                   v-if="runbookAnnotationChecked"
-                  v-model="value.annotations.runbook_url"
+                  v-model:value="value.annotations.runbook_url"
                   class="mt-5"
                   :label="t('prometheusRule.alertingRules.annotations.runbook.input')"
                   type="multiline"
@@ -507,7 +507,7 @@ export default {
             :add-label="t('labels.addAnnotation')"
             :mode="mode"
             :read-allowed="false"
-            @input="queueAnnotationUpdate"
+            @update:value="queueAnnotationUpdate"
           />
         </div>
       </div>