@rancher/shell 0.2.2 → 0.2.4

package/components/ExplorerProjectsNamespaces.vue

@@ -342,10 +342,22 @@ export default {
       v-on="$listeners"
     >
       <template #group-by="group">
-        <div class="project-bar" :class="{'has-description': projectDescription(group.group)}">
-          <div v-trim-whitespace class="group-tab">
-            <div class="project-name" v-html="projectLabel(group.group)" />
-            <div v-if="projectDescription(group.group)" class="description text-muted text-small">
+        <div
+          class="project-bar"
+          :class="{'has-description': projectDescription(group.group)}"
+        >
+          <div
+            v-trim-whitespace
+            class="group-tab"
+          >
+            <div
+              class="project-name"
+              v-html="projectLabel(group.group)"
+            />
+            <div
+              v-if="projectDescription(group.group)"
+              class="description text-muted text-small"
+            >
               {{ projectDescription(group.group) }}
             </div>
           </div>
@@ -357,7 +369,12 @@ export default {
             >
               {{ t('projectNamespaces.createNamespace') }}
             </n-link>
-            <button type="button" class="project-action btn btn-sm role-multi-action actions mr-10" :class="{invisible: !showProjectActionButton(group.group)}" @click="showProjectAction($event, group.group)">
+            <button
+              type="button"
+              class="project-action btn btn-sm role-multi-action actions mr-10"
+              :class="{invisible: !showProjectActionButton(group.group)}"
+              @click="showProjectAction($event, group.group)"
+            >
               <i class="icon icon-actions" />
             </button>
           </div>
@@ -365,18 +382,33 @@ export default {
       </template>
       <template #cell:project="{row}">
         <span v-if="row.project">{{ row.project.nameDisplay }}</span>
-        <span v-else class="text-muted">&ndash;</span>
+        <span
+          v-else
+          class="text-muted"
+        >&ndash;</span>
       </template>
-      <template v-for="project in projectsWithoutNamespaces" v-slot:[slotName(project)]>
-        <tr :key="project.id" class="main-row">
-          <td class="empty text-center" colspan="5">
+      <template
+        v-for="project in projectsWithoutNamespaces"
+        v-slot:[slotName(project)]
+      >
+        <tr
+          :key="project.id"
+          class="main-row"
+        >
+          <td
+            class="empty text-center"
+            colspan="5"
+          >
             {{ t('projectNamespaces.noNamespaces') }}
           </td>
         </tr>
       </template>
       <template #main-row:fake-empty>
         <tr class="main-row">
-          <td class="empty text-center" colspan="5">
+          <td
+            class="empty text-center"
+            colspan="5"
+          >
             {{ t('projectNamespaces.noProjectNoNamespaces') }}
           </td>
         </tr>

package/components/FileDiff.vue

@@ -97,7 +97,11 @@ export default {
 <template>
   <div>
     <resize-observer @notify="fit" />
-    <div ref="root" class="root" v-html="html" />
+    <div
+      ref="root"
+      class="root"
+      v-html="html"
+    />
   </div>
 </template>
 

package/components/FixedBanner.vue

@@ -131,10 +131,18 @@ export default {
 
 <template>
   <div v-if="showBanner">
-    <div v-if="!showAsDialog" class="banner" :style="bannerStyle" :class="{'banner-consent': consent}">
+    <div
+      v-if="!showAsDialog"
+      class="banner"
+      :style="bannerStyle"
+      :class="{'banner-consent': consent}"
+    >
       <!-- text as array to support line breaks programmatically rather than just exposing HTML -->
       <div v-if="isTextAnArray">
-        <p v-for="(text, index) in banner.text" :key="index">
+        <p
+          v-for="(text, index) in banner.text"
+          :key="index"
+        >
           {{ text }}
         </p>
       </div>
@@ -143,13 +151,22 @@ export default {
       </p>
     </div>
     <div v-else-if="showDialog">
-      <div class="banner-dialog-glass"></div>
+      <div class="banner-dialog-glass" />
       <div class="banner-dialog">
-        <div class="banner-dialog-frame" :style="dialogStyle">
-          <div class="banner" :style="bannerStyle">
+        <div
+          class="banner-dialog-frame"
+          :style="dialogStyle"
+        >
+          <div
+            class="banner"
+            :style="bannerStyle"
+          >
             <!-- text as array to support line breaks programmatically rather than just exposing HTML -->
             <div v-if="isTextAnArray">
-              <p v-for="(text, index) in banner.text" :key="index">
+              <p
+                v-for="(text, index) in banner.text"
+                :key="index"
+              >
                 {{ text }}
               </p>
             </div>
@@ -157,7 +174,10 @@ export default {
               {{ banner.text }}
             </p>
           </div>
-          <button class="btn role-primary" @click="hideDialog()">
+          <button
+            class="btn role-primary"
+            @click="hideDialog()"
+          >
             {{ banner.button }}
           </button>
         </div>

package/components/Flag.vue

@@ -17,9 +17,15 @@ export default {
 };
 </script>
 <template>
-  <span class="flag" :class="{[color]: true}">
+  <span
+    class="flag"
+    :class="{[color]: true}"
+  >
     <slot>
-      <t v-if="labelKey" :k="labelKey" />
+      <t
+        v-if="labelKey"
+        :k="labelKey"
+      />
       <template v-else>{{ label }}</template>
     </slot>
   </span>

package/components/Glance.vue

@@ -14,8 +14,17 @@ export default {
 </script>
 
 <template>
-  <GradientBox :plain="true" class="glance" primary-color-var="--glance-bg-rgb" :show-tab="false">
-    <div v-for="slot in slots" :key="slot" class="tile">
+  <GradientBox
+    :plain="true"
+    class="glance"
+    primary-color-var="--glance-bg-rgb"
+    :show-tab="false"
+  >
+    <div
+      v-for="slot in slots"
+      :key="slot"
+      class="tile"
+    >
       <slot :name="slot" />
     </div>
   </GradientBox>

package/components/GlobalRoleBindings.vue

@@ -298,8 +298,16 @@ export default {
 
   <div v-else>
     <form v-if="selectedRoles">
-      <div v-for="(sortedRole, roleType) in sortedRoles" :key="getUnique(roleType)" class="role-group mb-10">
-        <Card v-if="Object.keys(sortedRole).length" :show-highlight-border="false" :show-actions="false">
+      <div
+        v-for="(sortedRole, roleType) in sortedRoles"
+        :key="getUnique(roleType)"
+        class="role-group mb-10"
+      >
+        <Card
+          v-if="Object.keys(sortedRole).length"
+          :show-highlight-border="false"
+          :show-actions="false"
+        >
           <template v-slot:title>
             <div class="type-title">
               <h3>{{ t(`rbac.globalRoles.types.${roleType}.label`) }}</h3>
@@ -309,8 +317,15 @@ export default {
             </div>
           </template>
           <template v-slot:body>
-            <div class="checkbox-section" :class="'checkbox-section--' + roleType">
-              <div v-for="role in sortedRoles[roleType]" :key="getUnique(roleType, role.id)" class="checkbox mb-10 mr-10">
+            <div
+              class="checkbox-section"
+              :class="'checkbox-section--' + roleType"
+            >
+              <div
+                v-for="role in sortedRoles[roleType]"
+                :key="getUnique(roleType, role.id)"
+                class="checkbox mb-10 mr-10"
+              >
                 <Checkbox
                   :key="getUnique(roleType, role.id, 'checkbox')"
                   v-model="selectedRoles"
@@ -324,7 +339,11 @@ export default {
                   <template #label>
                     <div class="checkbox-label-slot">
                       <span class="checkbox-label">{{ role.nameDisplay }}</span>
-                      <i v-if="!!assignOnlyRoles[role.id]" v-tooltip="t('rbac.globalRoles.assignOnlyRole')" class="checkbox-info icon icon-info icon-lg" />
+                      <i
+                        v-if="!!assignOnlyRoles[role.id]"
+                        v-tooltip="t('rbac.globalRoles.assignOnlyRole')"
+                        class="checkbox-info icon icon-info icon-lg"
+                      />
                     </div>
                   </template>
                 </Checkbox>

package/components/GradientBox.vue

@@ -61,7 +61,11 @@ export default {
 </script>
 
 <template>
-  <div class="gradient-box" :class="{'show-tab': showTab, 'plain': plain}" :style="style">
+  <div
+    class="gradient-box"
+    :class="{'show-tab': showTab, 'plain': plain}"
+    :style="style"
+  >
     <slot />
   </div>
 </template>

package/components/GrafanaDashboard.vue

@@ -222,9 +222,16 @@ export default {
 
 <template>
   <div class="grafana-graph">
-    <Banner v-if="error" color="error" style="z-index: 1000">
+    <Banner
+      v-if="error"
+      color="error"
+      style="z-index: 1000"
+    >
       <div class="text-center">
-        {{ t('grafanaDashboard.failedToLoad') }} <a href="#" @click="reload">{{ t('grafanaDashboard.reload') }}</a>
+        {{ t('grafanaDashboard.failedToLoad') }} <a
+          href="#"
+          @click="reload"
+        >{{ t('grafanaDashboard.reload') }}</a>
       </div>
     </Banner>
     <iframe
@@ -234,12 +241,19 @@ export default {
       :src="initialUrl"
       frameborder="0"
       scrolling="no"
-    ></iframe>
+    />
     <div v-if="loading">
       <Loading />
     </div>
-    <div v-if="!loading && !error" class="external-link">
-      <a :href="grafanaUrl" target="_blank" rel="noopener noreferrer nofollow">{{ t('grafanaDashboard.grafana') }} <i class="icon icon-external-link" /></a>
+    <div
+      v-if="!loading && !error"
+      class="external-link"
+    >
+      <a
+        :href="grafanaUrl"
+        target="_blank"
+        rel="noopener noreferrer nofollow"
+      >{{ t('grafanaDashboard.grafana') }} <i class="icon icon-external-link" /></a>
     </div>
   </div>
 </template>

package/components/GrowlManager.vue

@@ -79,10 +79,21 @@ export default {
 </script>
 
 <template>
-  <div class="growl-container" @mouseenter="mouseEnter" @mouseleave="mouseLeave">
+  <div
+    class="growl-container"
+    @mouseenter="mouseEnter"
+    @mouseleave="mouseLeave"
+  >
     <div class="growl-list">
-      <div v-for="growl in stack" :key="growl.id" :class="{'growl': true, ['bg-'+growl.color]: true}">
-        <div class="growl-message" :class="{'growl-center': !growl.message}">
+      <div
+        v-for="growl in stack"
+        :key="growl.id"
+        :class="{'growl': true, ['bg-'+growl.color]: true}"
+      >
+        <div
+          class="growl-message"
+          :class="{'growl-center': !growl.message}"
+        >
           <div class="icon-container">
             <i :class="{icon: true, ['icon-'+growl.icon]: true}" />
           </div>
@@ -92,12 +103,22 @@ export default {
               {{ growl.message }}
             </p>
           </div>
-          <i class="close hand icon icon-close" @click="close(growl)" />
+          <i
+            class="close hand icon icon-close"
+            @click="close(growl)"
+          />
         </div>
       </div>
     </div>
-    <div v-if="stack.length > 1" class="text-right mr-10 mt-10">
-      <button type="button" class="btn btn-sm role-primary" @click="closeAll">
+    <div
+      v-if="stack.length > 1"
+      class="text-right mr-10 mt-10"
+    >
+      <button
+        type="button"
+        class="btn btn-sm role-primary"
+        @click="closeAll"
+      >
         {{ t('growl.clearAll') }}
       </button>
     </div>

package/components/HardwareResourceGauge.vue

@@ -67,7 +67,10 @@ export default {
       <h3>
         {{ name }}
       </h3>
-      <div v-if="reserved && (reserved.total !== undefined || reserved.useful !== undefined)" class="hw-gauge">
+      <div
+        v-if="reserved && (reserved.total !== undefined || reserved.useful !== undefined)"
+        class="hw-gauge"
+      >
         <ConsumptionGauge
           :capacity="reserved.total"
           :used="reserved.useful"
@@ -98,7 +101,10 @@ export default {
           </template>
         </ConsumptionGauge>
       </div>
-      <div v-if="used && used.useful !== undefined" class="hw-gauge">
+      <div
+        v-if="used && used.useful !== undefined"
+        class="hw-gauge"
+      >
         <ConsumptionGauge
           :capacity="used.total"
           :used="used.useful"

package/components/HarvesterServiceAddOnConfig.vue

@@ -151,7 +151,10 @@ export default {
     </div>
     <div v-if="healthCheckEnabled">
       <div class="row mt-10">
-        <div v-if="healthCheckEnabled" class="col span-6">
+        <div
+          v-if="healthCheckEnabled"
+          class="col span-6"
+        >
           <LabeledSelect
             v-model="healthcheckPort"
             :mode="mode"

package/components/IconMessage.vue

@@ -30,8 +30,14 @@ export default {
 </script>
 
 <template>
-  <div class="message-icon" :class="{'vertical': vertical, 'subtle': subtle}">
-    <i class="icon" :class="{ [icon]: true, [iconState]: !!iconState}" />
+  <div
+    class="message-icon"
+    :class="{'vertical': vertical, 'subtle': subtle}"
+  >
+    <i
+      class="icon"
+      :class="{ [icon]: true, [iconState]: !!iconState}"
+    />
     <div class="message">
       <slot name="message">
         <template v-if="messageKey">

package/components/Import.vue

@@ -118,14 +118,17 @@ export default {
 
 <template>
   <Loading v-if="$fetchState.pending" />
-  <Card v-else :show-highlight-border="false">
+  <Card
+    v-else
+    :show-highlight-border="false"
+  >
     <template #title>
       <div style="display: block; width: 100%;">
         <template v-if="done">
           <h4>{{ t('import.success', {count: rows.length}) }}</h4>
         </template>
         <template v-else>
-          <h4 v-t="'import.title'"></h4>
+          <h4 v-t="'import.title'" />
           <div class="row">
             <div class="col span-6">
               <FileSelector
@@ -169,19 +172,45 @@ export default {
         v-model="currentYaml"
         class="yaml-editor"
       />
-      <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"
+      />
     </template>
     <template #actions>
-      <div v-if="done" class="text-center" style="width: 100%">
-        <button type="button" class="btn role-primary" @click="close">
+      <div
+        v-if="done"
+        class="text-center"
+        style="width: 100%"
+      >
+        <button
+          type="button"
+          class="btn role-primary"
+          @click="close"
+        >
           {{ t('generic.close') }}
         </button>
       </div>
-      <div v-else class="text-center" style="width: 100%">
-        <button type="button" class="btn role-secondary mr-10" @click="close">
+      <div
+        v-else
+        class="text-center"
+        style="width: 100%"
+      >
+        <button
+          type="button"
+          class="btn role-secondary mr-10"
+          @click="close"
+        >
           {{ t('generic.cancel') }}
         </button>
-        <AsyncButton v-if="!done" mode="import" :disabled="!currentYaml.length" @click="importYaml" />
+        <AsyncButton
+          v-if="!done"
+          mode="import"
+          :disabled="!currentYaml.length"
+          @click="importYaml"
+        />
       </div>
     </template>
   </Card>

package/components/IndentedPanel.vue

@@ -3,7 +3,10 @@ export default {};
 </script>
 
 <template>
-  <div class="indented-panel" v-on="$listeners">
+  <div
+    class="indented-panel"
+    v-on="$listeners"
+  >
     <slot />
   </div>
 </template>

package/components/InfoBox.vue

@@ -10,8 +10,14 @@ export default {
 </script>
 
 <template>
-  <div :class="{'stepped': !!step}" class="info-box">
-    <div v-if="step" class="step-number mb-10">
+  <div
+    :class="{'stepped': !!step}"
+    class="info-box"
+  >
+    <div
+      v-if="step"
+      class="step-number mb-10"
+    >
       <h2>Step {{ step }}</h2>
     </div>
     <slot />

package/components/KeyValueView.vue

@@ -141,7 +141,10 @@ export default {
 
 <template>
   <div class="key-value">
-    <div v-if="title" class="clearfix">
+    <div
+      v-if="title"
+      class="clearfix"
+    >
       <slot name="title">
         <h3>
           {{ title }}
@@ -149,7 +152,10 @@ export default {
       </slot>
     </div>
 
-    <div class="kv-container" :class="{'extra-column':threeColumns}">
+    <div
+      class="kv-container"
+      :class="{'extra-column':threeColumns}"
+    >
       <label class="text-label">
         {{ keyLabel }}
       </label>
@@ -158,20 +164,30 @@ export default {
       </label>
       <span v-if="threeColumns" />
 
-      <div v-if="!rows.length" class="kv-row last" :class="{'extra-column':threeColumns}">
+      <div
+        v-if="!rows.length"
+        class="kv-row last"
+        :class="{'extra-column':threeColumns}"
+      >
         <div class="text-muted">
           &mdash;
         </div>
         <div class="text-muted">
           &mdash;
         </div>
-        <div v-if="threeColumns" class="text-muted">
+        <div
+          v-if="threeColumns"
+          class="text-muted"
+        >
           &mdash;
         </div>
       </div>
 
       <template v-for="(row,i) in rows">
-        <div :key="i+'key'" class="kv-item key">
+        <div
+          :key="i+'key'"
+          class="kv-item key"
+        >
           <slot
             name="key"
             :row="row"
@@ -181,8 +197,14 @@ export default {
           </slot>
         </div>
 
-        <div :key="i+'value'" class="kv-item value">
-          <slot name="value" :row="row">
+        <div
+          :key="i+'value'"
+          class="kv-item value"
+        >
+          <slot
+            name="value"
+            :row="row"
+          >
             <span v-if="row.binary">{{ t('detailText.binary', {n: row.byteSize}) }}</span>
             <span v-else-if="row.empty">{{ t('detailText.empty') }}</span>
             <span v-else>{{ row.value }}</span>

package/components/LandingPagePreference.vue

@@ -109,10 +109,21 @@ export default {
     <p class="set-landing-leadin">
       {{ t('landing.landingPrefs.body') }}
     </p>
-    <RadioGroup id="login-route" :value="afterLoginRoute" name="login-route" :options="routeRadioOptions" @input="updateLoginRoute">
+    <RadioGroup
+      id="login-route"
+      :value="afterLoginRoute"
+      name="login-route"
+      :options="routeRadioOptions"
+      @input="updateLoginRoute"
+    >
       <template #2="{option, listeners}">
         <div class="custom-page">
-          <RadioButton :label="option.label" :val="false" :value="afterLoginRoute=== 'home' || afterLoginRoute === 'last-visited'" v-on="listeners" />
+          <RadioButton
+            :label="option.label"
+            :val="false"
+            :value="afterLoginRoute=== 'home' || afterLoginRoute === 'last-visited'"
+            v-on="listeners"
+          />
           <Select
             v-model="routeFromDropdown"
             :searchable="true"

package/components/LazyImage.vue

@@ -64,5 +64,9 @@ export default {
 </script>
 
 <template>
-  <img ref="img" :src="initialSrc" v-bind="$attrs" />
+  <img
+    ref="img"
+    :src="initialSrc"
+    v-bind="$attrs"
+  >
 </template>

package/components/Loading.vue

@@ -36,9 +36,19 @@ export default {
 </script>
 
 <template>
-  <div v-if="loading" class="loading-indicator">
-    <div v-if="showMessage" class="overlay" :class="{ 'overlay-content-mode' : mode === 'content', 'overlay-main-mode' : mode === 'main' }">
-      <t k="generic.loading" :raw="true" />
+  <div
+    v-if="loading"
+    class="loading-indicator"
+  >
+    <div
+      v-if="showMessage"
+      class="overlay"
+      :class="{ 'overlay-content-mode' : mode === 'content', 'overlay-main-mode' : mode === 'main' }"
+    >
+      <t
+        k="generic.loading"
+        :raw="true"
+      />
     </div>
   </div>
   <div v-else>

package/components/LocaleSelector.vue

@@ -64,8 +64,16 @@ export default {
             <i class="icon icon-fw icon-sort-down" />
           </a>
           <template slot="popover">
-            <ul class="list-unstyled dropdown" style="margin: -1px;">
-              <li v-if="showNone" v-t="'locale.none'" class="hand" @click="switchLocale('none')" />
+            <ul
+              class="list-unstyled dropdown"
+              style="margin: -1px;"
+            >
+              <li
+                v-if="showNone"
+                v-t="'locale.none'"
+                class="hand"
+                @click="switchLocale('none')"
+              />
               <li
                 v-for="(label, name) in availableLocales"
                 :key="name"