@rancher/shell 0.2.3 → 0.2.4

package/detail/service.vue

@@ -149,8 +149,15 @@ export default {
 </script>
 
 <template>
-  <ResourceTabs v-model="value" :mode="mode">
-    <Tab name="pods" :label="t('servicesPage.pods.label')" :weight="4">
+  <ResourceTabs
+    v-model="value"
+    :mode="mode"
+  >
+    <Tab
+      name="pods"
+      :label="t('servicesPage.pods.label')"
+      :weight="4"
+    >
       <ResourceTable
         :rows="pods"
         :headers="podTableHeaders"

package/detail/workload/index.vue

@@ -327,7 +327,10 @@ export default {
 <template>
   <Loading v-if="$fetchState.pending" />
   <div v-else>
-    <div v-if="canScale" class="right-align flex">
+    <div
+      v-if="canScale"
+      class="right-align flex"
+    >
       <PlusMinus
         class="text-right"
         :label="t('tableHeaders.scale')"
@@ -340,7 +343,11 @@ export default {
     <h3>
       {{ isJob || isCronJob ? t('workload.detailTop.runs') :t('workload.detailTop.pods') }}
     </h3>
-    <div v-if="value.pods || value.jobGauges" class="gauges mb-20" :class="{'gauges__pods': !!value.pods}">
+    <div
+      v-if="value.pods || value.jobGauges"
+      class="gauges mb-20"
+      :class="{'gauges__pods': !!value.pods}"
+    >
       <template v-if="value.jobGauges">
         <CountGauge
           v-for="(group, key) in value.jobGauges"
@@ -364,8 +371,16 @@ export default {
         />
       </template>
     </div>
-    <ResourceTabs :value="value" :always-show-events="true">
-      <Tab v-if="isCronJob" name="jobs" :label="t('tableHeaders.jobs')" :weight="4">
+    <ResourceTabs
+      :value="value"
+      :always-show-events="true"
+    >
+      <Tab
+        v-if="isCronJob"
+        name="jobs"
+        :label="t('tableHeaders.jobs')"
+        :weight="4"
+      >
         <SortableTable
           :rows="value.jobs"
           :headers="jobHeaders"
@@ -375,7 +390,12 @@ export default {
           :search="false"
         />
       </Tab>
-      <Tab v-else name="pods" :label="t('tableHeaders.pods')" :weight="4">
+      <Tab
+        v-else
+        name="pods"
+        :label="t('tableHeaders.pods')"
+        :weight="4"
+      >
         <SortableTable
           v-if="value.pods"
           :rows="value.pods"
@@ -386,7 +406,12 @@ export default {
           :search="false"
         />
       </Tab>
-      <Tab v-if="showMetrics" :label="t('workload.container.titles.metrics')" name="workload-metrics" :weight="3">
+      <Tab
+        v-if="showMetrics"
+        :label="t('workload.container.titles.metrics')"
+        name="workload-metrics"
+        :weight="3"
+      >
         <template #default="props">
           <DashboardMetrics
             v-if="props.active"
@@ -397,19 +422,41 @@ export default {
           />
         </template>
       </Tab>
-      <Tab v-if="v1MonitoringUrl" name="v1Metrics" :label="t('node.detail.tab.metrics')" :weight="10">
+      <Tab
+        v-if="v1MonitoringUrl"
+        name="v1Metrics"
+        :label="t('node.detail.tab.metrics')"
+        :weight="10"
+      >
         <div id="ember-anchor">
-          <EmberPage inline="ember-anchor" :src="v1MonitoringUrl" />
+          <EmberPage
+            inline="ember-anchor"
+            :src="v1MonitoringUrl"
+          />
         </div>
       </Tab>
-      <Tab v-if="!isJob && !isCronJob" name="services" :label="t('workload.detail.services')" :weight="3">
-        <p v-if="!serviceSchema" class="caption">
+      <Tab
+        v-if="!isJob && !isCronJob"
+        name="services"
+        :label="t('workload.detail.services')"
+        :weight="3"
+      >
+        <p
+          v-if="!serviceSchema"
+          class="caption"
+        >
           {{ t('workload.detail.cannotViewServices') }}
         </p>
-        <p v-else-if="matchingServices.length === 0" class="caption">
+        <p
+          v-else-if="matchingServices.length === 0"
+          class="caption"
+        >
           {{ t('workload.detail.cannotFindServices') }}
         </p>
-        <p v-else class="caption">
+        <p
+          v-else
+          class="caption"
+        >
           {{ t('workload.detail.serviceListCaption') }}
         </p>
         <SortableTable
@@ -423,17 +470,34 @@ export default {
           :table-actions="false"
         />
       </Tab>
-      <Tab v-if="!isJob && !isCronJob" name="ingresses" :label="t('workload.detail.ingresses')" :weight="2">
-        <p v-if="!serviceSchema" class="caption">
+      <Tab
+        v-if="!isJob && !isCronJob"
+        name="ingresses"
+        :label="t('workload.detail.ingresses')"
+        :weight="2"
+      >
+        <p
+          v-if="!serviceSchema"
+          class="caption"
+        >
           {{ t('workload.detail.cannotViewIngressesBecauseCannotViewServices') }}
         </p>
-        <p v-else-if="!ingressSchema" class="caption">
+        <p
+          v-else-if="!ingressSchema"
+          class="caption"
+        >
           {{ t('workload.detail.cannotViewIngresses') }}
         </p>
-        <p v-else-if="matchingIngresses.length === 0" class="caption">
+        <p
+          v-else-if="matchingIngresses.length === 0"
+          class="caption"
+        >
           {{ t('workload.detail.cannotFindIngresses') }}
         </p>
-        <p v-else class="caption">
+        <p
+          v-else
+          class="caption"
+        >
           {{ t('workload.detail.ingressListCaption') }}
         </p>
         <SortableTable

package/dialog/AddClusterMemberDialog.vue

@@ -39,15 +39,34 @@ export default {
 </script>
 
 <template>
-  <Card class="prompt-rotate" :show-highlight-border="false">
-    <h4 slot="title" class="text-default-text" v-html="t('addClusterMemberDialog.title')" />
+  <Card
+    class="prompt-rotate"
+    :show-highlight-border="false"
+  >
+    <h4
+      slot="title"
+      class="text-default-text"
+      v-html="t('addClusterMemberDialog.title')"
+    />
 
-    <div slot="body" class="pl-10 pr-10">
-      <ClusterPermissionsEditor v-model="bindings" :use-two-columns-for-custom="true" />
+    <div
+      slot="body"
+      class="pl-10 pr-10"
+    >
+      <ClusterPermissionsEditor
+        v-model="bindings"
+        :use-two-columns-for-custom="true"
+      />
     </div>
 
-    <div slot="actions" class="buttons">
-      <button class="btn role-secondary mr-10" @click="close">
+    <div
+      slot="actions"
+      class="buttons"
+    >
+      <button
+        class="btn role-secondary mr-10"
+        @click="close"
+      >
         {{ t('generic.cancel') }}
       </button>
 

package/dialog/AddCustomBadgeDialog.vue

@@ -115,22 +115,40 @@ export default {
 </script>
 
 <template>
-  <Card class="prompt-badge" :show-highlight-border="false">
-    <h4 slot="title" class="text-default-text">
+  <Card
+    class="prompt-badge"
+    :show-highlight-border="false"
+  >
+    <h4
+      slot="title"
+      class="text-default-text"
+    >
       {{ t('clusterBadge.modal.title') }}
     </h4>
 
-    <div slot="body" class="pl-10 pr-10 cluster-badge-body">
+    <div
+      slot="body"
+      class="pl-10 pr-10 cluster-badge-body"
+    >
       <div>{{ t('clusterBadge.modal.previewTitle') }}</div>
 
       <div class="mt-10 pl-20 row preview-row">
         <div class="badge-preview col span-12">
-          <ClusterProviderIcon v-if="useCustomBadge" :cluster="previewCluster" />
-          <ClusterProviderIcon v-else :cluster="currentCluster" />
+          <ClusterProviderIcon
+            v-if="useCustomBadge"
+            :cluster="previewCluster"
+          />
+          <ClusterProviderIcon
+            v-else
+            :cluster="currentCluster"
+          />
           <div class="cluster-name">
             {{ currentCluster.nameDisplay }}
           </div>
-          <ClusterBadge v-if="useCustomBadge" :cluster="previewCluster" />
+          <ClusterBadge
+            v-if="useCustomBadge"
+            :cluster="previewCluster"
+          />
         </div>
       </div>
 
@@ -194,13 +212,28 @@ export default {
       </div>
     </div>
 
-    <div slot="actions" class="bottom">
-      <Banner v-for="(err, i) in errors" :key="i" color="error" :label="err" />
+    <div
+      slot="actions"
+      class="bottom"
+    >
+      <Banner
+        v-for="(err, i) in errors"
+        :key="i"
+        color="error"
+        :label="err"
+      />
       <div class="buttons">
-        <button class="btn role-secondary mr-10" @click="close">
+        <button
+          class="btn role-secondary mr-10"
+          @click="close"
+        >
           {{ t('generic.cancel') }}
         </button>
-        <AsyncButton :action-label="t('clusterBadge.modal.buttonAction')" :disabled="!canSubmit" @click="apply" />
+        <AsyncButton
+          :action-label="t('clusterBadge.modal.buttonAction')"
+          :disabled="!canSubmit"
+          @click="apply"
+        />
       </div>
     </div>
   </Card>

package/dialog/AddProjectMemberDialog.vue

@@ -76,15 +76,35 @@ export default {
 </script>
 
 <template>
-  <Card class="prompt-rotate" :show-highlight-border="false" :sticky="true">
-    <h4 slot="title" class="text-default-text" v-html="t('addProjectMemberDialog.title')" />
-
-    <div slot="body" class="pl-10 pr-10">
-      <ProjectMemberEditor v-model="member" :use-two-columns-for-custom="true" />
+  <Card
+    class="prompt-rotate"
+    :show-highlight-border="false"
+    :sticky="true"
+  >
+    <h4
+      slot="title"
+      class="text-default-text"
+      v-html="t('addProjectMemberDialog.title')"
+    />
+
+    <div
+      slot="body"
+      class="pl-10 pr-10"
+    >
+      <ProjectMemberEditor
+        v-model="member"
+        :use-two-columns-for-custom="true"
+      />
     </div>
 
-    <div slot="actions" class="buttons">
-      <button class="btn role-secondary mr-10" @click="close">
+    <div
+      slot="actions"
+      class="buttons"
+    >
+      <button
+        class="btn role-secondary mr-10"
+        @click="close"
+      >
         {{ t('generic.cancel') }}
       </button>
 

package/dialog/AddonConfigConfirmationDialog.vue

@@ -45,8 +45,14 @@ export default {
 </script>
 
 <template>
-  <Card class="addon-config-confirmation" :show-highlight-border="false">
-    <h4 slot="title" class="text-default-text">
+  <Card
+    class="addon-config-confirmation"
+    :show-highlight-border="false"
+  >
+    <h4
+      slot="title"
+      class="text-default-text"
+    >
       {{ t('addonConfigConfirmation.title') }}
     </h4>
 
@@ -56,8 +62,15 @@ export default {
       </slot>
     </template>
 
-    <div slot="actions" class="bottom">
-      <button type="button" class="btn role-secondary mr-10" @click="close">
+    <div
+      slot="actions"
+      class="bottom"
+    >
+      <button
+        type="button"
+        class="btn role-secondary mr-10"
+        @click="close"
+      >
         {{ t('generic.cancel') }}
       </button>
       <AsyncButton

package/dialog/DiagnosticTimingsDialog.vue

@@ -61,12 +61,22 @@ export default {
 </script>
 
 <template>
-  <Card class="prompt-restore" :show-highlight-border="false">
-    <h4 slot="title" class="text-default-text" v-html="title" />
+  <Card
+    class="prompt-restore"
+    :show-highlight-border="false"
+  >
+    <h4
+      slot="title"
+      class="text-default-text"
+      v-html="title"
+    />
 
     <template slot="body">
       <slot name="body">
-        <div class="pl-10 pr-10" style="min-height: 50px;">
+        <div
+          class="pl-10 pr-10"
+          style="min-height: 50px;"
+        >
           <div class="row">
             {{ body }}
           </div>
@@ -80,10 +90,21 @@ export default {
       </slot>
     </template>
 
-    <div slot="actions" class="bottom">
-      <Banner v-for="(err, i) in errors" :key="i" color="error" :label="err" />
+    <div
+      slot="actions"
+      class="bottom"
+    >
+      <Banner
+        v-for="(err, i) in errors"
+        :key="i"
+        color="error"
+        :label="err"
+      />
       <div class="buttons">
-        <button class="btn role-secondary mr-10" @click="close">
+        <button
+          class="btn role-secondary mr-10"
+          @click="close"
+        >
           {{ t('generic.cancel') }}
         </button>
 

package/dialog/DrainNode.vue

@@ -130,8 +130,14 @@ export default {
 </script>
 
 <template>
-  <Card class="prompt-rotate" :show-highlight-border="false">
-    <h4 slot="title" class="text-default-text">
+  <Card
+    class="prompt-rotate"
+    :show-highlight-border="false"
+  >
+    <h4
+      slot="title"
+      class="text-default-text"
+    >
       <template v-if="kubeNodes.length > 1">
         {{ t('drainNode.titleMultiple', { count: kubeNodes.length }) }}
       </template>
@@ -140,7 +146,10 @@ export default {
       </template>
     </h4>
 
-    <div slot="body" class="pl-10 pr-10">
+    <div
+      slot="body"
+      class="pl-10 pr-10"
+    >
       <div>
         <RadioGroup
           v-model="body.deleteLocalData"
@@ -153,12 +162,23 @@ export default {
             <h5>{{ t('drainNode.deleteLocalData') }}</h5>
           </template>
         </RadioGroup>
-        <RadioGroup v-model="body.force" name="force" :options="radioOptions" :row="true" class="mb-15">
+        <RadioGroup
+          v-model="body.force"
+          name="force"
+          :options="radioOptions"
+          :row="true"
+          class="mb-15"
+        >
           <template #label>
             <h5>{{ t('drainNode.force') }}</h5>
           </template>
         </RadioGroup>
-        <RadioGroup v-model="gracePeriod" name="gracePeriod" :options="gracePeriodOptions" class="mb-15">
+        <RadioGroup
+          v-model="gracePeriod"
+          name="gracePeriod"
+          :options="gracePeriodOptions"
+          class="mb-15"
+        >
           <template #label>
             <h5>{{ t('drainNode.gracePeriod.title') }}</h5>
           </template>
@@ -172,7 +192,12 @@ export default {
           :placeholder="t('drainNode.gracePeriod.placeholder')"
           class="mb-10"
         />
-        <RadioGroup v-model="timeout" name="timeout" :options="timeoutOptions" class="mb-15">
+        <RadioGroup
+          v-model="timeout"
+          name="timeout"
+          :options="timeoutOptions"
+          class="mb-15"
+        >
           <template #label>
             <h5>{{ t('drainNode.timeout.title') }}</h5>
           </template>
@@ -187,19 +212,29 @@ export default {
           :placeholder="t('drainNode.timeout.placeholder')"
         />
       </div>
-      <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>
 
-    <div slot="actions" class="buttons">
-      <button class="btn role-secondary mr-10" @click="close">
+    <div
+      slot="actions"
+      class="buttons"
+    >
+      <button
+        class="btn role-secondary mr-10"
+        @click="close"
+      >
         {{ t('generic.cancel') }}
       </button>
 
       <AsyncButton
         mode="drain"
         @click="apply"
-      >
-      </AsyncButton>
+      />
     </div>
   </Card>
 </template>

package/dialog/ForceMachineRemoveDialog.vue

@@ -70,31 +70,58 @@ export default {
 </script>
 
 <template>
-  <Card class="prompt-restore" :show-highlight-border="false">
-    <h4 slot="title" class="text-default-text">
+  <Card
+    class="prompt-restore"
+    :show-highlight-border="false"
+  >
+    <h4
+      slot="title"
+      class="text-default-text"
+    >
       {{ t('promptForceRemove.modalTitle') }}
     </h4>
-    <div slot="body" class="pl-10 pr-10">
+    <div
+      slot="body"
+      class="pl-10 pr-10"
+    >
       <span
         v-html="t('promptForceRemove.removeWarning', { nameToMatch }, true)"
-      ></span>
+      />
       <div class="mt-10 mb-10">
         {{ t('promptForceRemove.confirmName') }}
       </div>
       <div class="mb-10">
         <CopyToClipboardText :text="nameToMatch" />
       </div>
-      <input id="confirm" v-model="confirmName" type="text" />
+      <input
+        id="confirm"
+        v-model="confirmName"
+        type="text"
+      >
       <div class="text-info mt-20">
         {{ protip }}
       </div>
-      <Banner v-for="(error, i) in errors" :key="i" class="" color="error" :label="error" />
+      <Banner
+        v-for="(error, i) in errors"
+        :key="i"
+        class=""
+        color="error"
+        :label="error"
+      />
     </div>
     <template #actions>
-      <button class="btn role-secondary mr-10" @click="close">
+      <button
+        class="btn role-secondary mr-10"
+        @click="close"
+      >
         {{ t('generic.cancel') }}
       </button>
-      <AsyncButton mode="delete" class="btn bg-error ml-10" :disabled="deleteDisabled" @click="remove" />
+      <AsyncButton
+        mode="delete"
+        class="btn bg-error ml-10"
+        :disabled="deleteDisabled"
+        @click="remove"
+      />
     </template>
   </Card>
 </template>

package/dialog/GenericPrompt.vue

@@ -57,20 +57,41 @@ export default {
 </script>
 
 <template>
-  <Card class="prompt-restore" :show-highlight-border="false">
-    <h4 slot="title" class="text-default-text" v-html="title" />
+  <Card
+    class="prompt-restore"
+    :show-highlight-border="false"
+  >
+    <h4
+      slot="title"
+      class="text-default-text"
+      v-html="title"
+    />
 
     <template slot="body">
       <slot name="body">
-        <div class="pl-10 pr-10" style="min-height: 50px; display: flex;" v-html="body">
-        </div>
+        <div
+          class="pl-10 pr-10"
+          style="min-height: 50px; display: flex;"
+          v-html="body"
+        />
       </slot>
     </template>
 
-    <div slot="actions" class="bottom">
-      <Banner v-for="(err, i) in errors" :key="i" color="error" :label="err" />
+    <div
+      slot="actions"
+      class="bottom"
+    >
+      <Banner
+        v-for="(err, i) in errors"
+        :key="i"
+        color="error"
+        :label="err"
+      />
       <div class="buttons">
-        <button class="btn role-secondary mr-10" @click="close">
+        <button
+          class="btn role-secondary mr-10"
+          @click="close"
+        >
           {{ t('generic.cancel') }}
         </button>