@rancher/shell 0.2.2 → 0.2.4

package/chart/istio.vue

@@ -131,47 +131,102 @@ export default {
 
 <template>
   <div>
-    <Tab name="components" :label="t('istio.titles.components') ">
+    <Tab
+      name="components"
+      :label="t('istio.titles.components') "
+    >
       <div class="row">
-        <div v-if="value.cni" class="col span-4">
-          <Checkbox v-model="value.cni.enabled" :label="t('istio.cni')" @input="update" />
+        <div
+          v-if="value.cni"
+          class="col span-4"
+        >
+          <Checkbox
+            v-model="value.cni.enabled"
+            :label="t('istio.cni')"
+            @input="update"
+          />
         </div>
-        <div v-if="value.ingressGateways" class="col span-4">
-          <Checkbox v-model="value.ingressGateways.enabled" :label="t('istio.ingressGateway')" />
+        <div
+          v-if="value.ingressGateways"
+          class="col span-4"
+        >
+          <Checkbox
+            v-model="value.ingressGateways.enabled"
+            :label="t('istio.ingressGateway')"
+          />
         </div>
-        <div v-if="value.egressGateways" class="col span-4">
-          <Checkbox v-model="value.egressGateways.enabled" :label="t('istio.egressGateway')" />
+        <div
+          v-if="value.egressGateways"
+          class="col span-4"
+        >
+          <Checkbox
+            v-model="value.egressGateways.enabled"
+            :label="t('istio.egressGateway')"
+          />
         </div>
       </div>
       <div class="row">
-        <div v-if="value.pilot" class="col span-4">
-          <Checkbox v-model="value.pilot.enabled" :label="t('istio.pilot')" />
+        <div
+          v-if="value.pilot"
+          class="col span-4"
+        >
+          <Checkbox
+            v-model="value.pilot.enabled"
+            :label="t('istio.pilot')"
+          />
         </div>
-        <div v-if="value.policy" class="col span-4">
-          <Checkbox v-model="value.policy.enabled" :label="t('istio.policy')" />
+        <div
+          v-if="value.policy"
+          class="col span-4"
+        >
+          <Checkbox
+            v-model="value.policy.enabled"
+            :label="t('istio.policy')"
+          />
         </div>
-        <div v-if="value.telemetry" class="col span-4">
-          <Checkbox v-model="value.telemetry.enabled" :label="t('istio.telemetry')" />
+        <div
+          v-if="value.telemetry"
+          class="col span-4"
+        >
+          <Checkbox
+            v-model="value.telemetry.enabled"
+            :label="t('istio.telemetry')"
+          />
         </div>
       </div>
       <div class="row">
-        <div v-if="value.kiali" class="col span-4">
-          <Checkbox v-model="value.kiali.enabled" :label="t('istio.kiali')" />
+        <div
+          v-if="value.kiali"
+          class="col span-4"
+        >
+          <Checkbox
+            v-model="value.kiali.enabled"
+            :label="t('istio.kiali')"
+          />
         </div>
-        <div v-if="value.tracing" class="col span-4">
-          <Checkbox v-model="value.tracing.enabled" :label="t('istio.tracing')" />
-        </div>
-        <div class="col span-4">
+        <div
+          v-if="value.tracing"
+          class="col span-4"
+        >
+          <Checkbox
+            v-model="value.tracing.enabled"
+            :label="t('istio.tracing')"
+          />
         </div>
+        <div class="col span-4" />
       </div>
     </Tab>
 
-    <Tab :label="t('istio.customOverlayFile.label')" name="overlay" @active="$refs['yaml-editor'].refresh()">
+    <Tab
+      :label="t('istio.customOverlayFile.label')"
+      name="overlay"
+      @active="$refs['yaml-editor'].refresh()"
+    >
       <div class="custom-overlay">
         <Banner color="info">
           <span
             v-html="t('istio.customOverlayFile.tip', {}, true)"
-          ></span>
+          />
         </Banner>
         <YamlEditor
           ref="yaml-editor"
@@ -179,7 +234,11 @@ export default {
           :value="overlayFile"
           @onInput="valuesChanged"
         />
-        <FileSelector class="role-primary  btn-sm" :label="t('generic.readFromFile')" @selected="onFileSelected" />
+        <FileSelector
+          class="role-primary  btn-sm"
+          :label="t('generic.readFromFile')"
+          @selected="onFileSelected"
+        />
       </div>
     </Tab>
   </div>

package/chart/logging/index.vue

@@ -39,14 +39,23 @@ export default {
 
 <template>
   <div class="logging">
-    <div v-if="provider === 'k3s'" class="row mb-20">
+    <div
+      v-if="provider === 'k3s'"
+      class="row mb-20"
+    >
       <div class="col span-6">
-        <LabeledInput v-model="value.additionalLoggingSources.k3s.container_engine" :label="t('logging.install.k3sContainerEngine')" />
+        <LabeledInput
+          v-model="value.additionalLoggingSources.k3s.container_engine"
+          :label="t('logging.install.k3sContainerEngine')"
+        />
       </div>
     </div>
     <div class="row mb-20">
       <div class="col span-6">
-        <LabeledInput v-model="value.global.dockerRootDirectory" :label="t('logging.install.dockerRootDirectory')" />
+        <LabeledInput
+          v-model="value.global.dockerRootDirectory"
+          :label="t('logging.install.dockerRootDirectory')"
+        />
       </div>
     </div>
     <div class="row mb-20">
@@ -57,13 +66,18 @@ export default {
           :label="t('logging.install.systemdLogPath')"
           :tooltip="t('logging.install.tooltip', {}, true)"
         />
-        <p class="mt-6" v-html="t('logging.install.url', {}, true)">
-        </p>
+        <p
+          class="mt-6"
+          v-html="t('logging.install.url', {}, true)"
+        />
       </div>
     </div>
     <div class="row">
       <div class="col span-6">
-        <Checkbox v-model="value.additionalLoggingSources[provider].enabled" :label="t('logging.install.enableAdditionalLoggingSources')" />
+        <Checkbox
+          v-model="value.additionalLoggingSources[provider].enabled"
+          :label="t('logging.install.enableAdditionalLoggingSources')"
+        />
       </div>
     </div>
   </div>

package/chart/monitoring/alerting/index.vue

@@ -184,7 +184,10 @@ export default {
             />
           </div>
         </div>
-        <div v-if="allSecrets.length > 0" class="row">
+        <div
+          v-if="allSecrets.length > 0"
+          class="row"
+        >
           <div class="col span-6">
             <LabeledSelect
               v-model="value.alertmanager.alertmanagerSpec.secrets"

package/chart/monitoring/index.vue

@@ -192,14 +192,31 @@ export default {
 </script>
 
 <template>
-  <Loading v-if="$fetchState.pending" mode="relative" />
-  <div v-else class="config-monitoring-container">
-    <Tab name="general" :label="t('monitoring.tabs.general')" :weight="99">
+  <Loading
+    v-if="$fetchState.pending"
+    mode="relative"
+  />
+  <div
+    v-else
+    class="config-monitoring-container"
+  >
+    <Tab
+      name="general"
+      :label="t('monitoring.tabs.general')"
+      :weight="99"
+    >
       <div>
         <div class="row mb-20">
-          <ClusterSelector :value="value" :mode="mode" @onClusterTypeChanged="clusterType = $event" />
+          <ClusterSelector
+            :value="value"
+            :mode="mode"
+            @onClusterTypeChanged="clusterType = $event"
+          />
         </div>
-        <div v-if="clusterType.group === 'managed'" class="row mb-20">
+        <div
+          v-if="clusterType.group === 'managed'"
+          class="row mb-20"
+        >
           <Checkbox
             v-model="value.prometheusOperator.hostNetwork"
             label-key="monitoring.hostNetwork.label"
@@ -226,7 +243,10 @@ export default {
             />
           </div>
         </div>
-        <div v-if="provider === 'rke' && value.rkeEtcd" class="row mt-20">
+        <div
+          v-if="provider === 'rke' && value.rkeEtcd"
+          class="row mt-20"
+        >
           <div class="col span-6">
             <LabeledInput
               v-model="value.rkeEtcd.clients.https.certDir"
@@ -256,12 +276,24 @@ export default {
         />
       </div>
     </Tab>
-    <Tab name="alerting" :label="t('monitoring.tabs.alerting')" :weight="97">
+    <Tab
+      name="alerting"
+      :label="t('monitoring.tabs.alerting')"
+      :weight="97"
+    >
       <div>
-        <Alerting v-model="value" :mode="mode" :secrets="secrets" />
+        <Alerting
+          v-model="value"
+          :mode="mode"
+          :secrets="secrets"
+        />
       </div>
     </Tab>
-    <Tab name="grafana" :label="t('monitoring.tabs.grafana')" :weight="96">
+    <Tab
+      name="grafana"
+      :label="t('monitoring.tabs.grafana')"
+      :weight="96"
+    >
       <div>
         <Grafana
           v-model="value"

package/chart/monitoring/prometheus/index.vue

@@ -59,16 +59,6 @@ export default {
 
   data() {
     return {
-      volumeModes: [
-        {
-          id:    'Filesystem',
-          label: 'monitoring.volume.modes.file',
-        },
-        {
-          id:    'Block',
-          label: 'monitoring.volume.modes.block',
-        },
-      ],
       enablePersistentStorage: !!this.value?.prometheus?.prometheusSpec?.storageSpec?.volumeClaimTemplate?.spec,
       warnUser:                false,
     };
@@ -165,7 +155,6 @@ export default {
               accessModes: ['ReadWriteOnce'],
               resources:   { requests: { storage: '50Gi' } },
               selector:    { matchExpressions: [], matchLabels: {} },
-              volumeMode:  'Filesystem',
             }
           }
         );
@@ -201,11 +190,24 @@ export default {
     <div class="title">
       <h3>{{ t('monitoring.prometheus.title') }}</h3>
     </div>
-    <Banner v-if="filteredWorkloads && warnUser" color="warning">
+    <Banner
+      v-if="filteredWorkloads && warnUser"
+      color="warning"
+    >
       <template #default>
-        <t k="monitoring.prometheus.warningInstalled" :raw="true" />
-        <div v-for="wl in filteredWorkloads" :key="wl.id" class="mt-10">
-          <nuxt-link :to="wl.link" class="btn role-tertiary">
+        <t
+          k="monitoring.prometheus.warningInstalled"
+          :raw="true"
+        />
+        <div
+          v-for="wl in filteredWorkloads"
+          :key="wl.id"
+          class="mt-10"
+        >
+          <nuxt-link
+            :to="wl.link"
+            class="btn role-tertiary"
+          >
             {{ wl.label }}
           </nuxt-link>
         </div>
@@ -214,7 +216,10 @@ export default {
     <div class="prometheus-config">
       <div class="row">
         <div class="col span-6 col-full-height">
-          <Checkbox v-model="value.prometheus.prometheusSpec.enableAdminAPI" :label="t('monitoring.prometheus.config.adminApi')" />
+          <Checkbox
+            v-model="value.prometheus.prometheusSpec.enableAdminAPI"
+            :label="t('monitoring.prometheus.config.adminApi')"
+          />
         </div>
         <div class="col span-6 col-full-height">
           <RadioGroup
@@ -299,9 +304,15 @@ export default {
           />
         </div>
       </div>
-      <div class="row row-full-height container-flex-center" style="min-height: 55px;">
+      <div
+        class="row row-full-height container-flex-center"
+        style="min-height: 55px;"
+      >
         <div class="col span-6">
-          <Checkbox v-model="enablePersistentStorage" :label="t('monitoring.prometheus.storage.label')" />
+          <Checkbox
+            v-model="enablePersistentStorage"
+            :label="t('monitoring.prometheus.storage.label')"
+          />
         </div>
       </div>
       <template v-if="enablePersistentStorage">
@@ -337,16 +348,6 @@ export default {
               :reduce="({id})=> id"
             />
           </div>
-          <div class="col span-6">
-            <LabeledSelect
-              v-model="value.prometheus.prometheusSpec.storageSpec.volumeClaimTemplate.spec.volumeMode"
-              :label="t('monitoring.prometheus.storage.volumeMode')"
-              :localized-label="true"
-              :mode="mode"
-              :options="volumeModes"
-              :reduce="({id})=> id"
-            />
-          </div>
         </div>
         <div class="row">
           <div class="col span-12">
@@ -355,7 +356,10 @@ export default {
                 {{ t('monitoring.prometheus.storage.selector') }}
               </h4>
             </div>
-            <Banner color="warning" :label="t('monitoring.prometheus.storage.selectorWarning', {}, true)" />
+            <Banner
+              color="warning"
+              :label="t('monitoring.prometheus.storage.selectorWarning', {}, true)"
+            />
             <MatchExpressions
               :initial-empty-row="false"
               :mode="mode"

package/chart/monitoring/steps/uninstall-v1.vue

@@ -87,8 +87,10 @@ export default {
           <p>
             {{ t('monitoring.installSteps.uninstallV1.warning1') }}
           </p>
-          <p class="mt-10" v-html="t('monitoring.installSteps.uninstallV1.warning2', {}, true)">
-          </p>
+          <p
+            class="mt-10"
+            v-html="t('monitoring.installSteps.uninstallV1.warning2', {}, true)"
+          />
         </template>
       </IconMessage>
       <AsyncButton
@@ -108,8 +110,10 @@ export default {
         <p class="">
           {{ t('monitoring.installSteps.uninstallV1.success1') }}
         </p>
-        <p class="mt-10" v-html="t('monitoring.installSteps.uninstallV1.success2')">
-        </p>
+        <p
+          class="mt-10"
+          v-html="t('monitoring.installSteps.uninstallV1.success2')"
+        />
       </template>
     </IconMessage>
   </div>

package/chart/rancher-backup/S3.vue

@@ -85,28 +85,63 @@ export default {
         />
       </div>
       <div class="col span-6">
-        <LabeledInput v-model="value.bucketName" :mode="mode" :label="t('backupRestoreOperator.s3.bucketName')" />
+        <LabeledInput
+          v-model="value.bucketName"
+          :mode="mode"
+          :label="t('backupRestoreOperator.s3.bucketName')"
+        />
       </div>
     </div>
     <div class="row mb-10">
       <div class="col span-6">
-        <LabeledInput v-model="value.region" :mode="mode" :label="t('backupRestoreOperator.s3.region')" />
+        <LabeledInput
+          v-model="value.region"
+          :mode="mode"
+          :label="t('backupRestoreOperator.s3.region')"
+        />
       </div>
       <div class="col span-6">
-        <LabeledInput v-model="value.folder" :mode="mode" :label="t('backupRestoreOperator.s3.folder')" />
+        <LabeledInput
+          v-model="value.folder"
+          :mode="mode"
+          :label="t('backupRestoreOperator.s3.folder')"
+        />
       </div>
     </div>
     <div class="row mb-10">
       <div class="col span-6">
-        <LabeledInput v-model="value.endpoint" :mode="mode" :label="t('backupRestoreOperator.s3.endpoint')" />
-        <Checkbox v-model="value.insecureTLSSkipVerify" class="mt-10" :mode="mode" :label="t('backupRestoreOperator.s3.insecureTLSSkipVerify')" />
+        <LabeledInput
+          v-model="value.endpoint"
+          :mode="mode"
+          :label="t('backupRestoreOperator.s3.endpoint')"
+        />
+        <Checkbox
+          v-model="value.insecureTLSSkipVerify"
+          class="mt-10"
+          :mode="mode"
+          :label="t('backupRestoreOperator.s3.insecureTLSSkipVerify')"
+        />
       </div>
       <div class="col span-6">
-        <LabeledInput v-model="value.endpointCA" :mode="mode" type="multiline" :label="t('backupRestoreOperator.s3.endpointCA.label')" />
+        <LabeledInput
+          v-model="value.endpointCA"
+          :mode="mode"
+          type="multiline"
+          :label="t('backupRestoreOperator.s3.endpointCA.label')"
+        />
         <div class="ca-controls">
-          <FileSelector v-if="mode!=='view'" class="btn btn-sm role-primary mt-5" :mode="mode" :label="t('generic.readFromFile')" @selected="e=> setCA(e)" />
+          <FileSelector
+            v-if="mode!=='view'"
+            class="btn btn-sm role-primary mt-5"
+            :mode="mode"
+            :label="t('generic.readFromFile')"
+            @selected="e=> setCA(e)"
+          />
           <div class="ca-tooltip">
-            <i v-tooltip="t('backupRestoreOperator.s3.endpointCA.prompt')" class="icon icon-info" />
+            <i
+              v-tooltip="t('backupRestoreOperator.s3.endpointCA.prompt')"
+              class="icon icon-info"
+            />
           </div>
         </div>
       </div>

package/chart/rancher-backup/index.vue

@@ -161,8 +161,14 @@ export default {
 
 <template>
   <div>
-    <Tab label="Chart Options" name="chartOptions">
-      <Banner color="info" :label="t('backupRestoreOperator.deployment.storage.tip')" />
+    <Tab
+      label="Chart Options"
+      name="chartOptions"
+    >
+      <Banner
+        color="info"
+        :label="t('backupRestoreOperator.deployment.storage.tip')"
+      />
       <RadioGroup
         v-model="storageSource"
         name="storageSource"
@@ -171,7 +177,12 @@ export default {
         :options="radioOptions.options"
         :labels="radioOptions.labels"
       />
-      <S3 v-if="storageSource==='s3'" :value="value.s3" :secrets="secrets" :mode="mode" />
+      <S3
+        v-if="storageSource==='s3'"
+        :value="value.s3"
+        :secrets="secrets"
+        :mode="mode"
+      />
       <template v-else>
         <div class="row">
           <template v-if="storageSource === 'pickSC'">
@@ -189,10 +200,17 @@ export default {
               />
             </div>
             <div class="col span-6">
-              <LabeledInput v-model="value.persistence.size" :mode="mode" :label="t('backupRestoreOperator.deployment.size')" />
+              <LabeledInput
+                v-model="value.persistence.size"
+                :mode="mode"
+                :label="t('backupRestoreOperator.deployment.size')"
+              />
             </div>
           </template>
-          <div v-else-if="storageSource === 'pickPV'" class="col span-6">
+          <div
+            v-else-if="storageSource === 'pickPV'"
+            class="col span-6"
+          >
             <LabeledSelect
               :key="storageSource"
               v-model="persistentVolume"

package/chart/rancher-gatekeeper.vue

@@ -17,12 +17,20 @@ export default {
   <div>
     <div class="row">
       <div class="col span-6">
-        <UnitInput v-model="value.auditInterval" label="Audit interval" suffix="Seconds" />
+        <UnitInput
+          v-model="value.auditInterval"
+          label="Audit interval"
+          suffix="Seconds"
+        />
       </div>
     </div>
     <div class="row mt-10">
       <div class="col span-6">
-        <UnitInput v-model="value.constraintViolationsLimit" label="Constraint violations limit" suffix="" />
+        <UnitInput
+          v-model="value.constraintViolationsLimit"
+          label="Constraint violations limit"
+          suffix=""
+        />
       </div>
     </div>
   </div>

package/cloud-credential/aws.vue

@@ -64,7 +64,10 @@ export default {
 </script>
 
 <template>
-  <Loading v-if="$fetchState.pending" :delayed="true" />
+  <Loading
+    v-if="$fetchState.pending"
+    :delayed="true"
+  />
   <div v-else>
     <LabeledInput
       :value="value.decodedData.accessKey"
@@ -93,6 +96,9 @@ export default {
       :options="knownRegions"
       @input="value.setData('defaultRegion', $event);"
     />
-    <p class="text-muted mt-5" v-html="t('cluster.credential.aws.defaultRegion.help', {}, true)" />
+    <p
+      class="text-muted mt-5"
+      v-html="t('cluster.credential.aws.defaultRegion.help', {}, true)"
+    />
   </div>
 </template>

package/cloud-credential/digitalocean.vue

@@ -39,6 +39,9 @@ export default {
       :mode="mode"
       @input="value.setData('accessToken', $event);"
     />
-    <p class="text-muted mt-10" v-html="t('cluster.credential.digitalocean.accessToken.help', {}, true)" />
+    <p
+      class="text-muted mt-10"
+      v-html="t('cluster.credential.digitalocean.accessToken.help', {}, true)"
+    />
   </div>
 </template>

package/cloud-credential/gcp.vue

@@ -58,7 +58,14 @@ export default {
       :mode="mode"
       @input="value.setData('authEncodedJson', $event);"
     />
-    <FileSelector class="role-primary btn-sm mt-20 mb-20" :label="t('generic.readFromFile')" @selected="onFileSelected" />
-    <p class="text-muted" v-html="t('cluster.credential.gcp.authEncodedJson.help', {}, true)" />
+    <FileSelector
+      class="role-primary btn-sm mt-20 mb-20"
+      :label="t('generic.readFromFile')"
+      @selected="onFileSelected"
+    />
+    <p
+      class="text-muted"
+      v-html="t('cluster.credential.gcp.authEncodedJson.help', {}, true)"
+    />
   </div>
 </template>

package/cloud-credential/generic.vue

@@ -68,7 +68,12 @@ export default {
 
 <template>
   <div>
-    <Banner v-if="!hasSupport" color="info" label-key="cluster.selectCredential.genericDescription" class="mt-0" />
+    <Banner
+      v-if="!hasSupport"
+      color="info"
+      label-key="cluster.selectCredential.genericDescription"
+      class="mt-0"
+    />
     <KeyValue
       :value="value.decodedData"
       :key-options="hasSupport || !keyOptions.length ? null : keyOptions"

package/cloud-credential/harvester.vue

@@ -121,7 +121,10 @@ export default {
     </div>
 
     <div class="row mb-10">
-      <div v-if="isImportCluster" class="col span-6">
+      <div
+        v-if="isImportCluster"
+        class="col span-6"
+      >
         <LabeledSelect
           v-model="cluster"
           :mode="mode"

package/cloud-credential/linode.vue

@@ -39,6 +39,9 @@ export default {
       :mode="mode"
       @input="value.setData('token', $event);"
     />
-    <p class="text-muted mt-10" v-html="t('cluster.credential.linode.accessToken.help', {}, true)" />
+    <p
+      class="text-muted mt-10"
+      v-html="t('cluster.credential.linode.accessToken.help', {}, true)"
+    />
   </div>
 </template>