@rancher/shell 0.2.3 → 0.2.4

package/pages/c/_cluster/explorer/index.vue

@@ -394,7 +394,7 @@ export default {
 
 <template>
   <section class="dashboard">
-    <header>
+    <header class="header-layout">
       <div class="title">
         <h1>
           <t k="clusterIndexPage.header" />
@@ -410,7 +410,10 @@ export default {
       color="warning"
       @close="hidePspDeprecationBanner = true"
     >
-      <t k="landing.deprecatedPsp" :raw="true" />
+      <t
+        k="landing.deprecatedPsp"
+        :raw="true"
+      />
     </Banner>
     <Banner
       v-if="!hideClusterToolsTip"
@@ -430,12 +433,19 @@ export default {
       </div>
       <div>
         <label>{{ t('glance.version') }}: </label>
-        <span v-if="currentCluster.kubernetesVersionExtension" style="font-size: 0.5em">{{ currentCluster.kubernetesVersionExtension }}</span>
+        <span
+          v-if="currentCluster.kubernetesVersionExtension"
+          style="font-size: 0.5em"
+        >{{ currentCluster.kubernetesVersionExtension }}</span>
         <span>{{ currentCluster.kubernetesVersionBase }}</span>
       </div>
       <div>
         <label>{{ t('glance.created') }}: </label>
-        <span><LiveDate :value="currentCluster.metadata.creationTimestamp" :add-suffix="true" :show-tooltip="true" /></span>
+        <span><LiveDate
+          :value="currentCluster.metadata.creationTimestamp"
+          :add-suffix="true"
+          :show-tooltip="true"
+        /></span>
       </div>
       <p
         v-if="displayPspDeprecationBanner && hidePspDeprecationBanner"
@@ -447,7 +457,10 @@ export default {
       </p>
       <div :style="{'flex':1}" />
       <div v-if="!monitoringStatus.v2 && !monitoringStatus.v1">
-        <n-link :to="{name: 'c-cluster-explorer-tools'}" class="monitoring-install">
+        <n-link
+          :to="{name: 'c-cluster-explorer-tools'}"
+          class="monitoring-install"
+        >
           <i class="icon icon-gear" />
           <span>{{ t('glance.installMonitoring') }}</span>
         </n-link>
@@ -455,39 +468,88 @@ export default {
       <div v-if="monitoringStatus.v1">
         <span>{{ t('glance.v1MonitoringInstalled') }}</span>
       </div>
-      <ConfigBadge v-if="currentCluster.canUpdate" :cluster="currentCluster" />
+      <ConfigBadge
+        v-if="currentCluster.canUpdate"
+        :cluster="currentCluster"
+      />
     </div>
 
     <div class="resource-gauges">
       <ResourceSummary :spoofed-counts="totalCountGaugeInput" />
-      <ResourceSummary v-if="canAccessNodes" resource="node" />
-      <ResourceSummary v-if="canAccessDeployments" resource="apps.deployment" />
+      <ResourceSummary
+        v-if="canAccessNodes"
+        resource="node"
+      />
+      <ResourceSummary
+        v-if="canAccessDeployments"
+        resource="apps.deployment"
+      />
     </div>
 
-    <h3 v-if="!hasV1Monitoring && hasStats" class="mt-40">
+    <h3
+      v-if="!hasV1Monitoring && hasStats"
+      class="mt-40"
+    >
       {{ t('clusterIndexPage.sections.capacity.label') }}
     </h3>
-    <div v-if="!hasV1Monitoring && hasStats" class="hardware-resource-gauges">
-      <HardwareResourceGauge :name="t('clusterIndexPage.hardwareResourceGauge.pods')" :used="podsUsed" />
-      <HardwareResourceGauge :name="t('clusterIndexPage.hardwareResourceGauge.cores')" :reserved="cpuReserved" :used="cpuUsed" />
-      <HardwareResourceGauge :name="t('clusterIndexPage.hardwareResourceGauge.ram')" :reserved="ramReserved" :used="ramUsed" :units="ramReserved.units" />
+    <div
+      v-if="!hasV1Monitoring && hasStats"
+      class="hardware-resource-gauges"
+    >
+      <HardwareResourceGauge
+        :name="t('clusterIndexPage.hardwareResourceGauge.pods')"
+        :used="podsUsed"
+      />
+      <HardwareResourceGauge
+        :name="t('clusterIndexPage.hardwareResourceGauge.cores')"
+        :reserved="cpuReserved"
+        :used="cpuUsed"
+      />
+      <HardwareResourceGauge
+        :name="t('clusterIndexPage.hardwareResourceGauge.ram')"
+        :reserved="ramReserved"
+        :used="ramUsed"
+        :units="ramReserved.units"
+      />
     </div>
 
     <div v-if="!hasV1Monitoring && componentServices">
-      <div v-for="status in componentServices" :key="status.name" class="k8s-component-status" :class="{'k8s-component-status-healthy': status.healthy, 'k8s-component-status-unhealthy': !status.healthy}">
-        <i v-if="status.healthy" class="icon icon-checkmark" />
-        <i v-else class="icon icon-warning" />
+      <div
+        v-for="status in componentServices"
+        :key="status.name"
+        class="k8s-component-status"
+        :class="{'k8s-component-status-healthy': status.healthy, 'k8s-component-status-unhealthy': !status.healthy}"
+      >
+        <i
+          v-if="status.healthy"
+          class="icon icon-checkmark"
+        />
+        <i
+          v-else
+          class="icon icon-warning"
+        />
         <div>{{ t(status.labelKey) }}</div>
       </div>
     </div>
 
-    <div v-if="hasV1Monitoring" id="ember-anchor" class="mt-20">
-      <EmberPage inline="ember-anchor" :src="v1MonitoringURL" />
+    <div
+      v-if="hasV1Monitoring"
+      id="ember-anchor"
+      class="mt-20"
+    >
+      <EmberPage
+        inline="ember-anchor"
+        :src="v1MonitoringURL"
+      />
     </div>
 
     <div class="mt-30">
       <Tabbed @changed="tabChange">
-        <Tab name="cluster-events" :label="t('clusterIndexPage.sections.events.label')" :weight="2">
+        <Tab
+          name="cluster-events"
+          :label="t('clusterIndexPage.sections.events.label')"
+          :weight="2"
+        >
           <span class="events-table-link">
             <n-link :to="allEventsLink">
               <span>{{ t('glance.eventsTable') }}</span>
@@ -495,13 +557,26 @@ export default {
           </span>
           <EventsTable />
         </Tab>
-        <Tab v-if="hasMonitoring" name="cluster-alerts" :label="t('clusterIndexPage.sections.alerts.label')" :weight="1">
+        <Tab
+          v-if="hasMonitoring"
+          name="cluster-alerts"
+          :label="t('clusterIndexPage.sections.alerts.label')"
+          :weight="1"
+        >
           <AlertTable v-if="selectedTab === 'cluster-alerts'" />
         </Tab>
       </Tabbed>
     </div>
-    <Tabbed v-if="hasMetricsTabs" class="mt-30">
-      <Tab v-if="showClusterMetrics" name="cluster-metrics" :label="t('clusterIndexPage.sections.clusterMetrics.label')" :weight="2">
+    <Tabbed
+      v-if="hasMetricsTabs"
+      class="mt-30"
+    >
+      <Tab
+        v-if="showClusterMetrics"
+        name="cluster-metrics"
+        :label="t('clusterIndexPage.sections.clusterMetrics.label')"
+        :weight="2"
+      >
         <template #default="props">
           <DashboardMetrics
             v-if="props.active"
@@ -511,7 +586,12 @@ export default {
           />
         </template>
       </Tab>
-      <Tab v-if="showK8sMetrics" name="k8s-metrics" :label="t('clusterIndexPage.sections.k8sMetrics.label')" :weight="1">
+      <Tab
+        v-if="showK8sMetrics"
+        name="k8s-metrics"
+        :label="t('clusterIndexPage.sections.k8sMetrics.label')"
+        :weight="1"
+      >
         <template #default="props">
           <DashboardMetrics
             v-if="props.active"
@@ -521,7 +601,12 @@ export default {
           />
         </template>
       </Tab>
-      <Tab v-if="showEtcdMetrics" name="etcd-metrics" :label="t('clusterIndexPage.sections.etcdMetrics.label')" :weight="0">
+      <Tab
+        v-if="showEtcdMetrics"
+        name="etcd-metrics"
+        :label="t('clusterIndexPage.sections.etcdMetrics.label')"
+        :weight="0"
+      >
         <template #default="props">
           <DashboardMetrics
             v-if="props.active"

package/pages/c/_cluster/explorer/tools/index.vue

@@ -417,7 +417,10 @@ export default {
   <Loading v-if="$fetchState.pending" />
   <div v-else-if="options.length">
     <h1 v-html="t('catalog.tools.header')" />
-    <TypeDescription v-if="!legacyEnabled" resource="chart" />
+    <TypeDescription
+      v-if="!legacyEnabled"
+      resource="chart"
+    />
 
     <div class="grid">
       <div
@@ -425,16 +428,29 @@ export default {
         :key="opt.chart.id"
         class="item"
       >
-        <div class="logo" :class="{'legacy': opt.chart.legacy}">
-          <i v-if="opt.chart.iconName" class="icon" :class="opt.chart.iconName" />
-          <LazyImage v-else :src="opt.chart.icon" />
+        <div
+          class="logo"
+          :class="{'legacy': opt.chart.legacy}"
+        >
+          <i
+            v-if="opt.chart.iconName"
+            class="icon"
+            :class="opt.chart.iconName"
+          />
+          <LazyImage
+            v-else
+            :src="opt.chart.icon"
+          />
         </div>
         <div class="name-version">
           <div>
             <h3 class="name">
               {{ opt.chart.chartNameDisplay }}
             </h3>
-            <label v-if="opt.chart.deploysOnWindows" class="os-label">{{ t('catalog.charts.deploysOnWindows') }}</label>
+            <label
+              v-if="opt.chart.deploysOnWindows"
+              class="os-label"
+            >{{ t('catalog.charts.deploysOnWindows') }}</label>
           </div>
           <div class="version">
             <template v-if="opt.app && opt.app.upgradeAvailable">
@@ -449,41 +465,84 @@ export default {
           </div>
         </div>
         <div class="description">
-          <div class="description-content" v-html="opt.chart.chartDescription" />
+          <div
+            class="description-content"
+            v-html="opt.chart.chartDescription"
+          />
         </div>
-        <div v-if="opt.app && !opt.chart.legacy" class="state">
-          <AppSummaryGraph :row="opt.app" label-key="generic.resourceCount" :link-to="opt.app.detailLocation" />
+        <div
+          v-if="opt.app && !opt.chart.legacy"
+          class="state"
+        >
+          <AppSummaryGraph
+            :row="opt.app"
+            label-key="generic.resourceCount"
+            :link-to="opt.app.detailLocation"
+          />
         </div>
         <div class="action">
           <template v-if="opt.blocked">
-            <button disabled="true" class="btn btn-sm role-primary" v-html="t('catalog.tools.action.install')" />
+            <button
+              disabled="true"
+              class="btn btn-sm role-primary"
+              v-html="t('catalog.tools.action.install')"
+            />
           </template>
           <template v-else-if="opt.app && opt.chart.legacy">
-            <button class="btn btn-sm role-secondary" @click="openV1Tool(opt.chart.legacyPage)" v-html="t('catalog.tools.action.manage')" />
+            <button
+              class="btn btn-sm role-secondary"
+              @click="openV1Tool(opt.chart.legacyPage)"
+              v-html="t('catalog.tools.action.manage')"
+            />
           </template>
           <template v-else-if="opt.app && opt.upgradeAvailable && !opt.chart.legacy">
-            <button class="btn btn-sm role-secondary" @click="remove(opt.app, $event)">
+            <button
+              class="btn btn-sm role-secondary"
+              @click="remove(opt.app, $event)"
+            >
               <i class="icon icon-delete icon-lg" />
             </button>
-            <button class="btn btn-sm role-secondary" @click="edit(opt.app, opt.app.upgradeAvailable)" v-html="t('catalog.tools.action.upgrade')" />
+            <button
+              class="btn btn-sm role-secondary"
+              @click="edit(opt.app, opt.app.upgradeAvailable)"
+              v-html="t('catalog.tools.action.upgrade')"
+            />
           </template>
           <template v-else-if="opt.app">
-            <button class="btn btn-sm role-secondary" @click="remove(opt.app, $event)">
+            <button
+              class="btn btn-sm role-secondary"
+              @click="remove(opt.app, $event)"
+            >
               <i class="icon icon-delete icon-lg" />
             </button>
-            <button class="btn btn-sm role-secondary" @click="edit(opt.app)" v-html="t('catalog.tools.action.edit')" />
+            <button
+              class="btn btn-sm role-secondary"
+              @click="edit(opt.app)"
+              v-html="t('catalog.tools.action.edit')"
+            />
           </template>
           <template v-else-if="opt.chart.legacy">
-            <button class="btn btn-sm role-primary" @click="openV1Tool(opt.chart.legacyPage)" v-html="t('catalog.tools.action.install')" />
+            <button
+              class="btn btn-sm role-primary"
+              @click="openV1Tool(opt.chart.legacyPage)"
+              v-html="t('catalog.tools.action.install')"
+            />
           </template>
           <template v-else>
-            <button class="btn btn-sm role-primary" @click="install(opt.chart)" v-html="t('catalog.tools.action.install')" />
+            <button
+              class="btn btn-sm role-primary"
+              @click="install(opt.chart)"
+              v-html="t('catalog.tools.action.install')"
+            />
           </template>
         </div>
       </div>
     </div>
   </div>
   <div v-else>
-    <IconMessage icon="icon-warning" message-key="catalog.tools.noTools" />
+    <IconMessage
+      icon="icon-warning"
+      message-key="catalog.tools.noTools"
+    />
   </div>
 </template>

package/pages/c/_cluster/explorer/tools/pages/_page.vue

@@ -22,5 +22,8 @@ export default {
 </script>
 
 <template>
-  <EmberPage v-if="src" :src="src" />
+  <EmberPage
+    v-if="src"
+    :src="src"
+  />
 </template>

package/pages/c/_cluster/fleet/index.vue

@@ -262,7 +262,11 @@ export default {
       <h1>{{ t('fleet.dashboard.welcome') }}</h1>
       <p class="mb-30">
         <span>{{ t('fleet.dashboard.gitOpsScale') }}</span>
-        <a :href="t('fleet.dashboard.learnMoreLink')" target="_blank" rel="noopener noreferrer nofollow">
+        <a
+          :href="t('fleet.dashboard.learnMoreLink')"
+          target="_blank"
+          rel="noopener noreferrer nofollow"
+        >
           {{ t('fleet.dashboard.learnMore') }} <i class="icon icon-external-link" />
         </a>
       </p>
@@ -305,7 +309,10 @@ export default {
         class="title-footnote"
       >
         <p>{{ t('fleet.dashboard.thereIsMore', { count: emptyWorkspaces.length }) }}:&nbsp;</p>
-        <p v-for="(ews, i) in emptyWorkspaces" :key="i">
+        <p
+          v-for="(ews, i) in emptyWorkspaces"
+          :key="i"
+        >
           {{ ews.nameDisplay }}<span v-if="i != (emptyWorkspaces.length - 1)">,&nbsp;</span>
         </p>
       </div>

package/pages/c/_cluster/gatekeeper/index.vue

@@ -45,7 +45,10 @@ export default {
 
 <template>
   <div>
-    <ChartHeading :label="t('gatekeeperIndex.poweredBy')" url="https://github.com/open-policy-agent/gatekeeper" />
+    <ChartHeading
+      :label="t('gatekeeperIndex.poweredBy')"
+      url="https://github.com/open-policy-agent/gatekeeper"
+    />
     <div class="spacer" />
     <div class="mb-10">
       <h2><t k="gatekeeperIndex.violations" /></h2>

package/pages/c/_cluster/istio/index.vue

@@ -74,13 +74,16 @@ export default {
     <h1>Overview</h1>
     <h4 v-html="t('istio.poweredBy', {}, true)" />
     <div class="links">
-      <div :class="{'disabled':!kialiUrl}" class="box link-container">
+      <div
+        :class="{'disabled':!kialiUrl}"
+        class="box link-container"
+      >
         <span
           class="link-content pull-right"
           @click="launchKiali"
         >
           <div class="link-logo">
-            <img :src="kialiLogo" />
+            <img :src="kialiLogo">
           </div>
           <div class="link-content">
             <a
@@ -94,23 +97,29 @@ export default {
               <t k="istio.links.kiali.label" />
               <i class="icon icon-external-link pull-right" />
             </a>
-            <hr />
+            <hr>
             <div class="description">
               <span v-html="t('istio.links.kiali.description', {link: monitoringUrl}, true)" />
             </div>
           </div>
         </span>
-        <div v-if="!kialiUrl" class="disabled-msg">
+        <div
+          v-if="!kialiUrl"
+          class="disabled-msg"
+        >
           <span v-html="t('istio.links.disabled', {app: 'Kiali'})" />
         </div>
       </div>
-      <div :class="{'disabled':!jaegerUrl}" class="box link-container">
+      <div
+        :class="{'disabled':!jaegerUrl}"
+        class="box link-container"
+      >
         <span
           class="link-content pull-right"
           @click="$refs.jaeger.click()"
         >
           <div class="link-logo">
-            <img :src="jaegerLogo" />
+            <img :src="jaegerLogo">
           </div>
           <div class="link-content">
             <a
@@ -124,13 +133,16 @@ export default {
               <t k="istio.links.jaeger.label" />
               <i class="icon icon-external-link pull-right" />
             </a>
-            <hr />
+            <hr>
             <div class="description">
               <span v-html="t('istio.links.jaeger.description', true)" />
             </div>
           </div>
         </span>
-        <div v-if="!jaegerUrl" class="disabled-msg">
+        <div
+          v-if="!jaegerUrl"
+          class="disabled-msg"
+        >
           <span v-html="t('istio.links.disabled', {app: 'Jaeger'})" />
         </div>
       </div>

package/pages/c/_cluster/legacy/pages/_page.vue

@@ -22,5 +22,8 @@ export default {
 </script>
 
 <template>
-  <EmberPage v-if="src" :src="src" />
+  <EmberPage
+    v-if="src"
+    :src="src"
+  />
 </template>

package/pages/c/_cluster/legacy/project/_page.vue

@@ -50,5 +50,8 @@ export default {
 </script>
 
 <template>
-  <EmberPage v-if="src" :src="src" />
+  <EmberPage
+    v-if="src"
+    :src="src"
+  />
 </template>

package/pages/c/_cluster/legacy/project/index.vue

@@ -25,5 +25,8 @@ export default {
 </script>
 
 <template>
-  <IconMessage icon="icon-monitoring" message-key="legacy.project.select" />
+  <IconMessage
+    icon="icon-monitoring"
+    message-key="legacy.project.select"
+  />
 </template>

package/pages/c/_cluster/legacy/project/pipelines.vue

@@ -53,12 +53,34 @@ export default {
 
 <template>
   <div class="pipelines">
-    <Tabbed ref="tabs" :use-hash="false" :no-content="true" @changed="tabChanged">
-      <Tab name="pipelines" label-key="legacy.pipelines" :weight="3" />
-      <Tab name="configuration" label-key="legacy.configuration" :weight="2" />
+    <Tabbed
+      ref="tabs"
+      :use-hash="false"
+      :no-content="true"
+      @changed="tabChanged"
+    >
+      <Tab
+        name="pipelines"
+        label-key="legacy.pipelines"
+        :weight="3"
+      />
+      <Tab
+        name="configuration"
+        label-key="legacy.configuration"
+        :weight="2"
+      />
     </Tabbed>
-    <div id="legacy-pipelines" class="embed-pipelines">
-      <EmberPage v-if="pipelinesPage" inline="legacy-pipelines" :src="pipelinesPage" :force-inline-reuse="true" @before-nav="intercept" />
+    <div
+      id="legacy-pipelines"
+      class="embed-pipelines"
+    >
+      <EmberPage
+        v-if="pipelinesPage"
+        inline="legacy-pipelines"
+        :src="pipelinesPage"
+        :force-inline-reuse="true"
+        @before-nav="intercept"
+      />
     </div>
   </div>
 </template>

package/pages/c/_cluster/logging/index.vue

@@ -57,7 +57,10 @@ export default {
 
 <template>
   <div class="logging">
-    <ChartHeading :label="t('logging.overview.poweredBy')" url="https://github.com/banzaicloud/logging-operator" />
+    <ChartHeading
+      :label="t('logging.overview.poweredBy')"
+      url="https://github.com/banzaicloud/logging-operator"
+    />
     <div class="spacer" />
     <div v-if="hasClusterFlowAccess">
       <h2>{{ t('logging.overview.clusterLevel') }}</h2>

package/pages/c/_cluster/longhorn/index.vue

@@ -39,26 +39,37 @@ export default {
 
 <template>
   <section>
-    <header class="row">
+    <header class="header-layout row">
       <div class="col span-12">
         <h1>
           <t k="longhorn.overview.title" />
         </h1>
         <div>
-          <t k="longhorn.overview.subtitle" :raw="true" />
+          <t
+            k="longhorn.overview.subtitle"
+            :raw="true"
+          />
         </div>
       </div>
     </header>
     <div class="links">
-      <div v-for="fel in externalLinks" :key="fel.label" class="link-container">
-        <a :href="fel.link" target="_blank" rel="noopener noreferrer">
+      <div
+        v-for="fel in externalLinks"
+        :key="fel.label"
+        class="link-container"
+      >
+        <a
+          :href="fel.link"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
           <div class="link-logo">
             <LazyImage :src="fel.iconSrc" />
           </div>
           <div class="link-content">
             <t :k="fel.label" />
             <i class="icon icon-external-link pull-right" />
-            <hr />
+            <hr>
             <div class="description"><t :k="fel.description" /></div>
           </div>
         </a>

package/pages/c/_cluster/manager/cloudCredential/index.vue

@@ -76,13 +76,25 @@ export default {
       :type-display="t('manager.cloudCredentials.label')"
     />
 
-    <ResourceTable :schema="schema" :rows="rows" :headers="headers" :namespaced="false" group-by="providerDisplay">
+    <ResourceTable
+      :schema="schema"
+      :rows="rows"
+      :headers="headers"
+      :namespaced="false"
+      group-by="providerDisplay"
+    >
       <template #cell:id="{row}">
         {{ row.id.replace('cattle-global-data:','') }}
       </template>
       <template #cell:apikey="{row}">
-        <span v-if="row.publicData" v-html="row.publicData" />
-        <span v-else class="text-muted">&mdash;</span>
+        <span
+          v-if="row.publicData"
+          v-html="row.publicData"
+        />
+        <span
+          v-else
+          class="text-muted"
+        >&mdash;</span>
       </template>
     </ResourceTable>
   </div>

package/pages/c/_cluster/monitoring/alertmanagerconfig/_alertmanagerconfigid/receiver.vue

@@ -226,7 +226,7 @@ export default {
 
 <template>
   <div>
-    <header class="header">
+    <header class="header-layout header">
       <div class="title">
         <div class="primaryheader">
           <h1>