@rancher/shell 0.2.3 → 0.2.4

package/list/group.principal.vue

@@ -25,6 +25,11 @@ export default {
       type:     Object,
       required: true,
     },
+
+    useQueryParamsForSimpleFiltering: {
+      type:    Boolean,
+      default: false
+    }
   },
   async fetch() {
     await this.updateRows();
@@ -126,6 +131,7 @@ export default {
           :waiting-label="t('authGroups.actions.refresh')"
           :success-label="t('authGroups.actions.refresh')"
           :error-label="t('authGroups.actions.refresh')"
+          :class="{'mr-5': canCreateGlobalRoleBinding}"
           @click="refreshGroupMemberships"
         />
         <n-link
@@ -138,6 +144,10 @@ export default {
       </template>
     </Masthead>
 
-    <ResourceTable :schema="schema" :rows="rows" />
+    <ResourceTable
+      :schema="schema"
+      :rows="rows"
+      :use-query-params-for-simple-filtering="useQueryParamsForSimpleFiltering"
+    />
   </div>
 </template>

package/list/harvesterhci.io.management.cluster.vue

@@ -23,6 +23,10 @@ export default {
       type:     Object,
       required: true,
     },
+    useQueryParamsForSimpleFiltering: {
+      type:    Boolean,
+      default: false
+    }
   },
 
   async fetch() {
@@ -117,7 +121,10 @@ export default {
         <TypeDescription :resource="hResource" />
       </template>
 
-      <template v-if="canCreateCluster" slot="extraActions">
+      <template
+        v-if="canCreateCluster"
+        slot="extraActions"
+      >
         <n-link
           :to="importLocation"
           class="btn role-primary"
@@ -133,15 +140,24 @@ export default {
       :rows="rows"
       :is-creatable="true"
       :namespaced="false"
+      :use-query-params-for-simple-filtering="useQueryParamsForSimpleFiltering"
     >
       <template #col:name="{row}">
         <td>
           <span class="cluster-link">
-            <a v-if="row.isReady" class="link" :disabled="navigating" @click="goToCluster(row)">{{ row.nameDisplay }}</a>
+            <a
+              v-if="row.isReady"
+              class="link"
+              :disabled="navigating"
+              @click="goToCluster(row)"
+            >{{ row.nameDisplay }}</a>
             <span v-else>
               {{ row.nameDisplay }}
             </span>
-            <i class="icon icon-spinner icon-spin ml-5" :class="{'navigating': navigating === row.id}" />
+            <i
+              class="icon icon-spinner icon-spin ml-5"
+              :class="{'navigating': navigating === row.id}"
+            />
           </span>
         </td>
       </template>
@@ -159,15 +175,18 @@ export default {
       <div class="no-clusters">
         {{ t('harvesterManager.cluster.none') }}
       </div>
-      <hr class="info-section" />
+      <hr class="info-section">
       <div class="logo">
-        <BrandImage file-name="harvester.png" height="64" />
+        <BrandImage
+          file-name="harvester.png"
+          height="64"
+        />
       </div>
       <div class="tagline">
         <div>{{ t('harvesterManager.cluster.description') }}</div>
       </div>
       <div class="tagline sub-tagline">
-        <div v-html="t('harvesterManager.cluster.learnMore', {}, true)"></div>
+        <div v-html="t('harvesterManager.cluster.learnMore', {}, true)" />
       </div>
     </div>
   </div>

package/list/helm.cattle.io.projecthelmchart.vue

@@ -30,6 +30,11 @@ export default {
       type:    Boolean,
       default: false
     },
+
+    useQueryParamsForSimpleFiltering: {
+      type:    Boolean,
+      default: false
+    }
   },
   async fetch() {
     this.projectHelmChartSchema = this.$store.getters['cluster/schemaFor'](HELM.PROJECTHELMCHART);
@@ -74,18 +79,30 @@ export default {
       :load-indeterminate="loadIndeterminate"
       is-creatable
     />
-    <Banner color="info" :label="t('monitoring.projectMonitoring.list.banner')" />
+    <Banner
+      color="info"
+      :label="t('monitoring.projectMonitoring.list.banner')"
+    />
     <!-- ToDo: figure out how to get this centered in the empty space -->
-    <div v-if="rows.length === 0 && !loading" class="empty-list">
+    <div
+      v-if="rows.length === 0 && !loading"
+      class="empty-list"
+    >
       <div class="message">
-        <i class="icon icon-monitoring icon-10x icon-grey"></i>
+        <i class="icon icon-monitoring icon-10x icon-grey" />
         <div class="text-large">
           {{ t('monitoring.projectMonitoring.list.empty.message') }}
         </div>
-        <div v-if="canCreateProjectHelmChart" class="text-large">
+        <div
+          v-if="canCreateProjectHelmChart"
+          class="text-large"
+        >
           {{ t('monitoring.projectMonitoring.list.empty.canCreate') }}
         </div>
-        <div v-else class="text-large">
+        <div
+          v-else
+          class="text-large"
+        >
           {{ t('monitoring.projectMonitoring.list.empty.cannotCreate') }}
         </div>
       </div>
@@ -96,6 +113,7 @@ export default {
         :headers="headers"
         :schema="projectHelmChartSchema"
         :loading="loading"
+        :use-query-params-for-simple-filtering="useQueryParamsForSimpleFiltering"
         key-field="_key"
         :groupable="false"
       />

package/list/logging.banzaicloud.io.clusterflow.vue

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

package/list/logging.banzaicloud.io.flow.vue

@@ -16,6 +16,11 @@ export default {
       type:     Object,
       required: true,
     },
+
+    useQueryParamsForSimpleFiltering: {
+      type:    Boolean,
+      default: false
+    }
   },
 
   async fetch() {
@@ -30,5 +35,10 @@ export default {
 </script>
 
 <template>
-  <ResourceTable :schema="schema" :rows="rows" :loading="loading" />
+  <ResourceTable
+    :schema="schema"
+    :rows="rows"
+    :loading="loading"
+    :use-query-params-for-simple-filtering="useQueryParamsForSimpleFiltering"
+  />
 </template>

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

@@ -17,6 +17,10 @@ export default {
       type:     Object,
       required: true,
     },
+    useQueryParamsForSimpleFiltering: {
+      type:    Boolean,
+      default: false
+    }
   },
 
   async fetch() {
@@ -38,5 +42,12 @@ export default {
 </script>
 
 <template>
-  <ResourceTable :schema="schema" :rows="filteredRows" :headers="$attrs.headers" :group-by="$attrs.groupBy" :loading="loading" />
+  <ResourceTable
+    :schema="schema"
+    :rows="filteredRows"
+    :headers="$attrs.headers"
+    :group-by="$attrs.groupBy"
+    :loading="loading"
+    :use-query-params-for-simple-filtering="useQueryParamsForSimpleFiltering"
+  />
 </template>

package/list/management.cattle.io.feature.vue

@@ -28,6 +28,11 @@ export default {
       type:     Object,
       required: true,
     },
+
+    useQueryParamsForSimpleFiltering: {
+      type:    Boolean,
+      default: false
+    }
   },
 
   async fetch() {
@@ -195,11 +200,18 @@ export default {
       :rows="filteredRows"
       :row-actions="enableRowActions"
       :loading="loading"
+      :use-query-params-for-simple-filtering="useQueryParamsForSimpleFiltering"
     >
-      <template slot="cell:name" slot-scope="scope">
+      <template
+        slot="cell:name"
+        slot-scope="scope"
+      >
         <div class="feature-name">
           <div>{{ scope.row.nameDisplay }}</div>
-          <i v-if="scope.row.status.lockedValue !== null" class="icon icon-lock" />
+          <i
+            v-if="scope.row.status.lockedValue !== null"
+            class="icon icon-lock"
+          />
         </div>
       </template>
     </ResourceTable>
@@ -212,20 +224,39 @@ export default {
       :click-to-close="!restart || !waiting"
       @closed="close"
     >
-      <Card v-if="!waiting" class="prompt-update" :show-highlight-border="false">
-        <h4 slot="title" class="text-default-text">
+      <Card
+        v-if="!waiting"
+        class="prompt-update"
+        :show-highlight-border="false"
+      >
+        <h4
+          slot="title"
+          class="text-default-text"
+        >
           Are you sure?
         </h4>
         <div slot="body">
-          <div v-if="update" class="mb-10">
+          <div
+            v-if="update"
+            class="mb-10"
+          >
             <div v-if="enabling">
               <span>
                 {{ t('featureFlags.promptActivate', {flag: update.id}) }}
               </span>
-              <div v-if="promptForUrl" class="mt-10">
+              <div
+                v-if="promptForUrl"
+                class="mt-10"
+              >
                 <span> {{ t('featureFlags.requiresSetting') }}</span>
-                <div :style="{'align-items':'center'}" class="row mt-10">
-                  <LabeledInput v-model="serverUrl" :label="t('setup.serverUrl.label')" />
+                <div
+                  :style="{'align-items':'center'}"
+                  class="row mt-10"
+                >
+                  <LabeledInput
+                    v-model="serverUrl"
+                    :label="t('setup.serverUrl.label')"
+                  />
                   <div class="col pl-5">
                     <AsyncButton @click="saveUrl" />
                   </div>
@@ -235,31 +266,56 @@ export default {
             <span v-else>
               {{ t('featureFlags.promptDeactivate', {flag: update.id}) }}
             </span>
-            <Banner v-if="restart" color="warning" :label="t('featureFlags.restartRequired')" />
+            <Banner
+              v-if="restart"
+              color="warning"
+              :label="t('featureFlags.restartRequired')"
+            />
           </div>
           <div class="text-error mb-10">
             {{ error }}
           </div>
         </div>
         <template #actions>
-          <button class="btn role-secondary" @click="close">
+          <button
+            class="btn role-secondary"
+            @click="close"
+          >
             {{ t('generic.cancel') }}
           </button>
-          <AsyncButton :disabled="promptForUrl && !serverUrlSetting.value" :mode="updateMode" class="btn bg-error ml-10" @click="toggleFlag" />
+          <AsyncButton
+            :disabled="promptForUrl && !serverUrlSetting.value"
+            :mode="updateMode"
+            class="btn bg-error ml-10"
+            @click="toggleFlag"
+          />
         </template>
       </Card>
-      <Card v-else class="prompt-update" :show-highlight-border="false">
-        <h4 slot="title" class="text-default-text">
+      <Card
+        v-else
+        class="prompt-update"
+        :show-highlight-border="false"
+      >
+        <h4
+          slot="title"
+          class="text-default-text"
+        >
           {{ t('featureFlags.restart.title') }}
         </h4>
-        <div slot="body" class="waiting">
+        <div
+          slot="body"
+          class="waiting"
+        >
           <p>{{ t('featureFlags.restart.wait') }}</p>
           <span class="restarting-icon">
             <i class=" icon icon-spinner icon-spin" />
           </span>
         </div>
         <template #actions>
-          <button class="btn role-secondary" @click="close">
+          <button
+            class="btn role-secondary"
+            @click="close"
+          >
             {{ t('generic.cancel') }}
           </button>
         </template>

package/list/management.cattle.io.setting.vue

@@ -80,42 +80,76 @@ export default {
 <template>
   <Loading v-if="!settings" />
   <div v-else>
-    <Banner color="warning" class="settings-banner">
+    <Banner
+      color="warning"
+      class="settings-banner"
+    >
       <div>
         {{ t('advancedSettings.subtext') }}
       </div>
     </Banner>
-    <div v-for="setting in settings" :key="setting.id" class="advanced-setting mb-20">
+    <div
+      v-for="setting in settings"
+      :key="setting.id"
+      class="advanced-setting mb-20"
+    >
       <div class="header">
         <div class="title">
           <h1>
             {{ setting.id }}
-            <span v-if="setting.fromEnv" class="modified">Set by Environment Variable</span>
-            <span v-else-if="setting.customized" class="modified">Modified</span>
+            <span
+              v-if="setting.fromEnv"
+              class="modified"
+            >Set by Environment Variable</span>
+            <span
+              v-else-if="setting.customized"
+              class="modified"
+            >Modified</span>
           </h1>
           <h2>{{ setting.description }}</h2>
         </div>
-        <div v-if="setting.hasActions" class="action">
-          <button aria-haspopup="true" aria-expanded="false" type="button" class="btn btn-sm role-multi-action actions" @click="showActionMenu($event, setting)">
+        <div
+          v-if="setting.hasActions"
+          class="action"
+        >
+          <button
+            aria-haspopup="true"
+            aria-expanded="false"
+            type="button"
+            class="btn btn-sm role-multi-action actions"
+            @click="showActionMenu($event, setting)"
+          >
             <i class="icon icon-actions" />
           </button>
         </div>
       </div>
       <div value>
         <div v-if="setting.hide">
-          <button class="btn btn-sm role-primary" @click="setting.hide = !setting.hide">
+          <button
+            class="btn btn-sm role-primary"
+            @click="setting.hide = !setting.hide"
+          >
             {{ t('advancedSettings.show') }} {{ setting.id }}
           </button>
         </div>
-        <div v-else class="settings-value">
+        <div
+          v-else
+          class="settings-value"
+        >
           <pre v-if="setting.kind === 'json'">{{ setting.json }}</pre>
           <pre v-else-if="setting.kind === 'multiline'">{{ setting.data.value || setting.data.default }}</pre>
           <pre v-else-if="setting.kind === 'enum'">{{ t(setting.enum) }}</pre>
           <pre v-else-if="setting.data.value || setting.data.default">{{ setting.data.value || setting.data.default }}</pre>
-          <pre v-else class="text-muted">&lt;{{ t('advancedSettings.none') }}&gt;</pre>
+          <pre
+            v-else
+            class="text-muted"
+          >&lt;{{ t('advancedSettings.none') }}&gt;</pre>
         </div>
         <div v-if="setting.canHide && !setting.hide">
-          <button class="btn btn-sm role-primary" @click="setting.hide = !setting.hide">
+          <button
+            class="btn btn-sm role-primary"
+            @click="setting.hide = !setting.hide"
+          >
             {{ t('advancedSettings.hide') }} {{ setting.id }}
           </button>
         </div>

package/list/management.cattle.io.user.vue

@@ -33,6 +33,11 @@ export default {
       type:    Boolean,
       default: false
     },
+
+    useQueryParamsForSimpleFiltering: {
+      type:    Boolean,
+      default: false
+    }
   },
   async fetch() {
     const store = this.$store;
@@ -132,7 +137,13 @@ export default {
       </template>
     </Masthead>
 
-    <ResourceTable :schema="schema" :rows="users" :group-by="groupBy" :loading="loading" />
+    <ResourceTable
+      :schema="schema"
+      :rows="users"
+      :group-by="groupBy"
+      :loading="loading"
+      :use-query-params-for-simple-filtering="useQueryParamsForSimpleFiltering"
+    />
   </div>
 </template>
 

package/list/monitoring.coreos.com.alertmanagerconfig.vue

@@ -17,6 +17,11 @@ export default {
       type:     Object,
       required: true,
     },
+
+    useQueryParamsForSimpleFiltering: {
+      type:    Boolean,
+      default: false
+    }
   },
 
   async fetch() {
@@ -39,6 +44,7 @@ export default {
       :schema="schema"
       :rows="rows"
       :loading="loading"
+      :use-query-params-for-simple-filtering="useQueryParamsForSimpleFiltering"
     />
   </div>
 

package/list/namespace.vue

@@ -22,6 +22,13 @@ export default {
       type:     Boolean,
       required: false,
     },
+    useQueryParamsForSimpleFiltering: {
+      type:    Boolean,
+      default: false
+    }
+  },
+  data() {
+    return { asddsa: true };
   },
 
   computed: {
@@ -52,6 +59,7 @@ export default {
     :schema="schema"
     key-field="_key"
     :loading="loading"
+    :use-query-params-for-simple-filtering="useQueryParamsForSimpleFiltering"
     v-on="$listeners"
   />
 </template>

package/list/node.vue

@@ -34,6 +34,10 @@ export default {
       type:     Object,
       required: true,
     },
+    useQueryParamsForSimpleFiltering: {
+      type:    Boolean,
+      default: false
+    }
   },
 
   async fetch() {
@@ -151,6 +155,7 @@ export default {
       :rows="rows"
       :sub-rows="true"
       :loading="loading"
+      :use-query-params-for-simple-filtering="useQueryParamsForSimpleFiltering"
       v-on="$listeners"
     >
       <template #sub-row="{fullColspan, row, onRowMouseEnter, onRowMouseLeave}">
@@ -165,12 +170,19 @@ export default {
             <td>&nbsp;</td>
             <td :colspan="fullColspan-2">
               {{ t('node.list.nodeTaint') }}:
-              <Tag v-for="taint in row.spec.taints" :key="taint.key + taint.value + taint.effect" class="mr-5">
+              <Tag
+                v-for="taint in row.spec.taints"
+                :key="taint.key + taint.value + taint.effect"
+                class="mr-5"
+              >
                 {{ taint.key }}={{ taint.value }}:{{ taint.effect }}
               </Tag>
             </td>
           </template>
-          <td v-else :colspan="fullColspan">
+          <td
+            v-else
+            :colspan="fullColspan"
+          >
 &nbsp;
           </td>
         </tr>

package/list/persistentvolume.vue

@@ -17,6 +17,11 @@ export default {
       type:     Object,
       required: true,
     },
+
+    useQueryParamsForSimpleFiltering: {
+      type:    Boolean,
+      default: false
+    }
   },
 
   async fetch() {
@@ -30,5 +35,12 @@ export default {
 </script>
 
 <template>
-  <ResourceTable :schema="schema" :rows="rows" :headers="$attrs.headers" :group-by="$attrs.groupBy" :loading="loading" />
+  <ResourceTable
+    :schema="schema"
+    :rows="rows"
+    :headers="$attrs.headers"
+    :group-by="$attrs.groupBy"
+    :loading="loading"
+    :use-query-params-for-simple-filtering="useQueryParamsForSimpleFiltering"
+  />
 </template>

package/list/persistentvolumeclaim.vue

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

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

@@ -30,6 +30,11 @@ export default {
       type:    Boolean,
       default: false
     },
+
+    useQueryParamsForSimpleFiltering: {
+      type:    Boolean,
+      default: false
+    }
   },
 
   async fetch() {
@@ -146,7 +151,11 @@ export default {
 
 <template>
   <div>
-    <Banner v-if="hiddenHarvesterCount" color="info" :label="t('cluster.harvester.clusterWarning', {count: hiddenHarvesterCount} )" />
+    <Banner
+      v-if="hiddenHarvesterCount"
+      color="info"
+      :label="t('cluster.harvester.clusterWarning', {count: hiddenHarvesterCount} )"
+    />
 
     <Masthead
       :schema="schema"
@@ -157,7 +166,10 @@ export default {
       :load-resources="loadResources"
       :load-indeterminate="loadIndeterminate"
     >
-      <template v-if="canImport" slot="extraActions">
+      <template
+        v-if="canImport"
+        slot="extraActions"
+      >
         <n-link
           :to="importLocation"
           class="btn role-primary"
@@ -168,12 +180,19 @@ export default {
       </template>
     </Masthead>
 
-    <ResourceTable :schema="schema" :rows="filteredRows" :namespaced="false" :loading="loading">
+    <ResourceTable
+      :schema="schema"
+      :rows="filteredRows"
+      :namespaced="false"
+      :loading="loading"
+      :use-query-params-for-simple-filtering="useQueryParamsForSimpleFiltering"
+      :data-testid="'cluster-list'"
+    >
       <template #cell:summary="{row}">
         <span v-if="!row.stateParts.length">{{ row.nodes.length }}</span>
       </template>
       <template #cell:explorer="{row}">
-        <span v-if="row.mgmt && row.mgmt.isHarvester"></span>
+        <span v-if="row.mgmt && row.mgmt.isHarvester" />
         <n-link
           v-else-if="row.mgmt && row.mgmt.isReady && !row.hasError"
           data-testid="cluster-manager-list-explore-management"