@rancher/shell 3.0.11 → 3.0.12-rc.2

package/components/form/labeled-select-utils/labeled-select-pagination.ts

@@ -1,116 +0,0 @@
-import { debounce } from 'lodash';
-import { PropType, defineComponent } from 'vue';
-import { LabelSelectPaginateFn, LABEL_SELECT_NOT_OPTION_KINDS, LABEL_SELECT_KINDS } from '@shell/types/components/labeledSelect';
-
-/**
- * 'mixin' to provide pagination support to LabeledSelect
- */
-export default defineComponent({
-  props: {
-    paginate: {
-      default: null,
-      type:    Function as PropType<LabelSelectPaginateFn>,
-    },
-
-    inStore: {
-      type:    String,
-      default: 'cluster',
-    },
-
-    /**
-     * Resource to show
-     */
-    resourceType: {
-      type:    String,
-      default: null,
-    },
-  },
-
-  data() {
-    return {
-      // Internal
-      currentPage: 1,
-      search:      '',
-      pageSize:    10,
-      pages:       0,
-
-      debouncedRequestPagination: debounce(this.requestPagination, 700),
-
-      // External
-      page:         [] as any[],
-      totalResults: 0,
-      paginating:   false,
-    };
-  },
-
-  async mounted() {
-    if (this.canPaginate) {
-      await this.requestPagination();
-    }
-  },
-
-  computed: {
-    canPaginate() {
-      return !!this.paginate && !!this.resourceType && this.$store.getters[`${ this.inStore }/paginationEnabled`](this.resourceType);
-    },
-
-    canLoadMore() {
-      return this.pages > this.currentPage;
-    },
-
-    optionsInPage() {
-      // Number of genuine options (not groups, dividers, etc)
-      return this.canPaginate ? this._options.filter((o: any) => {
-        return o.kind !== LABEL_SELECT_KINDS.NONE && !LABEL_SELECT_NOT_OPTION_KINDS.includes(o.kind);
-      }).length : 0;
-    },
-
-    optionCounts() {
-      if (!this.canPaginate || this.optionsInPage === this.totalResults) {
-        return '';
-      }
-
-      return this.$store.getters['i18n/t']('labelSelect.pagination.counts', {
-        count:      this.optionsInPage,
-        totalCount: this.totalResults
-      });
-    },
-  },
-
-  methods: {
-    loadMore() {
-      this.currentPage++;
-      this.requestPagination();
-    },
-
-    setPaginationFilter(filter: string) {
-      this.paginating = true; // Do this before debounce
-      this.currentPage = 1;
-      this.search = filter;
-      this.debouncedRequestPagination(true);
-    },
-
-    async requestPagination(resetPage = false) {
-      this.paginating = true;
-      const paginate: LabelSelectPaginateFn = this.paginate as LabelSelectPaginateFn; // Checking is done via prop
-
-      const {
-        page,
-        pages,
-        total
-      } = await paginate({
-        resetPage,
-        pageContent: this.page || [],
-        page:        this.currentPage,
-        filter:      this.search,
-        pageSize:    this.pageSize,
-      });
-
-      this.page = page;
-      this.pages = pages || 0;
-      this.totalResults = total || 0;
-
-      this.paginating = false;
-    }
-  }
-});

package/mixins/labeled-form-element.ts

@@ -1,225 +0,0 @@
-import { _EDIT, _VIEW } from '@shell/config/query-params';
-import { getWidth, setWidth } from '@shell/utils/width';
-
-interface LabeledFormElement {
-  raised: boolean;
-  focused: boolean;
-  blurred: number | null;
-}
-
-export default {
-  inheritAttrs: false,
-
-  emits: ['update:validation', 'on-focus', 'on-blur'],
-
-  props: {
-    mode: {
-      type:    String,
-      default: _EDIT,
-    },
-
-    label: {
-      type:    String,
-      default: null
-    },
-
-    labelKey: {
-      type:    String,
-      default: null
-    },
-
-    placeholderKey: {
-      type:    String,
-      default: null
-    },
-
-    tooltip: {
-      type:    [String, Object],
-      default: null
-    },
-
-    hoverTooltip: {
-      type:    Boolean,
-      default: true,
-    },
-
-    tooltipKey: {
-      type:    String,
-      default: null
-    },
-
-    required: {
-      type:    Boolean,
-      default: false,
-    },
-
-    disabled: {
-      type:    Boolean,
-      default: false,
-    },
-
-    placeholder: {
-      type:    [String, Number],
-      default: ''
-    },
-
-    value: {
-      type:    [String, Number, Object],
-      default: ''
-    },
-
-    options: {
-      default: null,
-      type:    Array
-    },
-
-    searchable: {
-      default: false,
-      type:    Boolean
-    },
-
-    filterable: {
-      default: true,
-      type:    Boolean
-    },
-
-    rules: {
-      default:   () => [],
-      type:      Array,
-      // we only want functions in the rules array
-      validator: (rules: any) => rules.every((rule: any) => ['function'].includes(typeof rule))
-    },
-
-    requireDirty: {
-      default: true,
-      type:    Boolean
-    }
-  },
-
-  data(): LabeledFormElement {
-    return {
-      raised:  this.mode === _VIEW || !!`${ this.value }`,
-      focused: false,
-      blurred: null,
-    };
-  },
-
-  computed: {
-    requiredField(): boolean {
-      // using "any" for a type on "rule" here is dirty but the use of the optional chaining operator makes it safe for what we're doing here.
-      return (this.required || this.rules.some((rule: any): boolean => rule?.name === 'required'));
-    },
-    empty(): boolean {
-      return !!`${ this.value }`;
-    },
-
-    isView(): boolean {
-      return this.mode === _VIEW;
-    },
-
-    isDisabled(): boolean {
-      return this.disabled || this.isView;
-    },
-
-    isSearchable(): boolean {
-      const { searchable, canPaginate } = this as any; // This will be resolved when we migrate from mixin
-
-      if (canPaginate) {
-        return true;
-      }
-      const options = ( this.options || [] );
-
-      if (searchable || options.length >= 10) {
-        return true;
-      }
-
-      return false;
-    },
-
-    isFilterable(): boolean {
-      const { filterable, canPaginate } = this as any; // This will be resolved when we migrate from mixin
-
-      if (canPaginate) {
-        return false;
-      }
-
-      return filterable;
-    },
-
-    validationMessage(): string | undefined {
-      // we want to grab the required rule passed in if we can but if it's not there then we can just grab it from the formRulesGenerator
-      const requiredRule = this.rules.find((rule: any) => rule?.name === 'required') as Function;
-      const ruleMessages = [];
-      const value = this?.value;
-
-      if (requiredRule && this.blurred && !this.focused) {
-        const message = requiredRule(value);
-
-        if (!!message) {
-          this.$emit('update:validation', false);
-
-          return message;
-        }
-      }
-
-      for (const rule of this.rules as Function[]) {
-        const message = rule(value);
-
-        if (!!message && rule.name !== 'required') { // we're catching 'required' above so we can ignore it here
-          ruleMessages.push(message);
-        }
-      }
-      if (ruleMessages.length > 0 && (this.blurred || this.focused || !this.requireDirty)) {
-        this.$emit('update:validation', false);
-
-        return ruleMessages.join(', ');
-      } else {
-        this.$emit('update:validation', true);
-
-        return undefined;
-      }
-    }
-  },
-
-  methods: {
-    resizeHandler() {
-      // since the DD is positioned there is no way to 'inherit' the size of the input, this calcs the size of the parent and set the dd width if it is smaller. If not let it grow with the regular styles
-      this.$nextTick(() => {
-        const DD = (this.$refs.select as HTMLElement).querySelector('ul.vs__dropdown-menu');
-
-        const selectWidth = getWidth(this.$refs.select as Element) || 0;
-        const dropWidth = getWidth(DD as Element) || 0;
-
-        if (dropWidth < selectWidth) {
-          setWidth(DD as Element, selectWidth);
-        }
-      });
-    },
-    onFocus() {
-      this.$emit('on-focus');
-
-      return this.onFocusLabeled();
-    },
-
-    onFocusLabeled() {
-      this.raised = true;
-      this.focused = true;
-    },
-
-    onBlur() {
-      this.$emit('on-blur');
-
-      return this.onBlurLabeled();
-    },
-
-    onBlurLabeled() {
-      this.focused = false;
-
-      if ( !this.value ) {
-        this.raised = false;
-      }
-
-      this.blurred = Date.now();
-    }
-  }
-};

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

@@ -1,28 +0,0 @@
-<script>
-import EmberPage from '@shell/components/EmberPage';
-
-const PAGES = {
-  monitoring: 'monitoring/cluster-setting',
-  istio:      'istio/cluster-setting',
-  snapshots:  'backups',
-};
-
-export default {
-  components: { EmberPage },
-
-  data() {
-    const cluster = this.$store.getters['currentCluster'];
-    const page = this.$route.params.page;
-    const p = PAGES[page] || page;
-
-    return { src: `/k/${ cluster.id }/${ p }` };
-  }
-};
-</script>
-
-<template>
-  <EmberPage
-    v-if="src"
-    :src="src"
-  />
-</template>

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

@@ -1,22 +0,0 @@
-<script>
-import EmbeddedPageView from '@shell/components/EmberPageView';
-
-export default {
-  components: { EmbeddedPageView },
-
-  data() {
-    return {
-      PAGES: {
-        'rke-drivers':       '/n/drivers/cluster',
-        'rke-templates':     '/g/rke-templates/index',
-        'cloud-credentials': '/g/security/cloud-credentials',
-        'node-templates':    '/n/node-templates',
-      }
-    };
-  }
-};
-</script>
-
-<template>
-  <EmbeddedPageView :pages="PAGES" />
-</template>

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

@@ -1,22 +0,0 @@
-<script>
-import EmbeddedPageView from '@shell/components/EmberPageView';
-
-export default {
-  components: { EmbeddedPageView },
-
-  data() {
-    return {
-      PAGES: {
-        apps:                   '/g/apps',
-        catalogs:               '/g/catalog',
-        'global-dns-entries':   '/g/dns/entries/index/',
-        'global-dns-providers': '/g/dns/providers/index/',
-      }
-    };
-  }
-};
-</script>
-
-<template>
-  <EmbeddedPageView :pages="PAGES" />
-</template>

package/plugins/ember-cookie.js

@@ -1,17 +0,0 @@
-import { REDIRECTED } from '@shell/config/cookies';
-
-export default function({ store }) {
-  // This tells Ember not to redirect back to us once you've already been to dashboard once.
-  // TODO: Remove this once the ember portion of the app is no longer needed
-  if ( !store.getters['cookies/get']({ key: REDIRECTED })) {
-    const options = {
-      path:     '/',
-      sameSite: true,
-      secure:   true,
-    };
-
-    store.commit('cookies/set', {
-      key: REDIRECTED, value: 'true', options
-    });
-  }
-}

package/utils/ember-page.js

@@ -1,30 +0,0 @@
-
-export const EMBER_FRAME = 'ember-iframe';
-let inactiveRemoveTimer;
-
-// Remove the IFrame if the user has not used an embedded page after this time
-// since last visiting an embedded page
-const INACTIVITY_CHECK_TIMEOUT = 60000;
-
-export function findEmberPage() {
-  return document.getElementById(EMBER_FRAME);
-}
-
-export function clearEmberInactiveTimer() {
-  clearTimeout(inactiveRemoveTimer);
-}
-
-export function startEmberInactiveTimer() {
-  if (findEmberPage() !== null) {
-    inactiveRemoveTimer = setTimeout(removeEmberPage, INACTIVITY_CHECK_TIMEOUT);
-  }
-}
-
-export function removeEmberPage() {
-  const iframeEl = findEmberPage();
-
-  if (iframeEl !== null) {
-    iframeEl.remove();
-    clearEmberInactiveTimer();
-  }
-}