@rancher/shell 0.2.3 → 0.2.5

package/components/formatter/IngressTarget.vue

@@ -36,20 +36,37 @@ export default {
 </script>
 
 <template>
-  <div v-if="value" class="ingress-target" :reactivity="workloads.length">
-    <div v-for="(path, i) in paths" :key="i" class="target">
+  <div
+    v-if="value"
+    class="ingress-target"
+    :reactivity="workloads.length"
+  >
+    <div
+      v-for="(path, i) in paths"
+      :key="i"
+      class="target"
+    >
       <IngressFullPath :row="path" />
       <i class="icon icon-chevron-right" />
-      <nuxt-link v-if="path.serviceName && path.serviceTargetTo" :to="path.serviceTargetTo">
+      <nuxt-link
+        v-if="path.serviceName && path.serviceTargetTo"
+        :to="path.serviceTargetTo"
+      >
         {{ path.serviceName }}
       </nuxt-link>
       <span v-else-if="path.serviceName">
         {{ path.serviceName }}
       </span>
     </div>
-    <div v-if="defaultService" class="target">
+    <div
+      v-if="defaultService"
+      class="target"
+    >
       {{ t('ingress.target.default') }} <i class="icon icon-chevron-right" />
-      <nuxt-link v-if="defaultService.targetTo" :to="defaultService.targetTo">
+      <nuxt-link
+        v-if="defaultService.targetTo"
+        :to="defaultService.targetTo"
+      >
         {{ defaultService.name }}
       </nuxt-link>
       <span v-else>

package/components/formatter/InternalExternalIP.vue

@@ -27,7 +27,12 @@ export default {
 <template>
   <span>
     <template v-if="isIp(row.externalIp)">
-      {{ row.externalIp }} <CopyToClipboard label-as="tooltip" :text="row.externalIp" class="icon-btn" action-color="bg-transparent" />
+      {{ row.externalIp }} <CopyToClipboard
+        label-as="tooltip"
+        :text="row.externalIp"
+        class="icon-btn"
+        action-color="bg-transparent"
+      />
     </template>
     <template v-else>
       {{ t('generic.none') }}
@@ -35,7 +40,12 @@ export default {
 
     <template v-if="showBoth">
       <template v-if="isIp(row.internalIp)">
-        / {{ row.internalIp }} <CopyToClipboard label-as="tooltip" :text="row.internalIp" class="icon-btn" action-color="bg-transparent" />
+        / {{ row.internalIp }} <CopyToClipboard
+          label-as="tooltip"
+          :text="row.internalIp"
+          class="icon-btn"
+          action-color="bg-transparent"
+        />
       </template>
       <template v-else>
         {{ t('generic.none') }}

package/components/formatter/KeyValue.vue

@@ -50,7 +50,11 @@ export default {
 
 <template>
   <div class="formatter-key-value-container">
-    <div v-for="( kv, index ) in parsed" :key="index" class="formatter-key-value-item">
+    <div
+      v-for="( kv, index ) in parsed"
+      :key="index"
+      class="formatter-key-value-item"
+    >
       {{ kv }}
     </div>
   </div>

package/components/formatter/Link.vue

@@ -135,15 +135,39 @@ export default {
 </script>
 
 <template>
-  <n-link v-if="isInternal && href" :to="href">
-    <i v-if="beforeIconClass" :class="beforeIconClass" style="position: relative; top: -2px;" />
+  <n-link
+    v-if="isInternal && href"
+    :to="href"
+  >
+    <i
+      v-if="beforeIconClass"
+      :class="beforeIconClass"
+      style="position: relative; top: -2px;"
+    />
     {{ label }}
-    <i v-if="afterIconClass" :class="afterIconClass" style="position: relative; top: -2px;" />
+    <i
+      v-if="afterIconClass"
+      :class="afterIconClass"
+      style="position: relative; top: -2px;"
+    />
   </n-link>
-  <a v-else-if="href" :href="href" :rel="rel" :target="target">
-    <i v-if="beforeIconClass" :class="beforeIconClass" style="position: relative; top: -2px;" />
+  <a
+    v-else-if="href"
+    :href="href"
+    :rel="rel"
+    :target="target"
+  >
+    <i
+      v-if="beforeIconClass"
+      :class="beforeIconClass"
+      style="position: relative; top: -2px;"
+    />
     {{ label }}
-    <i v-if="afterIconClass" :class="afterIconClass" style="position: relative; top: -2px;" />
+    <i
+      v-if="afterIconClass"
+      :class="afterIconClass"
+      style="position: relative; top: -2px;"
+    />
   </a>
   <span v-else> {{ href }} {{ label }}</span>
 </template>

package/components/formatter/LinkDetail.vue

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

package/components/formatter/LinkDetailImage.vue

@@ -23,7 +23,7 @@ export default {
     <nuxt-link :to="row.detailLocation">
       {{ value }}
     </nuxt-link>
-    <br />
+    <br>
     <span class="text-small text-muted">
       {{ row.imageDisplay }}
     </span>

package/components/formatter/ListLink.vue

@@ -22,8 +22,16 @@ export default {
 
 <template>
   <span>
-    <span v-for="(el, i) in value" :key="el.key">
-      <Link :row="el" :value="el" :options="el.options || options" v-bind="el" /><span v-if="i != value.length - 1">, </span>
+    <span
+      v-for="(el, i) in value"
+      :key="el.key"
+    >
+      <Link
+        :row="el"
+        :value="el"
+        :options="el.options || options"
+        v-bind="el"
+      /><span v-if="i != value.length - 1">, </span>
     </span>
   </span>
 </template>

package/components/formatter/ListLinkDetail.vue

@@ -20,6 +20,11 @@ export default {
 
 <template>
   <span>
-    <LinkDetail v-for="el in value" :key="el.key" :row="row" v-bind="el" />
+    <LinkDetail
+      v-for="el in value"
+      :key="el.key"
+      :row="row"
+      v-bind="el"
+    />
   </span>
 </template>

package/components/formatter/LiveDate.vue

@@ -127,13 +127,23 @@ export default {
 </script>
 
 <template>
-  <span v-if="!suffixedLabel" class="text-muted">
+  <span
+    v-if="!suffixedLabel"
+    class="text-muted"
+  >
     &mdash;
   </span>
-  <span v-else-if="showTooltip" v-tooltip="{content: title, placement: tooltipPlacement}" class="live-date">
+  <span
+    v-else-if="showTooltip"
+    v-tooltip="{content: title, placement: tooltipPlacement}"
+    class="live-date"
+  >
     {{ suffixedLabel }}
   </span>
-  <span v-else class="live-date">
+  <span
+    v-else
+    class="live-date"
+  >
     {{ suffixedLabel }}
   </span>
 </template>

package/components/formatter/LiveExpiryDate.vue

@@ -61,9 +61,23 @@ export default {
 </script>
 
 <template>
-  <span v-if="stateValue.isExpired" class="text-error">
-    <LiveDate :value="stateValue.expiresAt" :add-suffix="true" />
+  <span
+    v-if="stateValue.isExpired"
+    class="text-error"
+  >
+    <LiveDate
+      :value="stateValue.expiresAt"
+      :add-suffix="true"
+    />
   </span>
-  <LiveDate v-else-if="stateValue.expiresAt" :value="stateValue.expiresAt" :add-suffix="false" />
-  <span v-else v-t="'generic.never'" class="text-muted" />
+  <LiveDate
+    v-else-if="stateValue.expiresAt"
+    :value="stateValue.expiresAt"
+    :add-suffix="false"
+  />
+  <span
+    v-else
+    v-t="'generic.never'"
+    class="text-muted"
+  />
 </template>

package/components/formatter/LivePodRestarts.vue

@@ -34,7 +34,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>{{ restarts }}</span>
 </template>
 

package/components/formatter/MachineSummaryGraph.vue

@@ -39,8 +39,14 @@ export default {
     <template #popover>
       <table class="fixed">
         <tbody>
-          <tr v-for="obj in row.stateParts" :key="obj.label">
-            <td class="text-left pr-20" :class="{[obj.textColor]: true}">
+          <tr
+            v-for="obj in row.stateParts"
+            :key="obj.label"
+          >
+            <td
+              class="text-left pr-20"
+              :class="{[obj.textColor]: true}"
+            >
               {{ obj.label }}
             </td>
             <td class="text-right">
@@ -51,10 +57,23 @@ export default {
       </table>
     </template>
 
-    <div class="content" :class="{ horizontal }">
-      <ProgressBarMulti v-if="row.stateParts" :values="row.stateParts" class="progress-bar" />
-      <span v-if="row.desired === ready" class="count">{{ ready }}</span>
-      <span v-else class="count">{{ ready }} of {{ row.desired }}</span>
+    <div
+      class="content"
+      :class="{ horizontal }"
+    >
+      <ProgressBarMulti
+        v-if="row.stateParts"
+        :values="row.stateParts"
+        class="progress-bar"
+      />
+      <span
+        v-if="row.desired === ready"
+        class="count"
+      >{{ ready }}</span>
+      <span
+        v-else
+        class="count"
+      >{{ ready }} of {{ row.desired }}</span>
     </div>
   </v-popover>
 </template>

package/components/formatter/Number.vue

@@ -22,7 +22,10 @@ export default {
 </script>
 
 <template>
-  <span v-if="!value" class="text-muted">
+  <span
+    v-if="!value"
+    class="text-muted"
+  >
     &mdash;
   </span>
   <span v-else>

package/components/formatter/PodsUsage.vue

@@ -40,7 +40,10 @@ export default {
 </script>
 
 <template>
-  <i v-if="loading" class="icon icon-spinner icon-spin" />
+  <i
+    v-if="loading"
+    class="icon icon-spinner icon-spin"
+  />
   <p v-else>
     {{ podsUsage }}
   </p>

package/components/formatter/Principal.vue

@@ -14,6 +14,10 @@ export default {
 
 <template>
   <div>
-    <PrincipalComponent :key="value" :value="value" :use-muted="false" />
+    <PrincipalComponent
+      :key="value"
+      :value="value"
+      :use-muted="false"
+    />
   </div>
 </template>

package/components/formatter/PrincipalGroupBindings.vue

@@ -35,7 +35,10 @@ export default {
 <template>
   <div class="pgb">
     <template v-for="(role, i) in boundRoles">
-      <nuxt-link :key="role.id" :to="role.detailLocation">
+      <nuxt-link
+        :key="role.id"
+        :to="role.detailLocation"
+      >
         {{ role.label }}
       </nuxt-link>
       <template v-if="i + 1 < boundRoles.length">

package/components/formatter/ReceiverIcons.vue

@@ -89,11 +89,17 @@ export default {
 <template>
   <span class="name-container">
     <template v-for="(type, key, i) in types">
-      <div :key="key" class="logo">
-        <img :src="type.logo" />
+      <div
+        :key="key"
+        class="logo"
+      >
+        <img :src="type.logo">
       </div>
       <span :key="key+i">
-        <span v-if="i<Object.keys(types).length-1" class="comma">
+        <span
+          v-if="i<Object.keys(types).length-1"
+          class="comma"
+        >
           {{ `${countDisplay(key, type.count)}, ` }}
         </span>
         <span v-else>

package/components/formatter/RunBookLink.vue

@@ -10,6 +10,11 @@ export default {
 </script>
 
 <template>
-  <a v-if="value.runbook_url" rel="nofollow noopener noreferrer" target="_blank" :href="value.runbook_url">{{ value.message || value.description }} <i class="icon icon-external-link" /></a>
+  <a
+    v-if="value.runbook_url"
+    rel="nofollow noopener noreferrer"
+    target="_blank"
+    :href="value.runbook_url"
+  >{{ value.message || value.description }} <i class="icon icon-external-link" /></a>
   <span v-else>{{ value.message || value.description }}</span>
 </template>

package/components/formatter/Scale.vue

@@ -49,13 +49,31 @@ export default {
 </script>
 
 <template>
-  <v-popover :class="{'hand': showHover}" placement="top" :open-group="row.id" :trigger="showHover ? 'click' : 'manual'" offset="1">
+  <v-popover
+    :class="{'hand': showHover}"
+    placement="top"
+    :open-group="row.id"
+    :trigger="showHover ? 'click' : 'manual'"
+    offset="1"
+  >
     <span>
-      <ProgressBarMulti v-if="row.complexScale" :values="row.scaleParts" />
-      <p v-if="row.scales && row.scales.global" class="scale">Global</p>
-      <span v-else class="scale">
+      <ProgressBarMulti
+        v-if="row.complexScale"
+        :values="row.scaleParts"
+      />
+      <p
+        v-if="row.scales && row.scales.global"
+        class="scale"
+      >Global</p>
+      <span
+        v-else
+        class="scale"
+      >
         {{ row.scales.current }}
-        <div v-if="row.scales.auto" class="text-small text-muted">
+        <div
+          v-if="row.scales.auto"
+          class="text-small text-muted"
+        >
           ({{ row.scales.desired }})
         </div>
         <span v-else-if="row.showDesiredScale">
@@ -66,17 +84,34 @@ export default {
     </span>
 
     <template #popover>
-      <div v-if="canAdjust" class="text-center pb-5">
-        <button type="button" class="btn btn-sm bg-primary scale-btn" @click="scaleDown">
+      <div
+        v-if="canAdjust"
+        class="text-center pb-5"
+      >
+        <button
+          type="button"
+          class="btn btn-sm bg-primary scale-btn"
+          @click="scaleDown"
+        >
           <i class="icon icon-minus" />
         </button>
-        <button type="button" class="btn btn-sm bg-primary scale-btn" @click="scaleUp">
+        <button
+          type="button"
+          class="btn btn-sm bg-primary scale-btn"
+          @click="scaleUp"
+        >
           <i class="icon icon-plus" />
         </button>
       </div>
-      <table v-if="row.complexScale" class="fixed">
+      <table
+        v-if="row.complexScale"
+        class="fixed"
+      >
         <tbody>
-          <tr v-for="obj in row.scaleParts" :key="obj.label">
+          <tr
+            v-for="obj in row.scaleParts"
+            :key="obj.label"
+          >
             <td :class="{'text-left': true, [obj.textColor]: true}">
               {{ obj.label }}
             </td>

package/components/formatter/ScanResult.vue

@@ -25,6 +25,9 @@ export default {
     <span v-if="value || value === 0">
       {{ value }}
     </span>
-    <span v-else class="text-muted">&mdash;</span>
+    <span
+      v-else
+      class="text-muted"
+    >&mdash;</span>
   </div>
 </template>

package/components/formatter/SecretData.vue

@@ -43,8 +43,11 @@ export default {
 
 <template>
   <div v-if="isTLS">
-    <t k="secret.certificate.cn" /> {{ cn }} <span v-if="row.unrepeatedSans.length">{{ t('secret.certificate.plusMore', {n:row.unrepeatedSans.length}) }}</span><br />
-    <t k="secret.certificate.expires" />: <DateComponent :class="dateClass" :value="expiration" />
+    <t k="secret.certificate.cn" /> {{ cn }} <span v-if="row.unrepeatedSans.length">{{ t('secret.certificate.plusMore', {n:row.unrepeatedSans.length}) }}</span><br>
+    <t k="secret.certificate.expires" />: <DateComponent
+      :class="dateClass"
+      :value="expiration"
+    />
   </div>
   <div v-else>
     {{ value }}

package/components/formatter/SecretType.vue

@@ -29,7 +29,10 @@ export default {
 </script>>
 
 <template>
-  <nuxt-link v-if="serviceAccountLink" :to="serviceAccountLink">
+  <nuxt-link
+    v-if="serviceAccountLink"
+    :to="serviceAccountLink"
+  >
     {{ typeDisplay }}
   </nuxt-link>
   <div v-else>

package/components/formatter/ServiceTargets.vue

@@ -99,11 +99,23 @@ export default {
 
 <template>
   <div>
-    <div v-if="hasPublic" class="text-small">
-      <Endpoints v-model="parsed" :row="{}" :col="{}" />
+    <div
+      v-if="hasPublic"
+      class="text-small"
+    >
+      <Endpoints
+        v-model="parsed"
+        :row="{}"
+        :col="{}"
+      />
     </div>
-    <div v-for="(port, index) in parsed" v-else :key="index" class="text-small">
-      <span v-html="port.label"></span>
+    <div
+      v-for="(port, index) in parsed"
+      v-else
+      :key="index"
+      class="text-small"
+    >
+      <span v-html="port.label" />
     </div>
   </div>
 </template>

package/components/formatter/Shortened.vue

@@ -37,10 +37,16 @@ export default {
 </script>
 
 <template>
-  <span v-if="!value" class="text-muted">
+  <span
+    v-if="!value"
+    class="text-muted"
+  >
     &mdash;
   </span>
-  <span v-else-if="showTooltip" v-tooltip="{content: longValue, placement: tooltipPlacement}">
+  <span
+    v-else-if="showTooltip"
+    v-tooltip="{content: longValue, placement: tooltipPlacement}"
+  >
     {{ value }}
   </span>
   <span v-else>

package/components/formatter/VirtualServiceGateways.vue

@@ -90,7 +90,10 @@ export default {
 
 <template>
   <span>
-    <span v-for="(gateway, i) in gateways" :key="gateway">
+    <span
+      v-for="(gateway, i) in gateways"
+      :key="gateway"
+    >
       <template v-if="i < 5">
         <nuxt-link :to="gatewayLinks(gateway)">
           {{ gatewayLinks(gateway).params.id }}
@@ -98,7 +101,10 @@ export default {
         <span v-if="i<gateways.length-1 && i < 4">,</span>
       </template>
     </span>
-    <span v-if="gateways.length>7" class="text-muted">
+    <span
+      v-if="gateways.length>7"
+      class="text-muted"
+    >
       {{ t('generic.plusMore', {n: gateways.length-4}) }}
     </span>
   </span>

package/components/formatter/Weight.vue

@@ -91,10 +91,17 @@ export default {
     @apply-show="onShown"
   >
     <div>
-      <span v-if="totalForApp.count === 1" class="text-muted">
+      <span
+        v-if="totalForApp.count === 1"
+        class="text-muted"
+      >
         &mdash;
       </span>
-      <span v-else v-trim-whitespace :class="{'text-muted': current === 0 && desired === 0}">
+      <span
+        v-else
+        v-trim-whitespace
+        :class="{'text-muted': current === 0 && desired === 0}"
+      >
         {{ current }}%
       </span>
       <div v-if="showDesired">
@@ -104,7 +111,10 @@ export default {
     </div>
 
     <template #popover>
-      <div v-if="canAdjust" class="text-center pb-5">
+      <div
+        v-if="canAdjust"
+        class="text-center pb-5"
+      >
         <form>
           <LabeledInput
             ref="newPercent"
@@ -122,7 +132,12 @@ export default {
               </div>
             </template>
           </LabeledInput>
-          <button type="submit" class="btn bg-primary btn-sm mt-20" :disabled="!newWeightValid" @click.stop.prevent="setWeight">
+          <button
+            type="submit"
+            class="btn bg-primary btn-sm mt-20"
+            :disabled="!newWeightValid"
+            @click.stop.prevent="setWeight"
+          >
             Set
           </button>
         </form>

package/components/formatter/WorkloadDetailEndpoints.vue

@@ -78,7 +78,11 @@ export default {
 <template>
   <span>
     <template v-for="endpoint in parsed">
-      <Tag v-if="endpoint.display" :key="endpoint.display" class="endpoint-tag">{{ endpoint.display }}</Tag>
+      <Tag
+        v-if="endpoint.display"
+        :key="endpoint.display"
+        class="endpoint-tag"
+      >{{ endpoint.display }}</Tag>
       <a
         v-else
         :key="endpoint.link"