@rancher/shell 0.2.2 → 0.2.4

package/components/form/SelectOrCreateAuthSecret.vue

@@ -456,8 +456,14 @@ export default {
 
 <template>
   <Loading v-if="$fetchState.pending" />
-  <div v-else class="select-or-create-auth-secret">
-    <div class="mt-20" :class="{'row': !vertical}">
+  <div
+    v-else
+    class="select-or-create-auth-secret"
+  >
+    <div
+      class="mt-20"
+      :class="{'row': !vertical}"
+    >
       <div :class="firstCol">
         <LabeledSelect
           v-model="selected"
@@ -468,7 +474,7 @@ export default {
         >
           <template v-slot:option="opt">
             <template v-if="opt.kind === 'divider'">
-              <hr />
+              <hr>
             </template>
             <template v-else-if="opt.kind === 'title'">
               {{ opt.label }}
@@ -481,26 +487,54 @@ export default {
       </div>
       <template v-if="selected === _SSH">
         <div :class="moreCols">
-          <LabeledInput v-model="publicKey" :mode="mode" type="multiline" label-key="selectOrCreateAuthSecret.ssh.publicKey" />
+          <LabeledInput
+            v-model="publicKey"
+            :mode="mode"
+            type="multiline"
+            label-key="selectOrCreateAuthSecret.ssh.publicKey"
+          />
         </div>
         <div :class="moreCols">
-          <LabeledInput v-model="privateKey" :mode="mode" type="multiline" label-key="selectOrCreateAuthSecret.ssh.privateKey" />
+          <LabeledInput
+            v-model="privateKey"
+            :mode="mode"
+            type="multiline"
+            label-key="selectOrCreateAuthSecret.ssh.privateKey"
+          />
         </div>
       </template>
       <template v-else-if="selected === _BASIC">
         <div :class="moreCols">
-          <LabeledInput v-model="publicKey" :mode="mode" label-key="selectOrCreateAuthSecret.basic.username" />
+          <LabeledInput
+            v-model="publicKey"
+            :mode="mode"
+            label-key="selectOrCreateAuthSecret.basic.username"
+          />
         </div>
         <div :class="moreCols">
-          <LabeledInput v-model="privateKey" :mode="mode" type="password" label-key="selectOrCreateAuthSecret.basic.password" />
+          <LabeledInput
+            v-model="privateKey"
+            :mode="mode"
+            type="password"
+            label-key="selectOrCreateAuthSecret.basic.password"
+          />
         </div>
       </template>
       <template v-else-if="selected === _S3">
         <div :class="moreCols">
-          <LabeledInput v-model="publicKey" :mode="mode" label-key="selectOrCreateAuthSecret.s3.accessKey" />
+          <LabeledInput
+            v-model="publicKey"
+            :mode="mode"
+            label-key="selectOrCreateAuthSecret.s3.accessKey"
+          />
         </div>
         <div :class="moreCols">
-          <LabeledInput v-model="privateKey" :mode="mode" type="password" label-key="selectOrCreateAuthSecret.s3.secretKey" />
+          <LabeledInput
+            v-model="privateKey"
+            :mode="mode"
+            type="password"
+            label-key="selectOrCreateAuthSecret.s3.secretKey"
+          />
         </div>
       </template>
     </div>

package/components/form/ServiceNameSelect.vue

@@ -115,7 +115,7 @@ export default {
 
 <template>
   <div>
-    <div class="spacer"></div>
+    <div class="spacer" />
     <div class="row mb-10">
       <h3 class="col span-6">
         {{ t('workload.serviceAccountName.label') }}
@@ -156,7 +156,7 @@ export default {
         <Banner
           color="info"
           v-html="t('workload.serviceAccountName.createMessage', { name: serviceName }) "
-        ></Banner>
+        />
       </div>
     </template>
   </div>

package/components/form/ServicePorts.vue

@@ -123,8 +123,14 @@ export default {
 <template>
   <div>
     <div v-if="rows.length">
-      <div class="ports-headers" :class="{'show-protocol':showProtocol, 'show-node-port':showNodePort}">
-        <span v-if="padLeft" class="left"></span>
+      <div
+        class="ports-headers"
+        :class="{'show-protocol':showProtocol, 'show-node-port':showNodePort}"
+      >
+        <span
+          v-if="padLeft"
+          class="left"
+        />
         <span class="port-name">
           <t k="servicePorts.rules.name.label" />
         </span>
@@ -132,7 +138,10 @@ export default {
           <t k="servicePorts.rules.listening.label" />
           <span class="text-error">*</span>
         </span>
-        <span v-if="showProtocol" class="port-protocol">
+        <span
+          v-if="showProtocol"
+          class="port-protocol"
+        >
           <t k="servicePorts.rules.protocol.label" />
         </span>
         <span class="target-port">
@@ -140,10 +149,16 @@ export default {
           <span class="text-error">*</span>
 
         </span>
-        <span v-if="showNodePort" class="node-port">
+        <span
+          v-if="showNodePort"
+          class="node-port"
+        >
           <t k="servicePorts.rules.node.label" />
         </span>
-        <span v-if="showRemove" class="remove"></span>
+        <span
+          v-if="showRemove"
+          class="remove"
+        />
       </div>
       <div
         v-for="(row, idx) in rows"
@@ -151,7 +166,10 @@ export default {
         class="ports-row"
         :class="{'show-protocol':showProtocol, 'show-node-port':showNodePort}"
       >
-        <div v-if="padLeft" class="left"></div>
+        <div
+          v-if="padLeft"
+          class="left"
+        />
         <div class="port-name">
           <span v-if="isView">{{ row.name }}</span>
           <input
@@ -161,7 +179,7 @@ export default {
             type="text"
             :placeholder="t('servicePorts.rules.name.placeholder')"
             @input="queueUpdate"
-          />
+          >
         </div>
         <div class="port">
           <span v-if="isView">{{ row.port }}</span>
@@ -174,9 +192,12 @@ export default {
             max="65535"
             :placeholder="t('servicePorts.rules.listening.placeholder')"
             @input="queueUpdate"
-          />
+          >
         </div>
-        <div v-if="showProtocol" class="port-protocol">
+        <div
+          v-if="showProtocol"
+          class="port-protocol"
+        >
           <span v-if="isView">{{ row.protocol }}</span>
           <Select
             v-else
@@ -192,9 +213,12 @@ export default {
             v-model="row.targetPort"
             :placeholder="t('servicePorts.rules.target.placeholder')"
             @input="queueUpdate"
-          />
+          >
         </div>
-        <div v-if="showNodePort" class="node-port">
+        <div
+          v-if="showNodePort"
+          class="node-port"
+        >
           <span v-if="isView">{{ row.nodePort }}</span>
           <input
             v-else
@@ -204,18 +228,35 @@ export default {
             max="65535"
             :placeholder="t('servicePorts.rules.node.placeholder')"
             @input="queueUpdate"
-          />
+          >
         </div>
-        <div v-if="showRemove" class="remove">
-          <button type="button" class="btn role-link" @click="remove(idx)">
+        <div
+          v-if="showRemove"
+          class="remove"
+        >
+          <button
+            type="button"
+            class="btn role-link"
+            @click="remove(idx)"
+          >
             <t k="generic.remove" />
           </button>
         </div>
-        <Error :value="{...row, idx}" :rules="rules" />
+        <Error
+          :value="{...row, idx}"
+          :rules="rules"
+        />
       </div>
     </div>
-    <div v-if="showAdd" class="footer">
-      <button type="button" class="btn role-tertiary add" @click="add()">
+    <div
+      v-if="showAdd"
+      class="footer"
+    >
+      <button
+        type="button"
+        class="btn role-tertiary add"
+        @click="add()"
+      >
         <t k="generic.add" />
       </button>
     </div>

package/components/form/Tolerations.vue

@@ -134,7 +134,10 @@ export default {
 
 <template>
   <div class="tolerations">
-    <div v-if="rules.length" class="toleration-headers">
+    <div
+      v-if="rules.length"
+      class="toleration-headers"
+    >
       <span>{{ t('workload.scheduling.tolerations.labelKey') }}</span>
       <span>{{ t('workload.scheduling.tolerations.operator') }}</span>
       <span>{{ t('workload.scheduling.tolerations.value') }}</span>
@@ -142,9 +145,16 @@ export default {
       <span>{{ t('workload.scheduling.tolerations.tolerationSeconds') }}</span>
       <span />
     </div>
-    <div v-for="rule in rules" :key="rule.vKey" class="rule">
+    <div
+      v-for="rule in rules"
+      :key="rule.vKey"
+      class="rule"
+    >
       <div class="col">
-        <LabeledInput v-model="rule.key" :mode="mode" />
+        <LabeledInput
+          v-model="rule.key"
+          :mode="mode"
+        />
       </div>
       <div class="col">
         <Select
@@ -157,12 +167,19 @@ export default {
       </div>
       <template v-if="rule.operator==='Exists'">
         <div class="col">
-          <LabeledInput value="n/a" :mode="mode" disabled />
+          <LabeledInput
+            value="n/a"
+            :mode="mode"
+            disabled
+          />
         </div>
       </template>
       <template v-else>
         <div class="col">
-          <LabeledInput v-model="rule.value" :mode="mode" />
+          <LabeledInput
+            v-model="rule.value"
+            :mode="mode"
+          />
         </div>
       </template>
       <div class="col">
@@ -174,7 +191,12 @@ export default {
         />
       </div>
       <div class="col">
-        <UnitInput v-model="rule.tolerationSeconds" :disabled="rule.effect !== 'NoExecute'" :mode="mode" suffix="Seconds" />
+        <UnitInput
+          v-model="rule.tolerationSeconds"
+          :disabled="rule.effect !== 'NoExecute'"
+          :mode="mode"
+          suffix="Seconds"
+        />
       </div>
       <div class="col">
         <button
@@ -188,7 +210,12 @@ export default {
         </button>
       </div>
     </div>
-    <button v-if="!isView" type="button" class="btn role-tertiary" @click="addToleration">
+    <button
+      v-if="!isView"
+      type="button"
+      class="btn role-tertiary"
+      @click="addToleration"
+    >
       <t k="workload.scheduling.tolerations.addToleration" />
     </button>
   </div>

package/components/form/ValueFromResource.vue

@@ -284,7 +284,10 @@ export default {
       />
     </div>
 
-    <div v-if="type==='simple'" class="single-value">
+    <div
+      v-if="type==='simple'"
+      class="single-value"
+    >
       <LabeledInput
         v-model="valStr"
         :label="t('workload.container.command.fromResource.value.label')"
@@ -357,7 +360,12 @@ export default {
       </div>
     </template>
 
-    <button v-if="!isView" type="button" class="btn btn-sm role-link" @click.stop="$emit('remove')">
+    <button
+      v-if="!isView"
+      type="button"
+      class="btn btn-sm role-link"
+      @click.stop="$emit('remove')"
+    >
       {{ t('generic.remove') }}
     </button>
   </div>

package/components/form/WorkloadPorts.vue

@@ -317,7 +317,10 @@ export default {
         />
       </div>
 
-      <div v-if="row._showHost" class="targetPort">
+      <div
+        v-if="row._showHost"
+        class="targetPort"
+      >
         <LabeledInput
           ref="port"
           v-model.number="row.hostPort"
@@ -331,7 +334,10 @@ export default {
         />
       </div>
 
-      <div v-if="row._showHost" class="hostip">
+      <div
+        v-if="row._showHost"
+        class="hostip"
+      >
         <LabeledInput
           ref="port"
           v-model="row.hostIP"
@@ -342,8 +348,16 @@ export default {
         />
       </div>
 
-      <div v-if="!row._showHost && row._serviceType !== 'LoadBalancer' && row._serviceType !== 'NodePort'" class="add-host">
-        <button :disabled="mode==='view'" type="button" class="btn btn-sm role-tertiary" @click="row._showHost = true">
+      <div
+        v-if="!row._showHost && row._serviceType !== 'LoadBalancer' && row._serviceType !== 'NodePort'"
+        class="add-host"
+      >
+        <button
+          :disabled="mode==='view'"
+          type="button"
+          class="btn btn-sm role-tertiary"
+          @click="row._showHost = true"
+        >
           {{ t('workloadPorts.addHost') }}
         </button>
       </div>
@@ -383,14 +397,28 @@ export default {
         </div>
       </div>
 
-      <div v-if="showRemove" class="remove">
-        <button type="button" class="btn role-link" @click="remove(idx)">
+      <div
+        v-if="showRemove"
+        class="remove"
+      >
+        <button
+          type="button"
+          class="btn role-link"
+          @click="remove(idx)"
+        >
           {{ t('workloadPorts.remove') }}
         </button>
       </div>
     </div>
-    <div v-if="showAdd" class="footer">
-      <button type="button" class="btn role-tertiary add" @click="add()">
+    <div
+      v-if="showAdd"
+      class="footer"
+    >
+      <button
+        type="button"
+        class="btn role-tertiary add"
+        @click="add()"
+      >
         {{ t('workloadPorts.addPort') }}
       </button>
     </div>

package/components/form/__tests__/MatchExpressions.test.ts

@@ -73,7 +73,6 @@ describe('component: MatchExpressions', () => {
     await wrapper.trigger('keydown.down');
     await wrapper.trigger('keydown.enter');
 
-    // TODO: #6167: Fix issue with Select emitting 2 times
-    expect(wrapper.emitted('input')).toHaveLength(2);
+    expect(wrapper.emitted('input')).toHaveLength(1);
   });
 });

package/components/formatter/AppSummaryGraph.vue

@@ -93,17 +93,32 @@ export default {
     :trigger="show ? 'click' : 'manual'"
     offset="1"
   >
-    <ProgressBarMulti :values="colorParts" class="mb-5" />
-    <n-link v-if="linkTo" :to="linkTo">
+    <ProgressBarMulti
+      :values="colorParts"
+      class="mb-5"
+    />
+    <n-link
+      v-if="linkTo"
+      :to="linkTo"
+    >
       {{ displayLabel }}
     </n-link>
     <span v-else>{{ displayLabel }}</span>
 
     <template #popover>
-      <table v-if="show" class="fixed">
+      <table
+        v-if="show"
+        class="fixed"
+      >
         <tbody>
-          <tr v-for="obj in stateParts" :key="obj.key">
-            <td class="text-left pr-20" :class="{[obj.textColor]: true}">
+          <tr
+            v-for="obj in stateParts"
+            :key="obj.key"
+          >
+            <td
+              class="text-left pr-20"
+              :class="{[obj.textColor]: true}"
+            >
               {{ obj.label }}
             </td>
             <td class="text-right">
@@ -114,7 +129,10 @@ export default {
       </table>
     </template>
   </v-popover>
-  <div v-else class="text-center text-muted">
+  <div
+    v-else
+    class="text-center text-muted"
+  >
     &mdash;
   </div>
 </template>

package/components/formatter/BadgeStateFormatter.vue

@@ -55,6 +55,9 @@ export default {
         :label="stateDisplay"
       />
     </div>
-    <BadgeState v-else :value="row" />
+    <BadgeState
+      v-else
+      :value="row"
+    />
   </div>
 </template>

package/components/formatter/Checked.vue

@@ -14,7 +14,10 @@ export default {
   <span v-if="value">
     <i class="icon icon-lg icon-checkmark" />
   </span>
-  <span v-else class="text-muted">
+  <span
+    v-else
+    class="text-muted"
+  >
     &mdash;
   </span>
 </template>

package/components/formatter/ClusterLink.vue

@@ -55,7 +55,10 @@ export default {
 </script>
 <template>
   <span class="cluster-link">
-    <n-link v-if="to" :to="to">
+    <n-link
+      v-if="to"
+      :to="to"
+    >
       {{ value }}
     </n-link>
     <span v-else>{{ value }}</span>

package/components/formatter/Date.vue

@@ -65,7 +65,7 @@ export default {
 <template>
   <component :is="tagName">
     <template v-if="showDate">
-      {{ date }}<br v-if="multiline" /><span v-else>&nbsp;</span>
+      {{ date }}<br v-if="multiline"><span v-else>&nbsp;</span>
     </template>
     <template v-if="showTime">
       {{ time }}

package/components/formatter/DelayedValue.vue

@@ -30,7 +30,10 @@ export default {
 </script>
 
 <template>
-  <i v-if="loading" class="icon icon-spinner delayed-loader" />
+  <i
+    v-if="loading"
+    class="icon icon-spinner delayed-loader"
+  />
   <span v-else>{{ value }}</span>
 </template>
 

package/components/formatter/Endpoints.vue

@@ -83,7 +83,11 @@ export default {
 <template>
   <span>
     <template v-for="(endpoint, index) in parsed">
-      <span v-if="endpoint.display" :key="endpoint.display" class="block">{{ endpoint.display }}</span>
+      <span
+        v-if="endpoint.display"
+        :key="endpoint.display"
+        class="block"
+      >{{ endpoint.display }}</span>
       <a
         v-else
         :key="index + endpoint.link"

package/components/formatter/ExternalLink.vue

@@ -3,5 +3,9 @@ export default { props: { value: { type: String, required: true } } };
 </script>
 
 <template>
-  <a rel="nofollow noopener noreferrer" target="_blank" :href="value">{{ value }}</a>
+  <a
+    rel="nofollow noopener noreferrer"
+    target="_blank"
+    :href="value"
+  >{{ value }}</a>
 </template>

package/components/formatter/FleetSummaryGraph.vue

@@ -54,15 +54,27 @@ export default {
     :trigger="show ? 'click' : 'manual'"
     offset="1"
   >
-    <ProgressBarMulti :values="stateParts" class="mb-5" />
+    <ProgressBarMulti
+      :values="stateParts"
+      class="mb-5"
+    />
     <span v-if="summary.desiredReady === summary.ready">{{ summary.ready }}</span>
     <span v-else>{{ summary.ready }} of {{ summary.desiredReady }}</span>
 
     <template #popover>
-      <table v-if="show" class="fixed">
+      <table
+        v-if="show"
+        class="fixed"
+      >
         <tbody>
-          <tr v-for="obj in stateParts" :key="obj.label">
-            <td class="text-left pr-20" :class="{[obj.textColor]: true}">
+          <tr
+            v-for="obj in stateParts"
+            :key="obj.label"
+          >
+            <td
+              class="text-left pr-20"
+              :class="{[obj.textColor]: true}"
+            >
               {{ obj.label }}
             </td>
             <td class="text-right">
@@ -73,7 +85,10 @@ export default {
       </table>
     </template>
   </v-popover>
-  <div v-else class="text-center text-muted">
+  <div
+    v-else
+    class="text-center text-muted"
+  >
     &mdash;
   </div>
 </template>

package/components/formatter/IconText.vue

@@ -42,5 +42,8 @@ export default {
 </script>
 
 <template>
-  <span><i v-if="displayClass" :class="{'icon': true, [displayClass]: true, [iconSize]: true}" /> {{ value }}</span>
+  <span><i
+    v-if="displayClass"
+    :class="{'icon': true, [displayClass]: true, [iconSize]: true}"
+  /> {{ value }}</span>
 </template>

package/components/formatter/ImagePercentageBar.vue

@@ -54,7 +54,11 @@ export default {
     class="parent"
   >
     <div class="progress-box">
-      <ProgressBarMulti :values="percentage" :min="0" :max="100" />
+      <ProgressBarMulti
+        :values="percentage"
+        :min="0"
+        :max="100"
+      />
     </div>
     <div class="text">
       {{ value || 0 }}%

package/components/formatter/IngressFullPath.vue

@@ -12,6 +12,11 @@ export default {
 </script>
 
 <template>
-  <a v-if="row.isUrl" rel="nofollow noopener noreferrer" target="_blank" :href="`${row.fullPath}`">{{ row.fullPath }}</a>
+  <a
+    v-if="row.isUrl"
+    rel="nofollow noopener noreferrer"
+    target="_blank"
+    :href="`${row.fullPath}`"
+  >{{ row.fullPath }}</a>
   <span v-else>{{ row.fullPath }}</span>
 </template>