@rancher/shell 0.2.3 → 0.2.4

package/edit/workload/Upgrading.vue

@@ -219,8 +219,14 @@ export default {
 <template>
   <div>
     <!--workload  spec.upgradeStrategy -->
-    <div v-if="strategyOptions && !noDeploymentSpec" class="row mb-20">
-      <div class="col" data-testid="input-policy-strategy">
+    <div
+      v-if="strategyOptions && !noDeploymentSpec"
+      class="row mb-20"
+    >
+      <div
+        class="col"
+        data-testid="input-policy-strategy"
+      >
         <RadioGroup
           v-model="strategy"
           name="strategy"
@@ -231,8 +237,14 @@ export default {
         />
       </div>
     </div>
-    <div v-if="isStatefulSet && !noDeploymentSpec" class="row mb-20">
-      <div class="col span-6" data-testid="input-policy-pod">
+    <div
+      v-if="isStatefulSet && !noDeploymentSpec"
+      class="row mb-20"
+    >
+      <div
+        class="col span-6"
+        data-testid="input-policy-pod"
+      >
         <RadioGroup
           v-model="podManagementPolicy"
           name="podManagement"
@@ -249,7 +261,10 @@ export default {
         class="row mb-20"
         data-testid="input-policy-surge"
       >
-        <div v-if="isDeployment" class="col span-6">
+        <div
+          v-if="isDeployment"
+          class="col span-6"
+        >
           <InputWithSelect
             :text-value="maxSurge"
             :select-before-text="false"
@@ -280,7 +295,10 @@ export default {
     </template>
 
     <!-- workload spec -->
-    <div v-if="!noDeploymentSpec" class="row mb-20">
+    <div
+      v-if="!noDeploymentSpec"
+      class="row mb-20"
+    >
       <div
         v-if="!isStatefulSet"
         class="col span-6"
@@ -330,7 +348,10 @@ export default {
     </div>
 
     <!-- pod spec -->
-    <div v-if="!noPodSpec" class="row">
+    <div
+      v-if="!noPodSpec"
+      class="row"
+    >
       <div
         class="col span-6"
         data-testid="input-policy-termination"

package/edit/workload/index.vue

@@ -35,7 +35,10 @@ export default {
 
 <template>
   <Loading v-if="$fetchState.pending" />
-  <form v-else class="filled-height">
+  <form
+    v-else
+    class="filled-height"
+  >
     <CruResource
       :validation-passed="fvFormIsValid"
       :selected-subtype="type"
@@ -58,8 +61,14 @@ export default {
         @change="name=value.metadata.name"
         @isNamespaceNew="isNamespaceNew = $event"
       />
-      <div v-if="isCronJob || isReplicable || isStatefulSet || containerOptions.length > 1" class="row mb-20">
-        <div v-if="isCronJob" class="col span-3">
+      <div
+        v-if="isCronJob || isReplicable || isStatefulSet || containerOptions.length > 1"
+        class="row mb-20"
+      >
+        <div
+          v-if="isCronJob"
+          class="col span-3"
+        >
           <LabeledInput
             v-model="spec.schedule"
             type="cron"
@@ -70,7 +79,10 @@ export default {
             placeholder="0 * * * *"
           />
         </div>
-        <div v-if="isReplicable" class="col span-3">
+        <div
+          v-if="isReplicable"
+          class="col span-3"
+        >
           <LabeledInput
             v-model.number="spec.replicas"
             type="number"
@@ -80,7 +92,10 @@ export default {
             :label="t('workload.replicas')"
           />
         </div>
-        <div v-if="isStatefulSet" class="col span-3">
+        <div
+          v-if="isStatefulSet"
+          class="col span-3"
+        >
           <LabeledSelect
             v-model="spec.serviceName"
             option-label="metadata.name"
@@ -92,7 +107,13 @@ export default {
           />
         </div>
       </div>
-      <Tabbed class="deployment-tabs" :show-tabs-add-remove="true" :default-tab="defaultTab" :flat="true" @changed="changed">
+      <Tabbed
+        class="deployment-tabs"
+        :show-tabs-add-remove="true"
+        :default-tab="defaultTab"
+        :flat="true"
+        @changed="changed"
+      >
         <Tab
           v-for="(tab, i) in allContainers"
           :key="i"
@@ -101,17 +122,40 @@ export default {
           :weight="tab.weight"
           :error="!!tab.error"
         >
-          <Tabbed :side-tabs="true" :weight="99">
-            <Tab :label="t('workload.container.titles.general')" name="general" :weight="tabWeightMap['general']" :error="tabErrors.general">
-              <template #tab-header-right class="tab-content-controls">
-                <button v-if="allContainers.length > 1 && !isView" type="button" class="btn-sm role-link" @click="removeContainer(tab)">
+          <Tabbed
+            :side-tabs="true"
+            :weight="99"
+          >
+            <Tab
+              :label="t('workload.container.titles.general')"
+              name="general"
+              :weight="tabWeightMap['general']"
+              :error="tabErrors.general"
+            >
+              <template
+                #tab-header-right
+                class="tab-content-controls"
+              >
+                <button
+                  v-if="allContainers.length > 1 && !isView"
+                  type="button"
+                  class="btn-sm role-link"
+                  @click="removeContainer(tab)"
+                >
                   {{ t('workload.container.removeContainer') }}
                 </button>
               </template>
               <div>
-                <div :style="{'align-items':'center'}" class="row mb-20">
+                <div
+                  :style="{'align-items':'center'}"
+                  class="row mb-20"
+                >
                   <div class="col span-6">
-                    <LabeledInput v-model="allContainers[i].name" :mode="mode" :label="t('workload.container.containerName')" />
+                    <LabeledInput
+                      v-model="allContainers[i].name"
+                      :mode="mode"
+                      :label="t('workload.container.containerName')"
+                    />
                   </div>
                   <div class="col span-6">
                     <RadioGroup
@@ -164,7 +208,12 @@ export default {
               <div>
                 <h3>{{ t('workload.container.titles.ports') }}</h3>
                 <div class="row">
-                  <WorkloadPorts v-model="allContainers[i].ports" :name="value.metadata.name" :services="servicesOwned" :mode="mode" />
+                  <WorkloadPorts
+                    v-model="allContainers[i].ports"
+                    :name="value.metadata.name"
+                    :services="servicesOwned"
+                    :mode="mode"
+                  />
                 </div>
               </div>
               <div class="spacer" />
@@ -191,21 +240,52 @@ export default {
               <div class="spacer" />
               <div>
                 <h3>{{ t('workload.container.titles.lifecycle') }}</h3>
-                <LifecycleHooks v-model="allContainers[i].lifecycle" :mode="mode" />
+                <LifecycleHooks
+                  v-model="allContainers[i].lifecycle"
+                  :mode="mode"
+                />
               </div>
             </Tab>
-            <Tab :label="t('workload.container.titles.resources')" name="resources" :weight="tabWeightMap['resources']">
+            <Tab
+              :label="t('workload.container.titles.resources')"
+              name="resources"
+              :weight="tabWeightMap['resources']"
+            >
               <!-- Resources and Limitations -->
-              <ContainerResourceLimit v-model="flatResources" :mode="mode" :show-tip="false" />
+              <ContainerResourceLimit
+                v-model="flatResources"
+                :mode="mode"
+                :show-tip="false"
+              />
             </Tab>
 
-            <Tab v-if="!isInitContainer" :label="t('workload.container.titles.healthCheck')" name="healthCheck" :weight="tabWeightMap['healthCheck']">
-              <HealthCheck :value="allContainers[i]" :mode="mode" @input="Object.assign(allContainers[i], $event)" />
+            <Tab
+              v-if="!isInitContainer"
+              :label="t('workload.container.titles.healthCheck')"
+              name="healthCheck"
+              :weight="tabWeightMap['healthCheck']"
+            >
+              <HealthCheck
+                :value="allContainers[i]"
+                :mode="mode"
+                @input="Object.assign(allContainers[i], $event)"
+              />
             </Tab>
-            <Tab :label="t('workload.container.titles.securityContext')" name="securityContext" :weight="tabWeightMap['securityContext']">
-              <Security v-model="allContainers[i].securityContext" :mode="mode" />
+            <Tab
+              :label="t('workload.container.titles.securityContext')"
+              name="securityContext"
+              :weight="tabWeightMap['securityContext']"
+            >
+              <Security
+                v-model="allContainers[i].securityContext"
+                :mode="mode"
+              />
             </Tab>
-            <Tab :label="t('workload.storage.title')" name="storage" :weight="tabWeightMap['storage']">
+            <Tab
+              :label="t('workload.storage.title')"
+              name="storage"
+              :weight="tabWeightMap['storage']"
+            >
               <ContainerMountPaths
                 v-model="podTemplateSpec"
                 :namespace="value.metadata.namespace"
@@ -220,20 +300,55 @@ export default {
             </Tab>
           </Tabbed>
         </Tab>
-        <Tab v-if="!isPod" :label="nameDisplayFor(type)" :name="nameDisplayFor(type)" :weight="99">
+        <Tab
+          v-if="!isPod"
+          :label="nameDisplayFor(type)"
+          :name="nameDisplayFor(type)"
+          :weight="99"
+        >
           <Tabbed :side-tabs="true">
-            <Tab name="labels" label-key="generic.labelsAndAnnotations" :weight="tabWeightMap['labels']">
-              <Labels v-model="value" :mode="mode" />
+            <Tab
+              name="labels"
+              label-key="generic.labelsAndAnnotations"
+              :weight="tabWeightMap['labels']"
+            >
+              <Labels
+                v-model="value"
+                :mode="mode"
+              />
             </Tab>
-            <Tab :label="t('workload.container.titles.upgrading')" name="upgrading" :weight="tabWeightMap['upgrading']">
-              <Job v-if="isJob || isCronJob" v-model="spec" :mode="mode" :type="type" />
-              <Upgrading v-else v-model="spec" :mode="mode" :type="type" :no-pod-spec="true" />
+            <Tab
+              :label="t('workload.container.titles.upgrading')"
+              name="upgrading"
+              :weight="tabWeightMap['upgrading']"
+            >
+              <Job
+                v-if="isJob || isCronJob"
+                v-model="spec"
+                :mode="mode"
+                :type="type"
+              />
+              <Upgrading
+                v-else
+                v-model="spec"
+                :mode="mode"
+                :type="type"
+                :no-pod-spec="true"
+              />
             </Tab>
           </Tabbed>
         </Tab>
-        <Tab :label="t('workload.tabs.labels.pod')" :name="'pod'" :weight="98">
+        <Tab
+          :label="t('workload.tabs.labels.pod')"
+          :name="'pod'"
+          :weight="98"
+        >
           <Tabbed :side-tabs="true">
-            <Tab :label="t('workload.storage.title')" name="storage" :weight="tabWeightMap['storage']">
+            <Tab
+              :label="t('workload.storage.title')"
+              name="storage"
+              :weight="tabWeightMap['storage']"
+            >
               <Storage
                 v-model="podTemplateSpec"
                 :namespace="value.metadata.namespace"
@@ -247,14 +362,21 @@ export default {
                 @removePvcForm="clearPvcFormState"
               />
             </Tab>
-            <Tab :label="t('workload.container.titles.resources')" name="resources" :weight="tabWeightMap['resources']">
+            <Tab
+              :label="t('workload.container.titles.resources')"
+              name="resources"
+              :weight="tabWeightMap['resources']"
+            >
               <template>
                 <div>
                   <h3 class="mb-10">
                     <t k="workload.scheduling.titles.tolerations" />
                   </h3>
                   <div class="row">
-                    <Tolerations v-model="podTemplateSpec.tolerations" :mode="mode" />
+                    <Tolerations
+                      v-model="podTemplateSpec.tolerations"
+                      :mode="mode"
+                    />
                   </div>
                 </div>
 
@@ -265,42 +387,111 @@ export default {
                   </h3>
                   <div class="row">
                     <div class="col span-6">
-                      <LabeledInput v-model.number="podTemplateSpec.priority" :mode="mode" :label="t('workload.scheduling.priority.priority')" />
+                      <LabeledInput
+                        v-model.number="podTemplateSpec.priority"
+                        :mode="mode"
+                        :label="t('workload.scheduling.priority.priority')"
+                      />
                     </div>
                     <div class="col span-6">
-                      <LabeledInput v-model="podTemplateSpec.priorityClassName" :mode="mode" :label="t('workload.scheduling.priority.className')" />
+                      <LabeledInput
+                        v-model="podTemplateSpec.priorityClassName"
+                        :mode="mode"
+                        :label="t('workload.scheduling.priority.className')"
+                      />
                     </div>
                   </div>
                 </div>
               </template>
             </Tab>
-            <Tab :label="t('workload.container.titles.podScheduling')" name="podScheduling" :weight="tabWeightMap['podScheduling']">
-              <PodAffinity :mode="mode" :value="podTemplateSpec" :nodes="allNodeObjects" :loading="isLoadingSecondaryResources" />
+            <Tab
+              :label="t('workload.container.titles.podScheduling')"
+              name="podScheduling"
+              :weight="tabWeightMap['podScheduling']"
+            >
+              <PodAffinity
+                :mode="mode"
+                :value="podTemplateSpec"
+                :nodes="allNodeObjects"
+                :loading="isLoadingSecondaryResources"
+              />
             </Tab>
-            <Tab :label="t('workload.container.titles.nodeScheduling')" name="nodeScheduling" :weight="tabWeightMap['nodeScheduling']">
-              <NodeScheduling :mode="mode" :value="podTemplateSpec" :nodes="allNodes" :loading="isLoadingSecondaryResources" />
+            <Tab
+              :label="t('workload.container.titles.nodeScheduling')"
+              name="nodeScheduling"
+              :weight="tabWeightMap['nodeScheduling']"
+            >
+              <NodeScheduling
+                :mode="mode"
+                :value="podTemplateSpec"
+                :nodes="allNodes"
+                :loading="isLoadingSecondaryResources"
+              />
             </Tab>
-            <Tab :label="t('workload.container.titles.upgrading')" name="upgrading" :weight="tabWeightMap['upgrading']">
-              <Job v-if="isJob || isCronJob" v-model="spec" :mode="mode" :type="type" />
-              <Upgrading v-else v-model="spec" :mode="mode" :type="type" :no-deployment-spec="true" />
+            <Tab
+              :label="t('workload.container.titles.upgrading')"
+              name="upgrading"
+              :weight="tabWeightMap['upgrading']"
+            >
+              <Job
+                v-if="isJob || isCronJob"
+                v-model="spec"
+                :mode="mode"
+                :type="type"
+              />
+              <Upgrading
+                v-else
+                v-model="spec"
+                :mode="mode"
+                :type="type"
+                :no-deployment-spec="true"
+              />
             </Tab>
-            <Tab :label="t('workload.container.titles.securityContext')" name="securityContext" :weight="tabWeightMap['securityContext']">
+            <Tab
+              :label="t('workload.container.titles.securityContext')"
+              name="securityContext"
+              :weight="tabWeightMap['securityContext']"
+            >
               <div>
                 <h3>{{ t('workload.container.security.podFsGroup') }}</h3>
                 <div class="row">
                   <div class="col span-6">
-                    <LabeledInput v-model.number="podFsGroup" type="number" :mode="mode" :label="t('workload.container.security.fsGroup')" />
+                    <LabeledInput
+                      v-model.number="podFsGroup"
+                      type="number"
+                      :mode="mode"
+                      :label="t('workload.container.security.fsGroup')"
+                    />
                   </div>
                 </div>
               </div>
             </Tab>
-            <Tab :label="t('workload.container.titles.networking')" name="networking" :weight="tabWeightMap['networking']">
-              <Networking v-model="podTemplateSpec" :mode="mode" />
+            <Tab
+              :label="t('workload.container.titles.networking')"
+              name="networking"
+              :weight="tabWeightMap['networking']"
+            >
+              <Networking
+                v-model="podTemplateSpec"
+                :mode="mode"
+              />
             </Tab>
-            <Tab v-if="isStatefulSet" :label="t('workload.container.titles.volumeClaimTemplates')" name="volumeClaimTemplates" :weight="tabWeightMap['volumeClaimTemplates']">
-              <VolumeClaimTemplate v-model="spec" :mode="mode" />
+            <Tab
+              v-if="isStatefulSet"
+              :label="t('workload.container.titles.volumeClaimTemplates')"
+              name="volumeClaimTemplates"
+              :weight="tabWeightMap['volumeClaimTemplates']"
+            >
+              <VolumeClaimTemplate
+                v-model="spec"
+                :mode="mode"
+              />
             </Tab>
-            <Tab name="labels" label-key="generic.labelsAndAnnotations" :weight="tabWeightMap['labels']">
+            <Tab
+              name="labels"
+              label-key="generic.labelsAndAnnotations"
+              :weight="tabWeightMap['labels']"
+            >
               <div>
                 <h3>{{ t('workload.container.titles.podLabels') }}</h3>
                 <div class="row mb-20">
@@ -331,7 +522,12 @@ export default {
         </Tab>
         <template #tab-row-extras>
           <li class="tablist-controls">
-            <button v-if="!isView" type="button" class="btn-sm role-link" @click="addContainerBtn">
+            <button
+              v-if="!isView"
+              type="button"
+              class="btn-sm role-link"
+              @click="addContainerBtn"
+            >
               <i class="icon icon-plus icon-lg" /> {{ t('workload.container.addContainer') }}
             </button>
           </li>

package/edit/workload/storage/azureDisk.vue

@@ -93,7 +93,11 @@ export default {
     </div>
     <div class="row">
       <div class="col span-6">
-        <LabeledInput v-model="value.azureDisk.fsType" :mode="mode" :label="t('workload.storage.csi.fsType')" />
+        <LabeledInput
+          v-model="value.azureDisk.fsType"
+          :mode="mode"
+          :label="t('workload.storage.csi.fsType')"
+        />
       </div>
     </div>
   </div>

package/edit/workload/storage/azureFile.vue

@@ -63,7 +63,11 @@ export default {
     </div>
     <div class="row">
       <div class="col span-6">
-        <LabeledInput v-model="value.azureFile.fsType" :mode="mode" :label="t('workload.storage.csi.fsType')" />
+        <LabeledInput
+          v-model="value.azureFile.fsType"
+          :mode="mode"
+          :label="t('workload.storage.csi.fsType')"
+        />
       </div>
     </div>
   </div>

package/edit/workload/storage/csi/driver.longhorn.io.vue

@@ -35,7 +35,12 @@ export default {
 <template>
   <div class="row">
     <div class="col span-12">
-      <KeyValue v-model="value" :mode="mode" :as-map="true" @input="$emit('input', value)" />
+      <KeyValue
+        v-model="value"
+        :mode="mode"
+        :as-map="true"
+        @input="$emit('input', value)"
+      />
     </div>
   </div>
 </template>

package/edit/workload/storage/csi/index.vue

@@ -79,8 +79,15 @@ export default {
           />
         </div>
       </div>
-      <div v-if="driverComponent" class="mb-10">
-        <component :is="driverComponent" v-model="value.csi.volumeAttributes" :mode="mode" />
+      <div
+        v-if="driverComponent"
+        class="mb-10"
+      >
+        <component
+          :is="driverComponent"
+          v-model="value.csi.volumeAttributes"
+          :mode="mode"
+        />
       </div>
     </div>
   </div>

package/edit/workload/storage/ephemeralVolume/index.vue

@@ -48,29 +48,59 @@ export default {
 
 <template>
   <div>
-    <button v-if="mode!=='view'" type="button" class="role-link btn btn-lg remove-vol" @click="$emit('remove')">
+    <button
+      v-if="mode!=='view'"
+      type="button"
+      class="role-link btn btn-lg remove-vol"
+      @click="$emit('remove')"
+    >
       <i class="icon icon-2x icon-x" />
     </button>
     <div>
       <h3>{{ t('workload.storage.subtypes.csi') }}</h3>
       <div class="row mb-10">
         <div class="col span-6">
-          <LabeledSelect v-model="value.csi.driver" :mode="mode" :label="t('workload.storage.driver')" :options="driverOpts" :get-option-label="opt=>t(`workload.storage.csi.drivers.'${opt}'`)" />
+          <LabeledSelect
+            v-model="value.csi.driver"
+            :mode="mode"
+            :label="t('workload.storage.driver')"
+            :options="driverOpts"
+            :get-option-label="opt=>t(`workload.storage.csi.drivers.'${opt}'`)"
+          />
         </div>
       </div>
-      <div v-if="value.csi.driver && driverComponent" class="mb-10">
-        <component :is="driverComponent" :value="value.csi.volumeAttributes" :mode="mode" />
+      <div
+        v-if="value.csi.driver && driverComponent"
+        class="mb-10"
+      >
+        <component
+          :is="driverComponent"
+          :value="value.csi.volumeAttributes"
+          :mode="mode"
+        />
       </div>
       <div class="row">
         <div class="col span-6">
-          <LabeledInput v-model="value.csi.fsType" :mode="mode" :label="t('workload.storage.csi.fsType')" />
+          <LabeledInput
+            v-model="value.csi.fsType"
+            :mode="mode"
+            :label="t('workload.storage.csi.fsType')"
+          />
         </div>
         <div class="col span-6">
-          <Checkbox v-model="value.csi.readOnly" :mode="mode" :label="t('workload.storage.readOnly')" />
+          <Checkbox
+            v-model="value.csi.readOnly"
+            :mode="mode"
+            :label="t('workload.storage.readOnly')"
+          />
         </div>
       </div>
     </div>
-    <div class="spacer"></div>
-    <Mount :pod-spec="podSpec" :name="value.name" :mode="mode" />
+    <div class="spacer" />
+    <Mount
+      :pod-spec="podSpec"
+      :name="value.name"
+      :mode="mode"
+    />
   </div>
 </template>

package/edit/workload/storage/gcePersistentDisk.vue

@@ -53,12 +53,20 @@ export default {
         />
       </div>
       <div class="col span-6">
-        <LabeledInput v-model.number="value.gcePersistentDisk.partition" :mode="mode" :label="t('workload.storage.csi.partition')" />
+        <LabeledInput
+          v-model.number="value.gcePersistentDisk.partition"
+          :mode="mode"
+          :label="t('workload.storage.csi.partition')"
+        />
       </div>
     </div>
     <div class="row">
       <div class="col span-6">
-        <LabeledInput v-model="value.gcePersistentDisk.fsType" :mode="mode" :label="t('workload.storage.csi.fsType')" />
+        <LabeledInput
+          v-model="value.gcePersistentDisk.fsType"
+          :mode="mode"
+          :label="t('workload.storage.csi.fsType')"
+        />
       </div>
     </div>
   </div>