@rancher/shell 0.2.2 → 0.2.4

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

@@ -19,29 +19,64 @@ export default {
   <div>
     <div class="row mb-10">
       <div class="col span-4">
-        <LabeledInput v-model="value.parameters.fs" :placeholder="t('storageClass.portworx-volume.filesystem.placeholder')" :label="t('storageClass.portworx-volume.filesystem.label')" :mode="mode" />
+        <LabeledInput
+          v-model="value.parameters.fs"
+          :placeholder="t('storageClass.portworx-volume.filesystem.placeholder')"
+          :label="t('storageClass.portworx-volume.filesystem.label')"
+          :mode="mode"
+        />
       </div>
       <div class="col span-4">
-        <LabeledInput v-model="value.parameters.block_size" :placeholder="t('storageClass.portworx-volume.blockSize.placeholder')" :label="t('storageClass.portworx-volume.blockSize.label')" :mode="mode" />
+        <LabeledInput
+          v-model="value.parameters.block_size"
+          :placeholder="t('storageClass.portworx-volume.blockSize.placeholder')"
+          :label="t('storageClass.portworx-volume.blockSize.label')"
+          :mode="mode"
+        />
       </div>
       <div class="col span-4">
-        <LabeledInput v-model="value.parameters.repl" :placeholder="t('storageClass.portworx-volume.repl.placeholder')" :label="t('storageClass.portworx-volume.repl.label')" :mode="mode" />
+        <LabeledInput
+          v-model="value.parameters.repl"
+          :placeholder="t('storageClass.portworx-volume.repl.placeholder')"
+          :label="t('storageClass.portworx-volume.repl.label')"
+          :mode="mode"
+        />
       </div>
     </div>
     <div class="row mb-10">
       <div class="col span-4">
-        <LabeledInput v-model="value.parameters.io_priority" :placeholder="t('storageClass.portworx-volume.ioPriority.placeholder')" :label="t('storageClass.portworx-volume.ioPriority.label')" :mode="mode" />
+        <LabeledInput
+          v-model="value.parameters.io_priority"
+          :placeholder="t('storageClass.portworx-volume.ioPriority.placeholder')"
+          :label="t('storageClass.portworx-volume.ioPriority.label')"
+          :mode="mode"
+        />
       </div>
       <div class="col span-4">
-        <LabeledInput v-model="value.parameters.snap_interval" :placeholder="t('storageClass.portworx-volume.snapshotsInterval.placeholder')" :label="t('storageClass.portworx-volume.snapshotsInterval.label')" :mode="mode" />
+        <LabeledInput
+          v-model="value.parameters.snap_interval"
+          :placeholder="t('storageClass.portworx-volume.snapshotsInterval.placeholder')"
+          :label="t('storageClass.portworx-volume.snapshotsInterval.label')"
+          :mode="mode"
+        />
       </div>
       <div class="col span-4">
-        <LabeledInput v-model="value.parameters.aggregation_level" :placeholder="t('storageClass.portworx-volume.aggregationLevel.placeholder')" :label="t('storageClass.portworx-volume.aggregationLevel.label')" :mode="mode" />
+        <LabeledInput
+          v-model="value.parameters.aggregation_level"
+          :placeholder="t('storageClass.portworx-volume.aggregationLevel.placeholder')"
+          :label="t('storageClass.portworx-volume.aggregationLevel.label')"
+          :mode="mode"
+        />
       </div>
     </div>
     <div class="row mb-10">
       <div class="col span-4">
-        <LabeledInput v-model="value.parameters.ephemeral" :placeholder="t('storageClass.portworx-volume.ephemeral.placeholder')" :label="t('storageClass.portworx-volume.ephemeral.label')" :mode="mode" />
+        <LabeledInput
+          v-model="value.parameters.ephemeral"
+          :placeholder="t('storageClass.portworx-volume.ephemeral.placeholder')"
+          :label="t('storageClass.portworx-volume.ephemeral.label')"
+          :mode="mode"
+        />
       </div>
     </div>
   </div>

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

@@ -19,32 +19,72 @@ export default {
   <div>
     <div class="row mb-10">
       <div class="col span-4">
-        <LabeledInput v-model="value.parameters.quobyteAPIServer" :placeholder="t('storageClass.quobyte.quobyteApiServer.placeholder')" :label="t('storageClass.quobyte.quobyteApiServer.label')" :mode="mode" />
+        <LabeledInput
+          v-model="value.parameters.quobyteAPIServer"
+          :placeholder="t('storageClass.quobyte.quobyteApiServer.placeholder')"
+          :label="t('storageClass.quobyte.quobyteApiServer.label')"
+          :mode="mode"
+        />
       </div>
       <div class="col span-4">
-        <LabeledInput v-model="value.parameters.registry" :placeholder="t('storageClass.quobyte.registry.placeholder')" :label="t('storageClass.quobyte.registry.label')" :mode="mode" />
+        <LabeledInput
+          v-model="value.parameters.registry"
+          :placeholder="t('storageClass.quobyte.registry.placeholder')"
+          :label="t('storageClass.quobyte.registry.label')"
+          :mode="mode"
+        />
       </div>
       <div class="col span-4">
-        <LabeledInput v-model="value.parameters.adminSecretNamespace" :placeholder="t('storageClass.quobyte.adminSecretNamespace.placeholder')" :label="t('storageClass.quobyte.adminSecretNamespace.label')" :mode="mode" />
+        <LabeledInput
+          v-model="value.parameters.adminSecretNamespace"
+          :placeholder="t('storageClass.quobyte.adminSecretNamespace.placeholder')"
+          :label="t('storageClass.quobyte.adminSecretNamespace.label')"
+          :mode="mode"
+        />
       </div>
     </div>
     <div class="row mb-10">
       <div class="col span-4">
-        <LabeledInput v-model="value.parameters.adminSecretName" :placeholder="t('storageClass.quobyte.adminSecretName.placeholder')" :label="t('storageClass.quobyte.adminSecretName.label')" :mode="mode" />
+        <LabeledInput
+          v-model="value.parameters.adminSecretName"
+          :placeholder="t('storageClass.quobyte.adminSecretName.placeholder')"
+          :label="t('storageClass.quobyte.adminSecretName.label')"
+          :mode="mode"
+        />
       </div>
       <div class="col span-4">
-        <LabeledInput v-model="value.parameters.user" :placeholder="t('storageClass.quobyte.user.placeholder')" :label="t('storageClass.quobyte.user.label')" :mode="mode" />
+        <LabeledInput
+          v-model="value.parameters.user"
+          :placeholder="t('storageClass.quobyte.user.placeholder')"
+          :label="t('storageClass.quobyte.user.label')"
+          :mode="mode"
+        />
       </div>
       <div class="col span-4">
-        <LabeledInput v-model="value.parameters.group" :placeholder="t('storageClass.quobyte.group.placeholder')" :label="t('storageClass.quobyte.group.label')" :mode="mode" />
+        <LabeledInput
+          v-model="value.parameters.group"
+          :placeholder="t('storageClass.quobyte.group.placeholder')"
+          :label="t('storageClass.quobyte.group.label')"
+          :mode="mode"
+        />
       </div>
     </div>
     <div class="row mb-10">
       <div class="col span-4">
-        <LabeledInput v-model="value.parameters.quobyteConfig" :placeholder="t('storageClass.quobyte.quobyteConfig.placeholder')" :label="t('storageClass.quobyte.quobyteConfig.label')" :mode="mode" />
+        <LabeledInput
+          v-model="value.parameters.quobyteConfig"
+          :placeholder="t('storageClass.quobyte.quobyteConfig.placeholder')"
+          :label="t('storageClass.quobyte.quobyteConfig.label')"
+          :mode="mode"
+        />
       </div>
       <div class="col span-4">
-        <LabeledInput v-model="value.parameters.quobyteTenant" :placeholder="t('storageClass.quobyte.quobyteTenant.placeholder')" :label="t('storageClass.quobyte.quobyteTenant.label')" :mode="mode" />
+        <LabeledInput
+          v-model="value.parameters.quobyteTenant"
+          :placeholder="t('storageClass.quobyte.quobyteTenant.placeholder')"
+          :label="t('storageClass.quobyte.quobyteTenant.label')"
+          :mode="mode"
+        />
       </div>
     </div>
   </div>

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

@@ -19,43 +19,98 @@ export default {
   <div>
     <div class="row mb-10">
       <div class="col span-4">
-        <LabeledInput v-model="value.parameters.monitors" :placeholder="t('storageClass.rbd.monitors.placeholder')" :label="t('storageClass.rbd.monitors.label')" :mode="mode" />
+        <LabeledInput
+          v-model="value.parameters.monitors"
+          :placeholder="t('storageClass.rbd.monitors.placeholder')"
+          :label="t('storageClass.rbd.monitors.label')"
+          :mode="mode"
+        />
       </div>
       <div class="col span-4">
-        <LabeledInput v-model="value.parameters.adminId" :placeholder="t('storageClass.rbd.adminId.placeholder')" :label="t('storageClass.rbd.adminId.label')" :mode="mode" />
+        <LabeledInput
+          v-model="value.parameters.adminId"
+          :placeholder="t('storageClass.rbd.adminId.placeholder')"
+          :label="t('storageClass.rbd.adminId.label')"
+          :mode="mode"
+        />
       </div>
       <div class="col span-4">
-        <LabeledInput v-model="value.parameters.adminSecretNamespace" :placeholder="t('storageClass.rbd.adminSecretNamespace.placeholder')" :label="t('storageClass.rbd.adminSecretNamespace.label')" :mode="mode" />
+        <LabeledInput
+          v-model="value.parameters.adminSecretNamespace"
+          :placeholder="t('storageClass.rbd.adminSecretNamespace.placeholder')"
+          :label="t('storageClass.rbd.adminSecretNamespace.label')"
+          :mode="mode"
+        />
       </div>
     </div>
     <div class="row mb-10">
       <div class="col span-4">
-        <LabeledInput v-model="value.parameters.adminSecretName" :placeholder="t('storageClass.rbd.adminSecret.placeholder')" :label="t('storageClass.rbd.adminSecret.label')" :mode="mode" />
+        <LabeledInput
+          v-model="value.parameters.adminSecretName"
+          :placeholder="t('storageClass.rbd.adminSecret.placeholder')"
+          :label="t('storageClass.rbd.adminSecret.label')"
+          :mode="mode"
+        />
       </div>
       <div class="col span-4">
-        <LabeledInput v-model="value.parameters.pool" :placeholder="t('storageClass.rbd.pool.placeholder')" :label="t('storageClass.rbd.pool.label')" :mode="mode" />
+        <LabeledInput
+          v-model="value.parameters.pool"
+          :placeholder="t('storageClass.rbd.pool.placeholder')"
+          :label="t('storageClass.rbd.pool.label')"
+          :mode="mode"
+        />
       </div>
       <div class="col span-4">
-        <LabeledInput v-model="value.parameters.userId" :placeholder="t('storageClass.rbd.userId.placeholder')" :label="t('storageClass.rbd.userId.label')" :mode="mode" />
+        <LabeledInput
+          v-model="value.parameters.userId"
+          :placeholder="t('storageClass.rbd.userId.placeholder')"
+          :label="t('storageClass.rbd.userId.label')"
+          :mode="mode"
+        />
       </div>
     </div>
     <div class="row mb-10">
       <div class="col span-4">
-        <LabeledInput v-model="value.parameters.userSecretNamespace" :placeholder="t('storageClass.rbd.userSecretNamespace.placeholder')" :label="t('storageClass.rbd.userSecretNamespace.label')" :mode="mode" />
+        <LabeledInput
+          v-model="value.parameters.userSecretNamespace"
+          :placeholder="t('storageClass.rbd.userSecretNamespace.placeholder')"
+          :label="t('storageClass.rbd.userSecretNamespace.label')"
+          :mode="mode"
+        />
       </div>
       <div class="col span-4">
-        <LabeledInput v-model="value.parameters.userSecretName" :placeholder="t('storageClass.rbd.userSecretName.placeholder')" :label="t('storageClass.rbd.userSecretName.label')" :mode="mode" />
+        <LabeledInput
+          v-model="value.parameters.userSecretName"
+          :placeholder="t('storageClass.rbd.userSecretName.placeholder')"
+          :label="t('storageClass.rbd.userSecretName.label')"
+          :mode="mode"
+        />
       </div>
       <div class="col span-4">
-        <LabeledInput v-model="value.parameters.fsType" :placeholder="t('storageClass.rbd.filesystemType.placeholder')" :label="t('storageClass.rbd.filesystemType.label')" :mode="mode" />
+        <LabeledInput
+          v-model="value.parameters.fsType"
+          :placeholder="t('storageClass.rbd.filesystemType.placeholder')"
+          :label="t('storageClass.rbd.filesystemType.label')"
+          :mode="mode"
+        />
       </div>
     </div>
     <div class="row mb-10">
       <div class="col span-4">
-        <LabeledInput v-model="value.parameters.imageFormat" :placeholder="t('storageClass.rbd.imageFormat.placeholder')" :label="t('storageClass.rbd.imageFormat.label')" :mode="mode" />
+        <LabeledInput
+          v-model="value.parameters.imageFormat"
+          :placeholder="t('storageClass.rbd.imageFormat.placeholder')"
+          :label="t('storageClass.rbd.imageFormat.label')"
+          :mode="mode"
+        />
       </div>
       <div class="col span-4">
-        <LabeledInput v-model="value.parameters.imageFeatures" :placeholder="t('storageClass.rbd.imageFeatures.placeholder')" :label="t('storageClass.rbd.imageFeatures.label')" :mode="mode" />
+        <LabeledInput
+          v-model="value.parameters.imageFeatures"
+          :placeholder="t('storageClass.rbd.imageFeatures.placeholder')"
+          :label="t('storageClass.rbd.imageFeatures.label')"
+          :mode="mode"
+        />
       </div>
     </div>
   </div>

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

@@ -44,32 +44,72 @@ export default {
   <div>
     <div class="row mb-10">
       <div class="col span-4">
-        <LabeledInput v-model="value.parameters.gateway" :placeholder="t('storageClass.scaleio.gateway.placeholder')" :label="t('storageClass.scaleio.gateway.label')" :mode="mode" />
+        <LabeledInput
+          v-model="value.parameters.gateway"
+          :placeholder="t('storageClass.scaleio.gateway.placeholder')"
+          :label="t('storageClass.scaleio.gateway.label')"
+          :mode="mode"
+        />
       </div>
       <div class="col span-4">
-        <LabeledInput v-model="value.parameters.system" :placeholder="t('storageClass.scaleio.system.placeholder')" :label="t('storageClass.scaleio.system.label')" :mode="mode" />
+        <LabeledInput
+          v-model="value.parameters.system"
+          :placeholder="t('storageClass.scaleio.system.placeholder')"
+          :label="t('storageClass.scaleio.system.label')"
+          :mode="mode"
+        />
       </div>
       <div class="col span-4">
-        <LabeledInput v-model="value.parameters.protectionDomain" :placeholder="t('storageClass.scaleio.protectionDomain.placeholder')" :label="t('storageClass.scaleio.protectionDomain.label')" :mode="mode" />
+        <LabeledInput
+          v-model="value.parameters.protectionDomain"
+          :placeholder="t('storageClass.scaleio.protectionDomain.placeholder')"
+          :label="t('storageClass.scaleio.protectionDomain.label')"
+          :mode="mode"
+        />
       </div>
     </div>
     <div class="row mb-10">
       <div class="col span-4">
-        <LabeledInput v-model="value.parameters.storagePool" :placeholder="t('storageClass.scaleio.storagePool.placeholder')" :label="t('storageClass.scaleio.storagePool.label')" :mode="mode" />
+        <LabeledInput
+          v-model="value.parameters.storagePool"
+          :placeholder="t('storageClass.scaleio.storagePool.placeholder')"
+          :label="t('storageClass.scaleio.storagePool.label')"
+          :mode="mode"
+        />
       </div>
       <div class="col span-4">
-        <LabeledSelect v-model="value.parameters.storageMode" :options="storageModeOptions" :label="t('storageClass.scaleio.storageMode.label')" :mode="mode" />
+        <LabeledSelect
+          v-model="value.parameters.storageMode"
+          :options="storageModeOptions"
+          :label="t('storageClass.scaleio.storageMode.label')"
+          :mode="mode"
+        />
       </div>
       <div class="col span-4">
-        <LabeledInput v-model="value.parameters.secretRef" :placeholder="t('storageClass.scaleio.secretRef.placeholder')" :label="t('storageClass.scaleio.secretRef.label')" :mode="mode" />
+        <LabeledInput
+          v-model="value.parameters.secretRef"
+          :placeholder="t('storageClass.scaleio.secretRef.placeholder')"
+          :label="t('storageClass.scaleio.secretRef.label')"
+          :mode="mode"
+        />
       </div>
     </div>
     <div class="row mb-10">
       <div class="col span-4">
-        <LabeledSelect v-model="value.parameters.readOnly" :options="readOnlyOptions" :label="t('storageClass.scaleio.readOnly.label')" :mode="mode" />
+        <LabeledSelect
+          v-model="value.parameters.readOnly"
+          :options="readOnlyOptions"
+          :label="t('storageClass.scaleio.readOnly.label')"
+          :mode="mode"
+        />
       </div>
       <div class="col span-4">
-        <LabeledInput v-model="value.parameters.fsType" :placeholder="t('storageClass.scaleio.filesystemType.placeholder')" :label="t('storageClass.scaleio.filesystemType.label')" :mode="mode" />
+        <LabeledInput
+          v-model="value.parameters.fsType"
+          :placeholder="t('storageClass.scaleio.filesystemType.placeholder')"
+          :label="t('storageClass.scaleio.filesystemType.label')"
+          :mode="mode"
+        />
       </div>
     </div>
   </div>

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

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

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

@@ -43,24 +43,54 @@ export default {
   <div>
     <div class="row mb-10">
       <div class="col span-4">
-        <LabeledSelect v-model="value.parameters.diskformat" :options="diskFormatOptions" :label="t('storageClass.vsphere-volume.diskFormat.label')" :mode="mode" />
+        <LabeledSelect
+          v-model="value.parameters.diskformat"
+          :options="diskFormatOptions"
+          :label="t('storageClass.vsphere-volume.diskFormat.label')"
+          :mode="mode"
+        />
       </div>
       <div class="col span-4">
-        <LabeledInput v-model="value.parameters.storagePolicyName" :placeholder="t('storageClass.vsphere-volume.storagePolicyName.placeholder')" :label="t('storageClass.vsphere-volume.storagePolicyName.label')" :mode="mode" />
+        <LabeledInput
+          v-model="value.parameters.storagePolicyName"
+          :placeholder="t('storageClass.vsphere-volume.storagePolicyName.placeholder')"
+          :label="t('storageClass.vsphere-volume.storagePolicyName.label')"
+          :mode="mode"
+        />
       </div>
       <div class="col span-4">
-        <LabeledInput v-model="value.parameters.datastore" :placeholder="t('storageClass.vsphere-volume.datastore.placeholder')" :label="t('storageClass.vsphere-volume.datastore.label')" :mode="mode" />
+        <LabeledInput
+          v-model="value.parameters.datastore"
+          :placeholder="t('storageClass.vsphere-volume.datastore.placeholder')"
+          :label="t('storageClass.vsphere-volume.datastore.label')"
+          :mode="mode"
+        />
       </div>
     </div>
     <div class="row">
       <div class="col span-4">
-        <LabeledInput v-model="value.parameters.hostFailuresToTolerate" :placeholder="t('storageClass.vsphere-volume.hostFailuresToTolerate.placeholder')" :label="t('storageClass.vsphere-volume.hostFailuresToTolerate.label')" :mode="mode" />
+        <LabeledInput
+          v-model="value.parameters.hostFailuresToTolerate"
+          :placeholder="t('storageClass.vsphere-volume.hostFailuresToTolerate.placeholder')"
+          :label="t('storageClass.vsphere-volume.hostFailuresToTolerate.label')"
+          :mode="mode"
+        />
       </div>
       <div class="col span-4">
-        <LabeledInput v-model="value.parameters.cachereservation" :placeholder="t('storageClass.vsphere-volume.cacheReservation.placeholder')" :label="t('storageClass.vsphere-volume.cacheReservation.label')" :mode="mode" />
+        <LabeledInput
+          v-model="value.parameters.cachereservation"
+          :placeholder="t('storageClass.vsphere-volume.cacheReservation.placeholder')"
+          :label="t('storageClass.vsphere-volume.cacheReservation.label')"
+          :mode="mode"
+        />
       </div>
       <div class="col span-4">
-        <LabeledInput v-model="value.parameters.fstype" :placeholder="t('storageClass.vsphere-volume.filesystemType.placeholder')" :label="t('storageClass.vsphere-volume.filesystemType.label')" :mode="mode" />
+        <LabeledInput
+          v-model="value.parameters.fstype"
+          :placeholder="t('storageClass.vsphere-volume.filesystemType.placeholder')"
+          :label="t('storageClass.vsphere-volume.filesystemType.label')"
+          :mode="mode"
+        />
       </div>
     </div>
   </div>

package/edit/token.vue

@@ -184,16 +184,31 @@ export default {
         :min-height="30"
       />
 
-      <LabeledSelect v-model="value.clusterId" class="mt-20 scope-select" label-key="accountAndKeys.apiKeys.add.scope" :options="scopes" />
+      <LabeledSelect
+        v-model="value.clusterId"
+        class="mt-20 scope-select"
+        label-key="accountAndKeys.apiKeys.add.scope"
+        :options="scopes"
+      />
 
       <h5 class="pt-20">
         {{ t('accountAndKeys.apiKeys.add.expiry.label') }}
       </h5>
 
       <div class="ml-10">
-        <RadioGroup v-model="form.expiryType" :options="expiryOptions" class="mr-20" name="expiryGroup" />
+        <RadioGroup
+          v-model="form.expiryType"
+          :options="expiryOptions"
+          class="mr-20"
+          name="expiryGroup"
+        />
         <div class="ml-20 mt-10 expiry">
-          <input v-model="form.customExpiry" :disabled="form.expiryType !== 'custom'" type="number" :mode="mode">
+          <input
+            v-model="form.customExpiry"
+            :disabled="form.expiryType !== 'custom'"
+            type="number"
+            :mode="mode"
+          >
           <Select
             v-model="form.customExpiryUnits"
             :disabled="form.expiryType !== 'custom'"
@@ -209,27 +224,46 @@ export default {
       :mode="mode"
       @save="save"
       @done="done"
-    ></Footer>
+    />
   </div>
   <div v-else>
     <div>{{ t('accountAndKeys.apiKeys.info.keyCreated') }}</div>
 
-    <DetailText :value="accessKey" label-key="accountAndKeys.apiKeys.info.accessKey" class="mt-20" />
-    <DetailText :value="secretKey" label-key="accountAndKeys.apiKeys.info.secretKey" class="mt-20" />
+    <DetailText
+      :value="accessKey"
+      label-key="accountAndKeys.apiKeys.info.accessKey"
+      class="mt-20"
+    />
+    <DetailText
+      :value="secretKey"
+      label-key="accountAndKeys.apiKeys.info.secretKey"
+      class="mt-20"
+    />
 
     <p class="mt-20">
       {{ t('accountAndKeys.apiKeys.info.bearerTokenTip') }}
     </p>
 
-    <DetailText :value="token" label-key="accountAndKeys.apiKeys.info.bearerToken" class="mt-20" />
+    <DetailText
+      :value="token"
+      label-key="accountAndKeys.apiKeys.info.bearerToken"
+      class="mt-20"
+    />
 
-    <Banner color="warning" class="mt-20">
+    <Banner
+      color="warning"
+      class="mt-20"
+    >
       <div>
         {{ t('accountAndKeys.apiKeys.info.saveWarning') }}
       </div>
     </Banner>
 
-    <Banner v-if="ttlLimited" color="warning" class="mt-20">
+    <Banner
+      v-if="ttlLimited"
+      color="warning"
+      class="mt-20"
+    >
       <div>
         {{ t('accountAndKeys.apiKeys.info.ttlLimitedWarning') }}
       </div>
@@ -237,7 +271,11 @@ export default {
 
     <div class="buttons mt-20">
       <div class="right">
-        <button type="button" class="btn role-primary" @click="doneCreate">
+        <button
+          type="button"
+          class="btn role-primary"
+          @click="doneCreate"
+        >
           <t k="generic.done" />
         </button>
       </div>

package/edit/workload/Job.vue

@@ -259,9 +259,15 @@ export default {
             @input="update"
           >
             <template #label>
-              <label class="has-tooltip" :style="{'color':'var(--input-label)'}">
+              <label
+                class="has-tooltip"
+                :style="{'color':'var(--input-label)'}"
+              >
                 {{ t('workload.upgrading.terminationGracePeriodSeconds.label') }}
-                <i v-tooltip="t('workload.upgrading.terminationGracePeriodSeconds.tip')" class="icon icon-info" />
+                <i
+                  v-tooltip="t('workload.upgrading.terminationGracePeriodSeconds.tip')"
+                  class="icon icon-info"
+                />
               </label>
             </template>
           </UnitInput>
@@ -299,7 +305,10 @@ export default {
         </div>
       </div>
     </template>
-    <div v-else class="row">
+    <div
+      v-else
+      class="row"
+    >
       <div
         data-testid="input-job-termination"
         class="col span-6"
@@ -311,9 +320,15 @@ export default {
           :mode="mode"
         >
           <template #label>
-            <label class="has-tooltip" :style="{'color':'var(--input-label)'}">
+            <label
+              class="has-tooltip"
+              :style="{'color':'var(--input-label)'}"
+            >
               {{ t('workload.upgrading.terminationGracePeriodSeconds.label') }}
-              <i v-tooltip="t('workload.upgrading.terminationGracePeriodSeconds.tip')" class="icon icon-info" />
+              <i
+                v-tooltip="t('workload.upgrading.terminationGracePeriodSeconds.tip')"
+                class="icon icon-info"
+              />
             </label>
           </template>
         </UnitInput>