@rancher/shell 0.2.2 → 0.2.4

package/edit/provisioning.cattle.io.cluster/RegistryConfigs.vue

@@ -113,7 +113,10 @@ export default {
   <div>
     <h3>
       {{ t('registryConfig.header') }}
-      <i v-tooltip="t('registryConfig.toolTip')" class="icon icon-info" />
+      <i
+        v-tooltip="t('registryConfig.toolTip')"
+        class="icon icon-info"
+      />
     </h3>
     <ArrayListGrouped
       v-model="entries"
@@ -125,7 +128,11 @@ export default {
       <template #default="{row}">
         <div class="row">
           <div class="col span-6">
-            <LabeledInput v-model="row.value.hostname" label="Registry Hostname" :mode="mode" />
+            <LabeledInput
+              v-model="row.value.hostname"
+              label="Registry Hostname"
+              :mode="mode"
+            />
 
             <SelectOrCreateAuthSecret
               v-model="row.value.authConfigSecretName"
@@ -149,7 +156,13 @@ export default {
               secret-name-label="TLS Secret"
             />
 
-            <LabeledInput v-model="row.value.caBundle" class="mt-20" type="multiline" label="CA Cert Bundle" :mode="mode" />
+            <LabeledInput
+              v-model="row.value.caBundle"
+              class="mt-20"
+              type="multiline"
+              label="CA Cert Bundle"
+              :mode="mode"
+            />
 
             <div>
               <Checkbox

package/edit/provisioning.cattle.io.cluster/RegistryMirrors.vue

@@ -68,7 +68,10 @@ export default {
     <template #title>
       <h3>
         {{ t('registryMirror.header') }}
-        <i v-tooltip="t('registryMirror.toolTip')" class="icon icon-info" />
+        <i
+          v-tooltip="t('registryMirror.toolTip')"
+          class="icon icon-info"
+        />
       </h3>
     </template>
   </KeyValue>

package/edit/provisioning.cattle.io.cluster/S3Config.vue

@@ -89,24 +89,53 @@ export default {
 
     <div class="row mt-20">
       <div class="col span-6">
-        <LabeledInput v-model="config.bucket" label="Bucket" :placeholder="ccData.defaultBucket" :required="!ccData.defaultBucket" @input="update" />
+        <LabeledInput
+          v-model="config.bucket"
+          label="Bucket"
+          :placeholder="ccData.defaultBucket"
+          :required="!ccData.defaultBucket"
+          @input="update"
+        />
       </div>
       <div class="col span-6">
-        <LabeledInput v-model="config.folder" label="Folder" :placeholder="ccData.defaultFolder" @input="update" />
+        <LabeledInput
+          v-model="config.folder"
+          label="Folder"
+          :placeholder="ccData.defaultFolder"
+          @input="update"
+        />
       </div>
     </div>
 
     <div class="row mt-20">
       <div class="col span-6">
-        <LabeledInput v-model="config.region" label="Region" :placeholder="ccData.defaultRegion" @input="update" />
+        <LabeledInput
+          v-model="config.region"
+          label="Region"
+          :placeholder="ccData.defaultRegion"
+          @input="update"
+        />
       </div>
       <div class="col span-6">
-        <LabeledInput v-model="config.endpoint" label="Endpoint" :placeholder="ccData.defaultEndpoint" @input="update" />
+        <LabeledInput
+          v-model="config.endpoint"
+          label="Endpoint"
+          :placeholder="ccData.defaultEndpoint"
+          @input="update"
+        />
       </div>
     </div>
 
-    <div v-if="!ccData.defaultSkipSSLVerify" class="mt-20">
-      <Checkbox v-model="config.skipSSLVerify" :mode="mode" label="Accept any certificate (insecure)" @input="update" />
+    <div
+      v-if="!ccData.defaultSkipSSLVerify"
+      class="mt-20"
+    >
+      <Checkbox
+        v-model="config.skipSSLVerify"
+        :mode="mode"
+        label="Accept any certificate (insecure)"
+        @input="update"
+      />
 
       <LabeledInput
         v-if="!config.skipSSLVerify"

package/edit/provisioning.cattle.io.cluster/SelectCredential.vue

@@ -232,7 +232,10 @@ export default {
     @error="e=>errors = e"
   >
     <div v-if="isNew">
-      <Banner :label="t('cluster.credential.banner.createCredential', {length: options.length}, true)" color="info" />
+      <Banner
+        :label="t('cluster.credential.banner.createCredential', {length: options.length}, true)"
+        color="info"
+      />
 
       <NameNsDescription
         v-model="newCredential"
@@ -255,7 +258,11 @@ export default {
       />
     </div>
     <div v-else>
-      <Banner v-if="!credentialId" label="First you need to pick or create the cloud credential that will be used to create the nodes for the cluster..." color="info" />
+      <Banner
+        v-if="!credentialId"
+        label="First you need to pick or create the cloud credential that will be used to create the nodes for the cluster..."
+        color="info"
+      />
 
       <LabeledSelect
         v-model="credentialId"
@@ -266,13 +273,22 @@ export default {
       />
     </div>
 
-    <template v-if="isNew && options.length" #footer-prefix>
-      <button class="btn role-secondary" @click="backToExisting()">
+    <template
+      v-if="isNew && options.length"
+      #footer-prefix
+    >
+      <button
+        class="btn role-secondary"
+        @click="backToExisting()"
+      >
         {{ t('cluster.credential.selectExisting.label') }}
       </button>
     </template>
 
-    <template v-if="isPicked" #form-footer>
+    <template
+      v-if="isPicked"
+      #form-footer
+    >
       <div><!-- Hide the outer footer --></div>
     </template>
   </CruResource>

package/edit/provisioning.cattle.io.cluster/import.vue

@@ -162,14 +162,32 @@ export default {
     </div>
 
     <Tabbed :side-tabs="true">
-      <Tab v-if="canManageMembers" name="memberRoles" label-key="cluster.tabs.memberRoles" :weight="3">
-        <Banner v-if="isEdit" color="info">
+      <Tab
+        v-if="canManageMembers"
+        name="memberRoles"
+        label-key="cluster.tabs.memberRoles"
+        :weight="3"
+      >
+        <Banner
+          v-if="isEdit"
+          color="info"
+        >
           {{ t('cluster.memberRoles.removeMessage') }}
         </Banner>
-        <ClusterMembershipEditor :mode="mode" :parent-id="value.mgmt ? value.mgmt.id : null" @membership-update="onMembershipUpdate" />
+        <ClusterMembershipEditor
+          :mode="mode"
+          :parent-id="value.mgmt ? value.mgmt.id : null"
+          @membership-update="onMembershipUpdate"
+        />
       </Tab>
-      <AgentEnv v-model="value" :mode="mode" />
-      <Labels v-model="value" :mode="mode" />
+      <AgentEnv
+        v-model="value"
+        :mode="mode"
+      />
+      <Labels
+        v-model="value"
+        :mode="mode"
+      />
     </Tabbed>
   </CruResource>
 </template>

package/edit/provisioning.cattle.io.cluster/index.vue

@@ -64,6 +64,15 @@ export default {
     value: {
       type:    Object,
       default: null,
+    },
+
+    /**
+     * Inherited global identifier prefix for tests
+     * Define a term based on the parent component to avoid conflicts on multiple components
+     */
+    componentTestid: {
+      type:    String,
+      default: 'cluster-manager-create'
     }
   },