@rancher/shell 0.2.2 → 0.2.4

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

@@ -134,13 +134,24 @@ export default {
         <h3>Target</h3>
       </div>
     </div>
-    <div v-if="namespace" class="row mb-20">
+    <div
+      v-if="namespace"
+      class="row mb-20"
+    >
       <div class="col span-6">
-        <LabeledSelect v-model="integrationType" :options="integrationTypeOptions" :mode="mode" label="Integration Type" />
+        <LabeledSelect
+          v-model="integrationType"
+          :options="integrationTypeOptions"
+          :mode="mode"
+          label="Integration Type"
+        />
       </div>
     </div>
 
-    <div v-if="namespace" class="row mb-20">
+    <div
+      v-if="namespace"
+      class="row mb-20"
+    >
       <SimpleSecretSelector
         v-if="integrationType === 'Events API v2'"
         :initial-key="initialRoutingKeySecretKey"
@@ -164,17 +175,29 @@ export default {
         @updateSecretKey="updateServiceKeySecretKey"
       />
     </div>
-    <Banner v-else color="error">
+    <Banner
+      v-else
+      color="error"
+    >
       {{ t('alertmanagerConfigReceiver.namespaceWarning') }}
     </Banner>
 
     <div class="row mb-20">
       <div class="col span-12">
-        <LabeledInput v-model="value.httpConfig.proxyUrl" :mode="mode" label="Proxy URL" placeholder="e.g. http://my-proxy/" />
+        <LabeledInput
+          v-model="value.httpConfig.proxyUrl"
+          :mode="mode"
+          label="Proxy URL"
+          placeholder="e.g. http://my-proxy/"
+        />
       </div>
     </div>
     <div class="row">
-      <Checkbox v-model="value.sendResolved" :mode="mode" label="Enable send resolved alerts" />
+      <Checkbox
+        v-model="value.sendResolved"
+        :mode="mode"
+        label="Enable send resolved alerts"
+      />
     </div>
   </div>
 </template>

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

@@ -102,11 +102,17 @@ export default {
         @updateSecretName="updateSecretName"
         @updateSecretKey="updateSecretKey"
       />
-      <Banner v-else color="error">
+      <Banner
+        v-else
+        color="error"
+      >
         {{ t('alertmanagerConfigReceiver.namespaceWarning') }}
       </Banner>
       <p class="helper-text text-right mt-10">
-        <t k="monitoringReceiver.slack.info" :raw="true" />
+        <t
+          k="monitoringReceiver.slack.info"
+          :raw="true"
+        />
       </p>
     </div>
     <div class="row mb-20">

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

@@ -141,7 +141,11 @@ export default {
 
 <template>
   <div>
-    <Banner v-if="mode !== view" color="info" v-html="t('monitoringReceiver.webhook.banner', {}, raw=true)" />
+    <Banner
+      v-if="mode !== view"
+      color="info"
+      v-html="t('monitoringReceiver.webhook.banner', {}, raw=true)"
+    />
     <div class="row mb-20">
       <LabeledSelect
         v-model="selectedWebhookType"
@@ -160,7 +164,11 @@ export default {
         </h3>
       </div>
     </div>
-    <Banner v-if="showNamespaceBanner" color="info" v-html="t('monitoringReceiver.webhook.modifyNamespace', {}, raw=true)" />
+    <Banner
+      v-if="showNamespaceBanner"
+      color="info"
+      v-html="t('monitoringReceiver.webhook.modifyNamespace', {}, raw=true)"
+    />
     <div class="row mb-20">
       <div class="col span-12">
         <LabeledInput
@@ -183,19 +191,40 @@ export default {
         @updateSecretName="updateUrlSecretName"
         @updateSecretKey="updateUrlSecretKey"
       />
-      <Banner v-else color="error">
+      <Banner
+        v-else
+        color="error"
+      >
         {{ t('alertmanagerConfigReceiver.namespaceWarning') }}
       </Banner>
     </div>
     <div class="row mb-20">
       <div class="col span-12">
-        <LabeledInput v-model="value.httpConfig.proxyURL" :mode="mode" :label="t('monitoringReceiver.shared.proxyUrl.label')" :placeholder="t('monitoringReceiver.shared.proxyUrl.placeholder')" />
+        <LabeledInput
+          v-model="value.httpConfig.proxyURL"
+          :mode="mode"
+          :label="t('monitoringReceiver.shared.proxyUrl.label')"
+          :placeholder="t('monitoringReceiver.shared.proxyUrl.placeholder')"
+        />
       </div>
     </div>
     <div class="row mb-20">
-      <Checkbox v-model="value.sendResolved" :mode="mode" :label="t('monitoringReceiver.shared.sendResolved.label')" />
+      <Checkbox
+        v-model="value.sendResolved"
+        :mode="mode"
+        :label="t('monitoringReceiver.shared.sendResolved.label')"
+      />
     </div>
-    <TLS v-model="value.httpConfig" class="mb-20" :mode="mode" :namespace="namespace" />
-    <Auth v-model="value.httpConfig" :mode="mode" :namespace="namespace" />
+    <TLS
+      v-model="value.httpConfig"
+      class="mb-20"
+      :mode="mode"
+      :namespace="namespace"
+    />
+    <Auth
+      v-model="value.httpConfig"
+      :mode="mode"
+      :namespace="namespace"
+    />
   </div>
 </template>

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

@@ -320,11 +320,17 @@ export default {
         </div>
       </div>
       <div :class="[{ hide: isView && !severityLabelChecked }, 'row']">
-        <div v-if="isView && severityLabelChecked" class="col span-6 severity">
+        <div
+          v-if="isView && severityLabelChecked"
+          class="col span-6 severity"
+        >
           <label><t k="prometheusRule.alertingRules.labels.severity.label" /></label>
           <div>{{ value.labels.severity }}</div>
         </div>
-        <div v-else class="severity col span-6">
+        <div
+          v-else
+          class="severity col span-6"
+        >
           <Checkbox
             v-model="severityLabelChecked"
             :mode="mode"
@@ -374,7 +380,10 @@ export default {
                 </label>
                 <div>{{ value.annotations.summary }}</div>
               </div>
-              <div v-else class="col span-6 annotation-checkbox-container">
+              <div
+                v-else
+                class="col span-6 annotation-checkbox-container"
+              >
                 <Checkbox
                   v-model="summaryAnnotationChecked"
                   :mode="mode"
@@ -400,7 +409,10 @@ export default {
                 /></label>
                 <div>{{ value.annotations.message }}</div>
               </div>
-              <div v-else class="col span-6 annotation-checkbox-container">
+              <div
+                v-else
+                class="col span-6 annotation-checkbox-container"
+              >
                 <Checkbox
                   v-model="messageAnnotationChecked"
                   :mode="mode"
@@ -426,7 +438,10 @@ export default {
                 /></label>
                 <div>{{ value.annotations.description }}</div>
               </div>
-              <div v-else class="col span-6 annotation-checkbox-container">
+              <div
+                v-else
+                class="col span-6 annotation-checkbox-container"
+              >
                 <Checkbox
                   v-model="descriptionAnnotationChecked"
                   :mode="mode"
@@ -452,7 +467,10 @@ export default {
                 </label>
                 <div>{{ value.annotations.runbook_url }}</div>
               </div>
-              <div v-else class="col span-6 annotation-checkbox-container">
+              <div
+                v-else
+                class="col span-6 annotation-checkbox-container"
+              >
                 <Checkbox
                   v-model="runbookAnnotationChecked"
                   :mode="mode"

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

@@ -136,13 +136,18 @@ export default {
           >
             <t k="prometheusRule.recordingRules.addLabel" />
           </button>
-          <span v-else></span>
+          <span v-else />
         </template>
         <template v-slot:remove-button="props">
-          <button v-if="!isView" type="button" class="btn role-link close btn-sm" @click="removeRule(props.i)">
+          <button
+            v-if="!isView"
+            type="button"
+            class="btn role-link close btn-sm"
+            @click="removeRule(props.i)"
+          >
             <i class="icon icon-2x icon-x" />
           </button>
-          <span v-else></span>
+          <span v-else />
         </template>
       </ArrayListGrouped>
     </div>
@@ -180,13 +185,18 @@ export default {
           >
             <t k="prometheusRule.alertingRules.addLabel" />
           </button>
-          <span v-else></span>
+          <span v-else />
         </template>
         <template v-slot:remove-button="props">
-          <button v-if="!isView" type="button" class="btn role-link close btn-sm" @click="removeRule(props.i)">
+          <button
+            v-if="!isView"
+            type="button"
+            class="btn role-link close btn-sm"
+            @click="removeRule(props.i)"
+          >
             <i class="icon icon-2x icon-x" />
           </button>
-          <span v-else></span>
+          <span v-else />
         </template>
       </ArrayListGrouped>
     </div>

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

@@ -178,10 +178,18 @@ export default {
               />
             </div>
           </div>
-          <GroupRules v-model="group.rules" class="mb-20" :mode="mode" />
+          <GroupRules
+            v-model="group.rules"
+            class="mb-20"
+            :mode="mode"
+          />
         </Tab>
       </Tabbed>
-      <Banner v-else color="warning" :label="t('prometheusRule.groups.none')" />
+      <Banner
+        v-else
+        color="warning"
+        :label="t('prometheusRule.groups.none')"
+      />
     </div>
   </CruResource>
 </template>

package/edit/monitoring.coreos.com.receiver/auth.vue

@@ -81,18 +81,39 @@ export default {
     </div>
     <div class="row mb-20">
       <div class="col span-12">
-        <LabeledSelect v-model="authType" :options="authOptions" label="Auth Type" @input="initializeType(authOptions, authType)" />
+        <LabeledSelect
+          v-model="authType"
+          :options="authOptions"
+          label="Auth Type"
+          @input="initializeType(authOptions, authType)"
+        />
       </div>
     </div>
-    <div v-if="authType === 'basic_auth'" class="row mb-20">
+    <div
+      v-if="authType === 'basic_auth'"
+      class="row mb-20"
+    >
       <div class="col span-6">
-        <LabeledInput v-model="value.basic_auth.username" :mode="mode" :label="t('monitoringReceiver.auth.username')" />
+        <LabeledInput
+          v-model="value.basic_auth.username"
+          :mode="mode"
+          :label="t('monitoringReceiver.auth.username')"
+        />
       </div>
       <div class="col span-6">
-        <LabeledInput v-model="value.basic_auth.password" :mode="mode" :label="t('monitoringReceiver.auth.password')" type="password" autocomplete="password" />
+        <LabeledInput
+          v-model="value.basic_auth.password"
+          :mode="mode"
+          :label="t('monitoringReceiver.auth.password')"
+          type="password"
+          autocomplete="password"
+        />
       </div>
     </div>
-    <div v-else-if="authType === 'bearer_token'" class="row mb-20">
+    <div
+      v-else-if="authType === 'bearer_token'"
+      class="row mb-20"
+    >
       <div class="col span-6">
         <LabeledInput
           v-model="value.bearer_token"
@@ -104,9 +125,17 @@ export default {
         />
       </div>
     </div>
-    <div v-else-if="authType === 'bearer_token_file'" class="row mb-20">
+    <div
+      v-else-if="authType === 'bearer_token_file'"
+      class="row mb-20"
+    >
       <div class="col span-6">
-        <LabeledInput v-model="value.bearer_token_file" :mode="mode" :label="t('monitoringReceiver.auth.bearerTokenFile.label')" :placeholder="t('monitoringReceiver.auth.bearerTokenFile.placeholder')" />
+        <LabeledInput
+          v-model="value.bearer_token_file"
+          :mode="mode"
+          :label="t('monitoringReceiver.auth.bearerTokenFile.label')"
+          :placeholder="t('monitoringReceiver.auth.bearerTokenFile.placeholder')"
+        />
       </div>
     </div>
   </div>

package/edit/monitoring.coreos.com.receiver/index.vue

@@ -169,24 +169,50 @@ export default {
     @finish="saveOverride"
     @cancel="done"
   >
-    <div v-if="!isView" class="row mb-10">
+    <div
+      v-if="!isView"
+      class="row mb-10"
+    >
       <div class="col span-6">
-        <LabeledInput v-model="value.spec.name" :disabled="!isCreate" :label="t('generic.name')" :mode="mode" />
+        <LabeledInput
+          v-model="value.spec.name"
+          :disabled="!isCreate"
+          :label="t('generic.name')"
+          :mode="mode"
+        />
       </div>
     </div>
-    <Tabbed ref="tabbed" :side-tabs="true" default-tab="overview" @changed="tabChanged">
-      <Tab :label="t('generic.overview')" :weight="receiverTypes.length" name="overview">
+    <Tabbed
+      ref="tabbed"
+      :side-tabs="true"
+      default-tab="overview"
+      @changed="tabChanged"
+    >
+      <Tab
+        :label="t('generic.overview')"
+        :weight="receiverTypes.length"
+        name="overview"
+      >
         <div class="box-container create-resource-container ">
-          <div v-for="(receiverType, i) in receiverTypes" :key="i" class="mb-10 subtype-banner" primary-color-var="--primary-color" @click="navigateTo(receiverType)">
+          <div
+            v-for="(receiverType, i) in receiverTypes"
+            :key="i"
+            class="mb-10 subtype-banner"
+            primary-color-var="--primary-color"
+            @click="navigateTo(receiverType)"
+          >
             <div class="left">
               <div class="logo">
-                <img :src="receiverType.logo" />
+                <img :src="receiverType.logo">
               </div>
               <h4 class="name ml-10">
                 <t :k="receiverType.label" />
               </h4>
             </div>
-            <div v-if="receiverType.name !== 'custom'" class="right">
+            <div
+              v-if="receiverType.name !== 'custom'"
+              class="right"
+            >
               {{ getCount(receiverType) }}
             </div>
           </div>
@@ -207,7 +233,12 @@ export default {
           :editor-mode="editorMode"
         />
         <div v-else>
-          <component :is="getComponent(receiverType.banner)" v-if="receiverType.banner" :model="value.spec[receiverType.key]" :mode="mode" />
+          <component
+            :is="getComponent(receiverType.banner)"
+            v-if="receiverType.banner"
+            :model="value.spec[receiverType.key]"
+            :mode="mode"
+          />
           <ArrayListGrouped
             v-model="value.spec[receiverType.key]"
             class="namespace-list"
@@ -216,10 +247,21 @@ export default {
             :add-label="t('monitoringReceiver.addButton', { type: t(receiverType.label) })"
           >
             <template #default="props">
-              <component :is="getComponent(receiverType.name)" :value="props.row.value" :mode="mode" />
+              <component
+                :is="getComponent(receiverType.name)"
+                :value="props.row.value"
+                :mode="mode"
+              />
             </template>
-            <template v-if="receiverType.addButton" #add>
-              <component :is="getComponent(receiverType.addButton)" :model="value.spec[receiverType.key]" :mode="mode" />
+            <template
+              v-if="receiverType.addButton"
+              #add
+            >
+              <component
+                :is="getComponent(receiverType.addButton)"
+                :model="value.spec[receiverType.key]"
+                :mode="mode"
+              />
             </template>
           </ArrayListGrouped>
         </div>

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

@@ -35,20 +35,38 @@ export default {
     <div class="row">
       <div class="col span-12">
         <h3>{{ t('monitoring.receiver.tls.label') }}</h3>
-        <Banner color="info" v-html="t('monitoring.receiver.tls.secretsBanner', {}, true)" />
+        <Banner
+          color="info"
+          v-html="t('monitoring.receiver.tls.secretsBanner', {}, true)"
+        />
       </div>
     </div>
     <div class="row mb-20">
       <div class="col span-6">
-        <LabeledInput v-model="value.tls_config.ca_file" :mode="mode" :label="t('monitoring.receiver.tls.caFilePath.label')" :placeholder="t('monitoring.receiver.tls.caFilePath.placeholder')" />
+        <LabeledInput
+          v-model="value.tls_config.ca_file"
+          :mode="mode"
+          :label="t('monitoring.receiver.tls.caFilePath.label')"
+          :placeholder="t('monitoring.receiver.tls.caFilePath.placeholder')"
+        />
       </div>
     </div>
     <div class="row mb-20">
       <div class="col span-6">
-        <LabeledInput v-model="value.tls_config.cert_file" :mode="mode" :label="t('monitoring.receiver.tls.certFilePath.label')" :placeholder="t('monitoring.receiver.tls.certFilePath.placeholder')" />
+        <LabeledInput
+          v-model="value.tls_config.cert_file"
+          :mode="mode"
+          :label="t('monitoring.receiver.tls.certFilePath.label')"
+          :placeholder="t('monitoring.receiver.tls.certFilePath.placeholder')"
+        />
       </div>
       <div class="col span-6">
-        <LabeledInput v-model="value.tls_config.key_file" :mode="mode" :label="t('monitoring.receiver.tls.keyFilePath.label')" :placeholder="t('monitoring.receiver.tls.keyFilePath.placeholder')" />
+        <LabeledInput
+          v-model="value.tls_config.key_file"
+          :mode="mode"
+          :label="t('monitoring.receiver.tls.keyFilePath.label')"
+          :placeholder="t('monitoring.receiver.tls.keyFilePath.placeholder')"
+        />
       </div>
     </div>
   </div>

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

@@ -43,10 +43,20 @@ export default {
     </div>
     <div class="row mb-20">
       <div class="col span-6">
-        <LabeledInput v-model="value.to" :mode="mode" label="Default Recipient Address" placeholder="e.g. admin@example.com" />
+        <LabeledInput
+          v-model="value.to"
+          :mode="mode"
+          label="Default Recipient Address"
+          placeholder="e.g. admin@example.com"
+        />
       </div>
       <div class="col span-6">
-        <Checkbox v-model="value.send_resolved" :mode="mode" class="mt-20" label="Enable send resolved alerts" />
+        <Checkbox
+          v-model="value.send_resolved"
+          :mode="mode"
+          class="mt-20"
+          label="Enable send resolved alerts"
+        />
       </div>
     </div>
     <h2 class="mb-10">
@@ -54,25 +64,55 @@ export default {
     </h2>
     <div class="row mb-20">
       <div class="col span-12">
-        <LabeledInput v-model="value.from" :mode="mode" label="Sender" placeholder="e.g. admin@example.com" />
+        <LabeledInput
+          v-model="value.from"
+          :mode="mode"
+          label="Sender"
+          placeholder="e.g. admin@example.com"
+        />
       </div>
     </div>
     <div class="row mb-20">
       <div class="col span-6">
-        <LabeledInput v-model="value.smarthost" :mode="mode" label="Host" placeholder="e.g. 192.168.1.121:587" />
+        <LabeledInput
+          v-model="value.smarthost"
+          :mode="mode"
+          label="Host"
+          placeholder="e.g. 192.168.1.121:587"
+        />
       </div>
       <div class="col span-6">
-        <Checkbox v-model="value.require_tls" :mode="mode" class="mt-20" label="Use TLS" />
+        <Checkbox
+          v-model="value.require_tls"
+          :mode="mode"
+          class="mt-20"
+          label="Use TLS"
+        />
       </div>
     </div>
     <div class="row mb-20">
       <div class="col span-6">
-        <LabeledInput v-model="value.auth_username" :mode="mode" label="Username" placeholder="e.g. John" />
+        <LabeledInput
+          v-model="value.auth_username"
+          :mode="mode"
+          label="Username"
+          placeholder="e.g. John"
+        />
       </div>
       <div class="col span-6">
-        <LabeledInput v-model="value.auth_password" :mode="mode" label="Password" type="password" autocomplete="password" />
+        <LabeledInput
+          v-model="value.auth_password"
+          :mode="mode"
+          label="Password"
+          type="password"
+          autocomplete="password"
+        />
       </div>
     </div>
-    <TLS v-model="value" class="mb-20" :mode="mode" />
+    <TLS
+      v-model="value"
+      class="mb-20"
+      :mode="mode"
+    />
   </div>
 </template>

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

@@ -135,24 +135,45 @@ export default {
     </div>
     <div class="row mb-20">
       <div class="col span-12">
-        <LabeledInput v-model="value.api_key" :mode="mode" label="API Key" />
+        <LabeledInput
+          v-model="value.api_key"
+          :mode="mode"
+          label="API Key"
+        />
       </div>
     </div>
     <div class="row mb-20">
       <div class="col span-12">
-        <LabeledInput v-model="value.http_config.proxy_url" :mode="mode" label="Proxy URL" placeholder="e.g. http://my-proxy/" />
+        <LabeledInput
+          v-model="value.http_config.proxy_url"
+          :mode="mode"
+          label="Proxy URL"
+          placeholder="e.g. http://my-proxy/"
+        />
       </div>
     </div>
     <div class="row mb-20">
-      <Checkbox v-model="value.send_resolved" :mode="mode" label="Enable send resolved alerts" />
+      <Checkbox
+        v-model="value.send_resolved"
+        :mode="mode"
+        label="Enable send resolved alerts"
+      />
     </div>
     <div class="row">
       <div class="col span-12">
         <h3>Responders</h3>
-        <ArrayList v-model="responders" :mode="mode" :default-add-value="defaultResponder" :show-header="true">
+        <ArrayList
+          v-model="responders"
+          :mode="mode"
+          :default-add-value="defaultResponder"
+          :show-header="true"
+        >
           <template v-slot:column-headers>
             <div class="responders-heading">
-              <div class="row" :class="{'mb-15': isView, 'mb-10': !isView}">
+              <div
+                class="row"
+                :class="{'mb-15': isView, 'mb-10': !isView}"
+              >
                 <div class="col span-6">
                   <span class="text-label">Type</span>
                 </div>
@@ -166,7 +187,12 @@ export default {
             <div class="row responder">
               <div class="col span-6">
                 <span v-if="isView">{{ typeLabel(scope.row.value.type) }}</span>
-                <Select v-else v-model="scope.row.value.type" :mode="mode" :options="TYPES" />
+                <Select
+                  v-else
+                  v-model="scope.row.value.type"
+                  :mode="mode"
+                  :options="TYPES"
+                />
               </div>
               <div class="col-span-6 target-container">
                 <span v-if="isView">{{ targetLabel(scope.row.value.target) }}: {{ scope.row.value.value }}</span>