@rancher/shell 0.2.2 → 0.2.4

package/edit/workload/storage/hostPath.vue

@@ -84,15 +84,30 @@ export default {
     <div>
       <div class="row mb-10">
         <div class="col span-6">
-          <LabeledInput v-model="value.name" :required="true" :mode="mode" :label="t('workload.storage.volumeName')" />
+          <LabeledInput
+            v-model="value.name"
+            :required="true"
+            :mode="mode"
+            :label="t('workload.storage.volumeName')"
+          />
         </div>
       </div>
       <div class="row mb-10">
         <div class="col span-6">
-          <LabeledInput v-model="value.hostPath.path" :required="true" :mode="mode" :label="t('workload.storage.nodePath')" />
+          <LabeledInput
+            v-model="value.hostPath.path"
+            :required="true"
+            :mode="mode"
+            :label="t('workload.storage.nodePath')"
+          />
         </div>
         <div class="col span-6">
-          <LabeledSelect v-model="value.hostPath.type" :mode="mode" :options="typeOpts" :label="t('workload.storage.hostPath.label')" />
+          <LabeledSelect
+            v-model="value.hostPath.type"
+            :mode="mode"
+            :options="typeOpts"
+            :label="t('workload.storage.hostPath.label')"
+          />
         </div>
       </div>
     </div>

package/edit/workload/storage/persistentVolumeClaim/index.vue

@@ -106,7 +106,10 @@ export default {
 <template>
   <div v-if="value.__newPvc">
     <div>
-      <div v-if="createNew" class="bordered-section">
+      <div
+        v-if="createNew"
+        class="bordered-section"
+      >
         <PersistentVolumeClaim
           v-if="value.__newPvc"
           v-model="value.__newPvc"

package/edit/workload/storage/persistentVolumeClaim/persistentvolumeclaim.vue

@@ -193,16 +193,37 @@ export default {
     <div class="row mb-10">
       <div class="col span-6">
         <div class="access-modes">
-          <t class="text-label" k="persistentVolumeClaim.accessModes" />
+          <t
+            class="text-label"
+            k="persistentVolumeClaim.accessModes"
+          />
           <span class="text-error">*</span>
         </div>
         <div class="access-modes">
-          <Checkbox :mode="mode" :value="value.spec.accessModes.includes('ReadWriteOnce')" :label="t('persistentVolumeClaim.accessModesOptions.singleNodeRW')" @input="e=>updateMode('ReadWriteOnce', e)" />
-          <Checkbox :mode="mode" :value="value.spec.accessModes.includes('ReadOnlyMany')" :label="t('persistentVolumeClaim.accessModesOptions.manyNodeR')" @input="e=>updateMode('ReadOnlyMany', e)" />
-          <Checkbox :mode="mode" :value="value.spec.accessModes.includes('ReadWriteMany')" :label="t('persistentVolumeClaim.accessModesOptions.manyNodeRW')" @input="e=>updateMode('ReadWriteMany', e)" />
+          <Checkbox
+            :mode="mode"
+            :value="value.spec.accessModes.includes('ReadWriteOnce')"
+            :label="t('persistentVolumeClaim.accessModesOptions.singleNodeRW')"
+            @input="e=>updateMode('ReadWriteOnce', e)"
+          />
+          <Checkbox
+            :mode="mode"
+            :value="value.spec.accessModes.includes('ReadOnlyMany')"
+            :label="t('persistentVolumeClaim.accessModesOptions.manyNodeR')"
+            @input="e=>updateMode('ReadOnlyMany', e)"
+          />
+          <Checkbox
+            :mode="mode"
+            :value="value.spec.accessModes.includes('ReadWriteMany')"
+            :label="t('persistentVolumeClaim.accessModesOptions.manyNodeRW')"
+            @input="e=>updateMode('ReadWriteMany', e)"
+          />
         </div>
       </div>
-      <div v-if="createPV" class="col span-6">
+      <div
+        v-if="createPV"
+        class="col span-6"
+      >
         <UnitInput
           v-model="spec.resources.requests.storage"
           :mode="mode"

package/edit/workload/storage/vsphereVolume.vue

@@ -45,7 +45,11 @@ export default {
         />
       </div>
       <div class="col span-6">
-        <LabeledInput v-model.number="value.vsphereVolume.storagePolicyName" :mode="mode" :label="t('workload.storage.csi.storagePolicyName')" />
+        <LabeledInput
+          v-model.number="value.vsphereVolume.storagePolicyName"
+          :mode="mode"
+          :label="t('workload.storage.csi.storagePolicyName')"
+        />
       </div>
     </div>
     <div class="row">
@@ -58,7 +62,11 @@ export default {
         />
       </div>
       <div class="col span-6">
-        <LabeledInput v-model="value.vsphereVolume.fsType" :mode="mode" :label="t('workload.storage.csi.fsType')" />
+        <LabeledInput
+          v-model="value.vsphereVolume.fsType"
+          :mode="mode"
+          :label="t('workload.storage.csi.fsType')"
+        />
       </div>
     </div>
   </div>

package/layouts/blank.vue

@@ -8,7 +8,7 @@ export default {
 </script>
 
 <template>
-  <main>
+  <main class="main-layout">
     <nuxt />
   </main>
 </template>

package/layouts/default.vue

@@ -575,9 +575,15 @@ export default {
     <FixedBanner :header="true" />
     <AwsComplianceBanner v-if="managementReady" />
     <AzureWarning v-if="managementReady" />
-    <div v-if="managementReady" class="dashboard-content">
+    <div
+      v-if="managementReady"
+      class="dashboard-content"
+    >
       <Header />
-      <nav v-if="clusterReady" class="side-nav">
+      <nav
+        v-if="clusterReady"
+        class="side-nav"
+      >
         <div class="nav">
           <template v-for="(g) in groups">
             <Group
@@ -593,13 +599,24 @@ export default {
             />
           </template>
         </div>
-        <n-link v-if="showClusterTools" tag="div" class="tools" :to="{name: 'c-cluster-explorer-tools', params: {cluster: clusterId}}">
-          <a class="tools-button" @click="collapseAll()">
+        <n-link
+          v-if="showClusterTools"
+          tag="div"
+          class="tools"
+          :to="{name: 'c-cluster-explorer-tools', params: {cluster: clusterId}}"
+        >
+          <a
+            class="tools-button"
+            @click="collapseAll()"
+          >
             <i class="icon icon-gear" />
             <span>{{ t('nav.clusterTools') }}</span>
           </a>
         </n-link>
-        <div v-if="showProductFooter" class="footer">
+        <div
+          v-if="showProductFooter"
+          class="footer"
+        >
           <nuxt-link
             :to="supportLink"
             class="pull-right"
@@ -628,7 +645,10 @@ export default {
               </a>
 
               <template slot="popover">
-                <ul class="list-unstyled dropdown" style="margin: -1px;">
+                <ul
+                  class="list-unstyled dropdown"
+                  style="margin: -1px;"
+                >
                   <li
                     v-for="(label, name) in availableLocales"
                     :key="name"
@@ -642,24 +662,51 @@ export default {
             </v-popover>
           </span>
         </div>
-        <div v-else class="version text-muted">
+        <div
+          v-else
+          class="version text-muted"
+        >
           {{ displayVersion }}
         </div>
       </nav>
-      <main v-if="clusterAndRouteReady">
+      <main
+        v-if="clusterAndRouteReady"
+        class="main-layout"
+      >
         <nuxt class="outlet" />
         <ActionMenu />
         <PromptRemove />
         <PromptRestore />
         <AssignTo />
         <PromptModal />
-        <button v-if="noLocaleShortcut" v-shortkey.once="['shift','l']" class="hide" @shortkey="toggleNoneLocale()" />
-        <button v-if="themeShortcut" v-shortkey.once="['shift','t']" class="hide" @shortkey="toggleTheme()" />
-        <button v-shortkey.once="['f8']" class="hide" @shortkey="wheresMyDebugger()" />
-        <button v-shortkey.once="['`']" class="hide" @shortkey="toggleShell" />
+        <button
+          v-if="noLocaleShortcut"
+          v-shortkey.once="['shift','l']"
+          class="hide"
+          @shortkey="toggleNoneLocale()"
+        />
+        <button
+          v-if="themeShortcut"
+          v-shortkey.once="['shift','t']"
+          class="hide"
+          @shortkey="toggleTheme()"
+        />
+        <button
+          v-shortkey.once="['f8']"
+          class="hide"
+          @shortkey="wheresMyDebugger()"
+        />
+        <button
+          v-shortkey.once="['`']"
+          class="hide"
+          @shortkey="toggleShell"
+        />
       </main>
       <!-- Ensure there's an outlet to show the error (404) page -->
-      <main v-else-if="unmatchedRoute">
+      <main
+        v-else-if="unmatchedRoute"
+        class="main-layout"
+      >
         <nuxt class="outlet" />
       </main>
       <div class="wm">
@@ -793,58 +840,6 @@ export default {
     }
   }
 
-  MAIN {
-    grid-area: main;
-    overflow: auto;
-
-    .outlet {
-      display: flex;
-      flex-direction: column;
-      padding: $space-m;
-      min-height: 100%;
-    }
-
-    FOOTER {
-      background-color: var(--nav-bg);
-      height: var(--footer-height);
-    }
-
-    HEADER {
-      display: grid;
-      grid-template-areas:  "type-banner type-banner"
-                            "title actions"
-                            "state-banner state-banner";
-      grid-template-columns: auto auto;
-      margin-bottom: 20px;
-      align-content: center;
-      min-height: 48px;
-
-      .type-banner {
-        grid-area: type-banner;
-      }
-
-      .state-banner {
-        grid-area: state-banner;
-      }
-
-      .title {
-        grid-area: title;
-        align-self: center;
-      }
-
-      .actions-container {
-        grid-area: actions;
-        margin-left: 8px;
-        align-self: center;
-        text-align: right;
-      }
-
-      .role-multi-action {
-        padding: 0 $input-padding-sm;
-      }
-    }
-  }
-
   .wm {
     grid-area: wm;
     overflow-y: hidden;

package/layouts/error.vue

@@ -57,9 +57,18 @@ export default {
 </script>
 
 <template>
-  <div v-if="ready" class="wrapper">
+  <div
+    v-if="ready"
+    class="wrapper"
+  >
     <div class="error">
-      <svg xmlns="http://www.w3.org/2000/svg" width="90" height="90" fill="#DBE1EC" viewBox="0 0 48 48">
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="90"
+        height="90"
+        fill="#DBE1EC"
+        viewBox="0 0 48 48"
+      >
         <path d="M22 30h4v4h-4zm0-16h4v12h-4zm1.99-10C12.94 4 4 12.95 4 24s8.94 20 19.99 20S44 35.05 44 24 35.04 4 23.99 4zM24 40c-8.84 0-16-7.16-16-16S15.16 8 24 8s16 7.16 16 16-7.16 16-16 16z" />
       </svg>
 
@@ -67,9 +76,20 @@ export default {
         {{ message }}
       </div>
 
-      <p v-if="statusCode === 404" class="description">
-        <a v-if="typeof $route === 'undefined'" class="error-link" href="/">Back to Home</a>
-        <n-link v-else class="error-link" to="/">
+      <p
+        v-if="statusCode === 404"
+        class="description"
+      >
+        <a
+          v-if="typeof $route === 'undefined'"
+          class="error-link"
+          href="/"
+        >Back to Home</a>
+        <n-link
+          v-else
+          class="error-link"
+          to="/"
+        >
           Back to Home
         </n-link>
       </p>

package/layouts/home.vue

@@ -55,16 +55,29 @@ export default {
     <AzureWarning />
 
     <div class="dashboard-content">
-      <Header v-if="managementReady" :simple="true" />
+      <Header
+        v-if="managementReady"
+        :simple="true"
+      />
 
-      <main>
+      <main class="main-layout">
         <nuxt class="outlet" />
       </main>
     </div>
     <FixedBanner :footer="true" />
     <GrowlManager />
-    <button v-if="themeShortcut" v-shortkey.once="['shift','t']" class="hide" @shortkey="toggleTheme()" />
-    <button v-if="noLocaleShortcut" v-shortkey.once="['shift','l']" class="hide" @shortkey="toggleNoneLocale()" />
+    <button
+      v-if="themeShortcut"
+      v-shortkey.once="['shift','t']"
+      class="hide"
+      @shortkey="toggleTheme()"
+    />
+    <button
+      v-if="noLocaleShortcut"
+      v-shortkey.once="['shift','l']"
+      class="hide"
+      @shortkey="toggleNoneLocale()"
+    />
   </div>
 </template>
 

package/layouts/plain.vue

@@ -59,15 +59,25 @@ export default {
 
     <div class="dashboard-content">
       <Header :simple="true" />
-      <main>
+      <main class="main-layout">
         <IndentedPanel class="pt-20">
           <nuxt class="outlet" />
         </IndentedPanel>
         <ActionMenu />
         <PromptRemove />
         <AssignTo />
-        <button v-if="themeShortcut" v-shortkey.once="['shift','t']" class="hide" @shortkey="toggleTheme()" />
-        <button v-if="noLocaleShortcut" v-shortkey.once="['shift','l']" class="hide" @shortkey="toggleNoneLocale()" />
+        <button
+          v-if="themeShortcut"
+          v-shortkey.once="['shift','t']"
+          class="hide"
+          @shortkey="toggleTheme()"
+        />
+        <button
+          v-if="noLocaleShortcut"
+          v-shortkey.once="['shift','l']"
+          class="hide"
+          @shortkey="toggleNoneLocale()"
+        />
       </main>
     </div>
 

package/layouts/unauthenticated.vue

@@ -10,7 +10,7 @@ export default {
 </script>
 
 <template>
-  <main>
+  <main class="main-layout">
     <div class="dashboard-root">
       <FixedBanner :header="true" />
       <FixedBanner :consent="true" />

package/list/catalog.cattle.io.app.vue

@@ -17,6 +17,10 @@ export default {
       type:     Object,
       required: true,
     },
+    useQueryParamsForSimpleFiltering: {
+      type:    Boolean,
+      default: false
+    }
   },
 
   async fetch() {
@@ -33,13 +37,22 @@ export default {
     :schema="schema"
     :rows="rows"
     :loading="loading"
+    :use-query-params-for-simple-filtering="useQueryParamsForSimpleFiltering"
   >
     <template #cell:upgrade="{row}">
-      <span v-if="row.upgradeAvailable" class="badge-state bg-warning hand" @click="row.goToUpgrade(row.upgradeAvailable)">
+      <span
+        v-if="row.upgradeAvailable"
+        class="badge-state bg-warning hand"
+        @click="row.goToUpgrade(row.upgradeAvailable)"
+      >
         {{ row.upgradeAvailable }}
         <i class="icon icon-upload" />
       </span>
-      <span v-else-if="row.upgradeAvailable === false" v-t="'catalog.app.managed'" class="text-muted" />
+      <span
+        v-else-if="row.upgradeAvailable === false"
+        v-t="'catalog.app.managed'"
+        class="text-muted"
+      />
     </template>
   </ResourceTable>
 </template>

package/list/catalog.cattle.io.clusterrepo.vue

@@ -20,6 +20,10 @@ export default {
       type:     Boolean,
       required: false,
     },
+    useQueryParamsForSimpleFiltering: {
+      type:    Boolean,
+      default: false
+    }
   }
 };
 </script>
@@ -30,6 +34,7 @@ export default {
       :schema="schema"
       :rows="rows"
       :loading="loading"
+      :use-query-params-for-simple-filtering="useQueryParamsForSimpleFiltering"
     />
   </div>
 </template>

package/list/cis.cattle.io.clusterscan.vue

@@ -17,6 +17,11 @@ export default {
       type:     Object,
       required: true,
     },
+
+    useQueryParamsForSimpleFiltering: {
+      type:    Boolean,
+      default: false
+    }
   },
 
   async fetch() {
@@ -60,5 +65,6 @@ export default {
     :rows="rows"
     :headers="headers"
     :loading="loading"
+    :use-query-params-for-simple-filtering="useQueryParamsForSimpleFiltering"
   />
 </template>

package/list/fleet.cattle.io.bundle.vue

@@ -23,6 +23,10 @@ export default {
       type:     Object,
       required: true,
     },
+    useQueryParamsForSimpleFiltering: {
+      type:    Boolean,
+      default: false
+    }
   },
 
   async fetch() {
@@ -96,15 +100,23 @@ export default {
 
 <template>
   <div>
-    <Banner v-if="hidden" color="info" :label="t('fleet.bundles.harvester', {count: hidden} )" />
+    <Banner
+      v-if="hidden"
+      color="info"
+      :label="t('fleet.bundles.harvester', {count: hidden} )"
+    />
     <ResourceTable
       :schema="schema"
       :headers="headers"
       :rows="bundles"
       :loading="loading"
+      :use-query-params-for-simple-filtering="useQueryParamsForSimpleFiltering"
     >
       <template #cell:deploymentsReady="{row}">
-        <span v-if="row.status.summary.desiredReady != row.status.summary.ready" class="text-warning">
+        <span
+          v-if="row.status.summary.desiredReady != row.status.summary.ready"
+          class="text-warning"
+        >
           {{ row.status.summary.ready }}/{{ row.status.summary.desiredReady }}</span>
         <span v-else>{{ row.status.summary.desiredReady }}</span>
       </template>

package/list/fleet.cattle.io.cluster.vue

@@ -18,6 +18,10 @@ export default {
       type:     Object,
       required: true,
     },
+    useQueryParamsForSimpleFiltering: {
+      type:    Boolean,
+      default: false
+    }
   },
 
   async fetch() {
@@ -73,11 +77,16 @@ export default {
 
 <template>
   <div>
-    <Banner v-if="hiddenHarvesterCount" color="info" :label="t('fleet.clusters.harvester', {count: hiddenHarvesterCount} )" />
+    <Banner
+      v-if="hiddenHarvesterCount"
+      color="info"
+      :label="t('fleet.clusters.harvester', {count: hiddenHarvesterCount} )"
+    />
     <FleetClusters
       :rows="filteredRows"
       :schema="schema"
       :loading="loading"
+      :use-query-params-for-simple-filtering="useQueryParamsForSimpleFiltering"
     />
   </div>
 </template>

package/list/fleet.cattle.io.clustergroup.vue

@@ -28,6 +28,11 @@ export default {
       type:     Boolean,
       required: false,
     },
+
+    useQueryParamsForSimpleFiltering: {
+      type:    Boolean,
+      default: false
+    }
   },
 
   computed: {
@@ -63,15 +68,22 @@ export default {
     :headers="headers"
     :rows="rows"
     :loading="loading"
+    :use-query-params-for-simple-filtering="useQueryParamsForSimpleFiltering"
     key-field="_key"
     v-on="$listeners"
   >
     <template #cell:clusters="{row}">
       <template v-if="row.status">
-        <span v-if="row.status.nonReadyClusterCount" class="text-warning">{{ row.status.clusterCount - row.status.nonReadyClusterCount }}/{{ row.status.clusterCount }}</span>
+        <span
+          v-if="row.status.nonReadyClusterCount"
+          class="text-warning"
+        >{{ row.status.clusterCount - row.status.nonReadyClusterCount }}/{{ row.status.clusterCount }}</span>
         <span v-else>{{ row.status.clusterCount }}</span>
       </template>
-      <span v-else class="text-muted">&mdash;</span>
+      <span
+        v-else
+        class="text-muted"
+      >&mdash;</span>
     </template>
   </ResourceTable>
 </template>

package/list/fleet.cattle.io.clusterregistrationtoken.vue

@@ -18,6 +18,10 @@ export default {
       type:     Object,
       required: true,
     },
+    useQueryParamsForSimpleFiltering: {
+      type:    Boolean,
+      default: false
+    }
   },
 
   async fetch() {
@@ -73,13 +77,17 @@ export default {
 
 <template>
   <div>
-    <Banner v-if="hidden" color="info" :label="t('fleet.tokens.harvester', {count: hidden} )" />
+    <Banner
+      v-if="hidden"
+      color="info"
+      :label="t('fleet.tokens.harvester', {count: hidden} )"
+    />
     <ResourceTable
       v-bind="$attrs"
       :schema="schema"
       :rows="tokens"
       :loading="loading"
-    >
-    </ResourceTable>
+      :use-query-params-for-simple-filtering="useQueryParamsForSimpleFiltering"
+    />
   </div>
 </template>

package/list/fleet.cattle.io.gitrepo.vue

@@ -36,6 +36,11 @@ export default {
       type:    Boolean,
       default: false
     },
+
+    useQueryParamsForSimpleFiltering: {
+      type:    Boolean,
+      default: false
+    }
   },
 
   async fetch() {
@@ -63,6 +68,7 @@ export default {
       :rows="rows"
       :schema="schema"
       :loading="loading"
+      :use-query-params-for-simple-filtering="useQueryParamsForSimpleFiltering"
     />
   </div>
 </template>