@rancher/shell 0.2.3 → 0.2.4

package/components/Markdown.vue

@@ -75,7 +75,11 @@ export default {
 </script>
 
 <template>
-  <div v-if="loaded" class="markdown" v-html="sanitized" />
+  <div
+    v-if="loaded"
+    class="markdown"
+    v-html="sanitized"
+  />
   <Loading v-else />
 </template>
 

package/components/MessageLink.vue

@@ -47,17 +47,32 @@ export default {
 <template>
   <div>
     <slot name="prefix">
-      <t v-if="prefixLabel" :k="prefixLabel" :raw="true" />
+      <t
+        v-if="prefixLabel"
+        :k="prefixLabel"
+        :raw="true"
+      />
       {{ prefix }}
     </slot>
-    <nuxt-link :to="to" :target="target">
+    <nuxt-link
+      :to="to"
+      :target="target"
+    >
       <slot name="middle">
-        <t v-if="middleLabel" :k="middleLabel" :raw="true" />
+        <t
+          v-if="middleLabel"
+          :k="middleLabel"
+          :raw="true"
+        />
         {{ middle }}
       </slot>
     </nuxt-link>
     <slot name="suffix">
-      <t v-if="suffixLabel" :k="suffixLabel" :raw="true" />
+      <t
+        v-if="suffixLabel"
+        :k="suffixLabel"
+        :raw="true"
+      />
       {{ suffix }}
     </slot>
   </div>

package/components/ModalWithCard.vue

@@ -67,25 +67,41 @@ export default {
     v-bind="$attrs"
     class="modal"
   >
-    <Card class="modal" :show-highlight-border="false">
+    <Card
+      class="modal"
+      :show-highlight-border="false"
+    >
       <template #title>
-        <h4 slot="title" class="text-default-text">
-          <slot name="title"></slot>
+        <h4
+          slot="title"
+          class="text-default-text"
+        >
+          <slot name="title" />
         </h4>
       </template>
 
       <template #body>
-        <slot name="content"></slot>
-
-        <div v-for="(err,idx) in errors" :key="idx">
-          <Banner class="banner" color="error" :label="err" />
+        <slot name="content" />
+
+        <div
+          v-for="(err,idx) in errors"
+          :key="idx"
+        >
+          <Banner
+            class="banner"
+            color="error"
+            :label="err"
+          />
         </div>
       </template>
 
       <template #actions>
         <slot name="footer">
           <div class="footer">
-            <button class="btn role-secondary mr-20" @click.prevent="hide">
+            <button
+              class="btn role-secondary mr-20"
+              @click.prevent="hide"
+            >
               {{ closeText }}
             </button>
 

package/components/MoveModal.vue

@@ -84,28 +84,56 @@ export default {
 };
 </script>
 <template>
-  <modal class="move-modal" :name="modalName" :width="440" height="auto" @closed="close">
+  <modal
+    class="move-modal"
+    :name="modalName"
+    :width="440"
+    height="auto"
+    @closed="close"
+  >
     <Loading v-if="$fetchState.pending" />
-    <Card v-else class="move-modal-card" :show-highlight-border="false">
-      <h4 slot="title" class="text-default-text">
+    <Card
+      v-else
+      class="move-modal-card"
+      :show-highlight-border="false"
+    >
+      <h4
+        slot="title"
+        class="text-default-text"
+      >
         {{ t('moveModal.title') }}
       </h4>
       <div slot="body">
         <div>
           {{ t('moveModal.description') }}
           <ul class="namespaces">
-            <li v-for="namespace in toMove" :key="namespace.id">
+            <li
+              v-for="namespace in toMove"
+              :key="namespace.id"
+            >
               {{ namespace.nameDisplay }}
             </li>
           </ul>
         </div>
-        <LabeledSelect v-model="targetProject" :options="projectOptions" :label="t('moveModal.targetProject')" />
+        <LabeledSelect
+          v-model="targetProject"
+          :options="projectOptions"
+          :label="t('moveModal.targetProject')"
+        />
       </div>
       <template #actions>
-        <button class="btn role-secondary" @click="close">
+        <button
+          class="btn role-secondary"
+          @click="close"
+        >
           {{ t('generic.cancel') }}
         </button>
-        <AsyncButton :action-label="t('moveModal.moveButtonLabel')" class="btn bg-primary ml-10" :disabled="!targetProject" @click="move" />
+        <AsyncButton
+          :action-label="t('moveModal.moveButtonLabel')"
+          class="btn bg-primary ml-10"
+          :disabled="!targetProject"
+          @click="move"
+        />
       </template>
     </Card>
   </modal>

package/components/PercentageBar.vue

@@ -103,8 +103,15 @@ export default {
 
 <template>
   <span class="percentage-bar">
-    <Bar :percentage="value" :primary-color="primaryColor" :slices="slices" />
-    <span v-if="showPercentage" class="ml-5 percentage-value">{{ formattedPercentage }}</span>
+    <Bar
+      :percentage="value"
+      :primary-color="primaryColor"
+      :slices="slices"
+    />
+    <span
+      v-if="showPercentage"
+      class="ml-5 percentage-value"
+    >{{ formattedPercentage }}</span>
   </span>
 </template>
 

package/components/ProgressBarMulti.vue

@@ -105,7 +105,10 @@ function toPercent(value, min, max) {
 </script>
 
 <template>
-  <div v-trim-whitespace :class="{progress: true, multi: pieces.length > 1}">
+  <div
+    v-trim-whitespace
+    :class="{progress: true, multi: pieces.length > 1}"
+  >
     <div
       v-for="(piece, idx) of pieces"
       :key="idx"

package/components/PromptChangePassword.vue

@@ -40,19 +40,32 @@ export default {
     :width="500"
     :height="465"
   >
-    <Card class="prompt-password" :show-highlight-border="false">
-      <h4 slot="title" class="text-default-text">
+    <Card
+      class="prompt-password"
+      :show-highlight-border="false"
+    >
+      <h4
+        slot="title"
+        class="text-default-text"
+      >
         {{ t("changePassword.title") }}
       </h4>
       <div slot="body">
         <form @submit.prevent>
-          <ChangePassword ref="changePassword" @valid="valid = $event" />
+          <ChangePassword
+            ref="changePassword"
+            @valid="valid = $event"
+          />
         </form>
       </div>
 
       <template #actions>
         <!-- type reset is required by lastpass -->
-        <button class="btn role-secondary" type="reset" @click="show(false)">
+        <button
+          class="btn role-secondary"
+          type="reset"
+          @click="show(false)"
+        >
           {{ t("changePassword.cancel") }}
         </button>
         <AsyncButton

package/components/PromptModal.vue

@@ -87,7 +87,13 @@ export default {
     :scrollable="true"
     @closed="close()"
   >
-    <component :is="component" v-if="opened && component" :resources="resources" :register-background-closing="registerBackgroundClosing" @close="close()" />
+    <component
+      :is="component"
+      v-if="opened && component"
+      :resources="resources"
+      :register-background-closing="registerBackgroundClosing"
+      @close="close()"
+    />
   </modal>
 </template>
 

package/components/PromptRemove.vue

@@ -329,8 +329,14 @@ export default {
     styles="max-height: 100vh;"
     @closed="close"
   >
-    <Card class="prompt-remove" :show-highlight-border="false">
-      <h4 slot="title" class="text-default-text">
+    <Card
+      class="prompt-remove"
+      :show-highlight-border="false"
+    >
+      <h4
+        slot="title"
+        class="text-default-text"
+      >
         {{ t('promptRemove.title') }}
       </h4>
       <div slot="body">
@@ -338,7 +344,7 @@ export default {
           <template v-if="!hasCustomRemove">
             {{ t('promptRemove.attemptingToRemove', { type }) }} <span
               v-html="resourceNames(names, plusMore, t)"
-            ></span>
+            />
           </template>
 
           <template>
@@ -356,10 +362,13 @@ export default {
               @errors="e => error = e"
               @done="done"
             />
-            <div v-if="needsConfirm" class="mt-10">
+            <div
+              v-if="needsConfirm"
+              class="mt-10"
+            >
               <span
                 v-html="t('promptRemove.confirmName', { nameToMatch: escapeHtml(nameToMatch) }, true)"
-              ></span>
+              />
             </div>
           </template>
         </div>
@@ -369,23 +378,35 @@ export default {
           v-model="confirmName"
           :data-testid="componentTestid + '-input'"
           type="text"
-        />
+        >
         <div class="text-warning mb-10 mt-10">
           {{ warning }}
         </div>
         <div class="text-error mb-10 mt-10">
           {{ error }}
         </div>
-        <div v-if="!needsConfirm" class="text-info mt-20">
+        <div
+          v-if="!needsConfirm"
+          class="text-info mt-20"
+        >
           {{ protip }}
         </div>
-        <Checkbox v-if="chartsToRemoveIsApp" v-model="chartsDeleteCrd" label-key="promptRemoveApp.removeCrd" class="mt-10 type" @input="chartAddCrdToRemove" />
+        <Checkbox
+          v-if="chartsToRemoveIsApp"
+          v-model="chartsDeleteCrd"
+          label-key="promptRemoveApp.removeCrd"
+          class="mt-10 type"
+          @input="chartAddCrdToRemove"
+        />
       </div>
       <template #actions>
-        <button class="btn role-secondary" @click="close">
+        <button
+          class="btn role-secondary"
+          @click="close"
+        >
           {{ t('generic.cancel') }}
         </button>
-        <div class="spacer"></div>
+        <div class="spacer" />
         <AsyncButton
           mode="delete"
           class="btn bg-error ml-10"

package/components/PromptRestore.vue

@@ -211,12 +211,23 @@ export default {
     height="auto"
     :scrollable="true"
   >
-    <Card v-if="loaded" class="prompt-restore" :show-highlight-border="false">
-      <h4 slot="title" class="text-default-text" v-html="t('promptRestore.title', null, true)" />
-
-      <div slot="body" class="pl-10 pr-10">
+    <Card
+      v-if="loaded"
+      class="prompt-restore"
+      :show-highlight-border="false"
+    >
+      <h4
+        slot="title"
+        class="text-default-text"
+        v-html="t('promptRestore.title', null, true)"
+      />
+
+      <div
+        slot="body"
+        class="pl-10 pr-10"
+      >
         <form>
-          <h3 v-t="'promptRestore.name'"></h3>
+          <h3 v-t="'promptRestore.name'" />
           <div v-if="!isCluster">
             {{ snapshot.nameDisplay }}
           </div>
@@ -231,10 +242,13 @@ export default {
 
           <div class="spacer" />
 
-          <h3 v-t="'promptRestore.date'"></h3>
+          <h3 v-t="'promptRestore.date'" />
           <div>
             <p>
-              <Date v-if="snapshot" :value="snapshot.createdAt || snapshot.created || snapshot.metadata.creationTimestamp" />
+              <Date
+                v-if="snapshot"
+                :value="snapshot.createdAt || snapshot.created || snapshot.metadata.creationTimestamp"
+              />
             </p>
           </div>
           <div class="spacer" />
@@ -248,8 +262,14 @@ export default {
         </form>
       </div>
 
-      <div slot="actions" class="dialog-actions">
-        <button class="btn role-secondary" @click="close">
+      <div
+        slot="actions"
+        class="dialog-actions"
+      >
+        <button
+          class="btn role-secondary"
+          @click="close"
+        >
           {{ t('generic.cancel') }}
         </button>
 
@@ -259,7 +279,12 @@ export default {
           @click="apply"
         />
 
-        <Banner v-for="(err, i) in errors" :key="i" color="error" :label="err" />
+        <Banner
+          v-for="(err, i) in errors"
+          :key="i"
+          color="error"
+          :label="err"
+        />
       </div>
     </Card>
   </modal>

package/components/Questions/Array.vue

@@ -27,7 +27,10 @@ export default {
         @input="update"
       />
     </div>
-    <div v-if="showDescription" class="col span-6 mt-10">
+    <div
+      v-if="showDescription"
+      class="col span-6 mt-10"
+    >
       {{ question.description }}
     </div>
   </div>

package/components/Questions/Boolean.vue

@@ -19,7 +19,10 @@ export default {
         @input="$emit('input', $event)"
       />
     </div>
-    <div v-if="showDescription" class="col span-6 mt-10">
+    <div
+      v-if="showDescription"
+      class="col span-6 mt-10"
+    >
       {{ displayDescription }}
     </div>
   </div>

package/components/Questions/Enum.vue

@@ -22,7 +22,10 @@ export default {
         @input="$emit('input', $event)"
       />
     </div>
-    <div v-if="showDescription" class="col span-6 mt-10">
+    <div
+      v-if="showDescription"
+      class="col span-6 mt-10"
+    >
       {{ displayDescription }}
     </div>
   </div>

package/components/Questions/Float.vue

@@ -24,7 +24,10 @@ export default {
         @input="val = parseFloat($event); if ( !isNaN(val) ) { $emit('input', val) }"
       />
     </div>
-    <div v-if="showDescription" class="col span-6 mt-10">
+    <div
+      v-if="showDescription"
+      class="col span-6 mt-10"
+    >
       {{ question.description }}
     </div>
   </div>

package/components/Questions/Int.vue

@@ -24,7 +24,10 @@ export default {
         @input="val = parseInt($event, 10); if ( !isNaN(val) ) { $emit('input', val) }"
       />
     </div>
-    <div v-if="showDescription" class="col span-6 mt-10">
+    <div
+      v-if="showDescription"
+      class="col span-6 mt-10"
+    >
       {{ displayDescription }}
     </div>
   </div>

package/components/Questions/QuestionMap.vue

@@ -17,7 +17,10 @@ export default {
 
 <template>
   <div>
-    <div v-if="showDescription" class="row mt-10">
+    <div
+      v-if="showDescription"
+      class="row mt-10"
+    >
       <div class="col span-12">
         {{ question.description }}
       </div>

package/components/Questions/Reference.vue

@@ -83,7 +83,10 @@ export default {
 </script>
 
 <template>
-  <div v-if="typeSchema" class="row">
+  <div
+    v-if="typeSchema"
+    class="row"
+  >
     <div class="col span-6">
       <LabeledSelect
         :mode="mode"
@@ -103,7 +106,10 @@ export default {
       </div>
     </div>
   </div>
-  <div v-else class="row">
+  <div
+    v-else
+    class="row"
+  >
     <div class="col span-6">
       <LabeledInput
         :mode="mode"

package/components/Questions/String.vue

@@ -34,7 +34,10 @@ export default {
         @input="$emit('input', $event)"
       />
     </div>
-    <div v-if="showDescription" class="col span-6 mt-10">
+    <div
+      v-if="showDescription"
+      class="col span-6 mt-10"
+    >
       {{ displayDescription }}
     </div>
   </div>

package/components/Questions/index.vue

@@ -435,7 +435,11 @@ export default {
       :label="g.name"
       :weight="g.weight"
     >
-      <div v-for="q in g.questions" :key="q.variable" class="row question">
+      <div
+        v-for="q in g.questions"
+        :key="q.variable"
+        class="row question"
+      >
         <div class="col span-12">
           <component
             :is="componentForQuestion(q)"
@@ -459,7 +463,11 @@ export default {
       <h3 v-if="groups.length > 1">
         {{ g.label }}
       </h3>
-      <div v-for="q in g.questions" :key="q.variable" class="row question">
+      <div
+        v-for="q in g.questions"
+        :key="q.variable"
+        class="row question"
+      >
         <div class="col span-12">
           <component
             :is="componentForQuestion(q)"

package/components/Random.vue

@@ -71,9 +71,17 @@ export default {
 </script>
 
 <template>
-  <component :is="tagName" v-bind="$attrs" class="container">
-    <slot :data="value" :min="min" :max="max" :interval="interval">
-    </slot>
+  <component
+    :is="tagName"
+    v-bind="$attrs"
+    class="container"
+  >
+    <slot
+      :data="value"
+      :min="min"
+      :max="max"
+      :interval="interval"
+    />
     {{ label }}
   </component>
 </template>

package/components/RelatedResources.vue

@@ -174,8 +174,14 @@ export default {
     :groupable="false"
   >
     <template #cell:state="{row}">
-      <BadgeState v-if="row.real" :value="row.real" />
-      <BadgeState v-else :value="row" />
+      <BadgeState
+        v-if="row.real"
+        :value="row.real"
+      />
+      <BadgeState
+        v-else
+        :value="row"
+      />
     </template>
   </ResourceTable>
 </template>

package/components/RelatedWorkloadsTable.vue

@@ -41,6 +41,10 @@ export default {
 
 <template>
   <div>
-    <ResourceTable :schema="schema" :rows="relatedWorkloadRows" :headers="relatedWorkloadHeaders" />
+    <ResourceTable
+      :schema="schema"
+      :rows="relatedWorkloadRows"
+      :headers="relatedWorkloadHeaders"
+    />
   </div>
 </template>

package/components/ResourceCancelModal.vue

@@ -40,10 +40,18 @@ export default {
 </script>
 
 <template>
-  <modal class="confirm-modal" name="cancel-modal" :width="440" height="auto">
+  <modal
+    class="confirm-modal"
+    name="cancel-modal"
+    :width="440"
+    height="auto"
+  >
     <div class="header">
       <h4 class="text-default-text">
-        <t v-if="isCancelModal" k="generic.cancel" />
+        <t
+          v-if="isCancelModal"
+          k="generic.cancel"
+        />
         <span v-else>{{ t("cruResource.backToForm") }}</span>
       </h4>
     </div>
@@ -63,7 +71,11 @@ export default {
       >
         {{ isForm ? t("cruResource.reviewForm") : t("cruResource.reviewYaml") }}
       </button>
-      <button type="button" class="btn role-primary" @click="confirmCancel">
+      <button
+        type="button"
+        class="btn role-primary"
+        @click="confirmCancel"
+      >
         <span v-if="isCancelModal">{{ t("cruResource.confirmCancel") }}</span>
         <span v-else>{{ t("cruResource.confirmBack") }}</span>
       </button>