dashboard-shell-shell 3.0.2-test.20250913 → 3.0.5-test.2

package/pages/auth copy/verify.vue

@@ -1,203 +0,0 @@
-<script>
-import {
-  GITHUB_CODE, GITHUB_NONCE, BACK_TO, IS_SLO, _FLAGGED
-} from '@shell/config/query-params';
-import { get } from '@shell/utils/object';
-import { base64Decode } from '@shell/utils/crypto';
-import loadPlugins from '@shell/plugins/plugin';
-import { LOGIN_ERRORS } from '@shell/store/auth';
-
-const samlProviders = ['ping', 'adfs', 'keycloak', 'okta', 'shibboleth'];
-
-const oauthProviders = ['github', 'googleoauth', 'azuread'];
-
-function reply(err, code) {
-  try {
-    window.opener.window.onAuthTest(err, code);
-    setTimeout(() => {
-      window.close();
-    }, 250);
-  } catch (e) {
-    window.close();
-  }
-}
-
-function isSaml($route) {
-  const { query } = $route;
-  const configQuery = get(query, 'config');
-
-  return samlProviders.includes(configQuery);
-}
-
-export default {
-  async fetch() {
-    const code = this.$route.query[GITHUB_CODE];
-    const stateStr = this.$route.query[GITHUB_NONCE];
-    const {
-      error, error_description: errorDescription, errorCode, errorMsg
-    } = this.$route.query;
-
-    if (error || errorDescription || errorCode || errorMsg) {
-      let out = errorDescription || error || errorCode;
-
-      if (this.isSlo) {
-        console.error('Failed to log out of auth provider', error, errorDescription, errorCode, errorMsg); // eslint-disable-line no-console
-
-        let out = this.$store.getters['i18n/withFallback'](`logout.specificError.unknown`);
-
-        if (errorCode) {
-          out = this.$store.getters['i18n/withFallback'](`logout.specificError.${ errorCode }`, null, out);
-        }
-
-        this.$router.replace(`/auth/login?${ IS_SLO }&err=${ escape(out) }`);
-
-        return;
-      } else {
-        if (errorMsg) {
-          out = this.$store.getters['i18n/withFallback'](`login.serverError.${ errorMsg }`, null, errorMsg);
-        }
-
-        this.$router.replace(`/auth/login?err=${ escape(out) }`);
-
-        return;
-      }
-    }
-
-    // check for existence of IS_SLO query param to differentiate between a login and a logout
-    if (this.isSlo) {
-      this.$store.dispatch('auth/uiLogout');
-
-      return;
-    }
-
-    let parsed;
-
-    try {
-      parsed = JSON.parse(base64Decode((stateStr)));
-    } catch (err) {
-      if (isSaml(this.$route)) {
-        // This is an ok failure. SAML has no state string so a failure is fine (see similar check in mounted).
-        // This whole file could be re-written with that in mind, but this change keeps things simple and fixes a breaking addition
-        return;
-      }
-      const out = this.$store.getters['i18n/t'](`login.error`);
-
-      console.error('Failed to parse nonce', stateStr, err); // eslint-disable-line no-console
-
-      this.$router.replace(`/auth/login?err=${ escape(out) }`);
-
-      return;
-    }
-
-    const { test, provider, nonce } = parsed;
-
-    if (test) {
-      return;
-    }
-
-    try {
-      const res = await this.$store.dispatch('auth/verifyOAuth', {
-        code,
-        nonce,
-        provider
-      });
-
-      if ( res._status === 200) {
-        const backTo = this.$route.query[BACK_TO] || '/';
-
-        // Load plugins
-        await loadPlugins({
-          app:     this.$store.app,
-          store:   this.$store,
-          $plugin: this.$store.$plugin
-        });
-
-        this.$router.replace(backTo);
-      } else {
-        this.$router.replace(`/auth/login?err=${ escape(res) }`);
-      }
-    } catch (err) {
-      let errCode = err;
-
-      // If the provider is OAUTH, then the client error is not that the credentials are wrong, but that the user is not authorized
-      if (oauthProviders.includes(provider) && err === LOGIN_ERRORS.CLIENT_UNAUTHORIZED) {
-        errCode = LOGIN_ERRORS.USER_UNAUTHORIZED;
-      }
-
-      this.$router.replace(`/auth/login?err=${ escape(errCode) }`);
-    }
-  },
-
-  data() {
-    return {
-      testing: null,
-      isSlo:   null,
-    };
-  },
-
-  created() {
-    const stateJSON = this.$route.query[GITHUB_NONCE] || '';
-
-    let parsed = {};
-
-    try {
-      parsed = JSON.parse(base64Decode(stateJSON));
-    } catch {
-    }
-
-    const { test } = parsed;
-
-    this.testing = test;
-    this.isSlo = this.$route.query[IS_SLO] === _FLAGGED;
-  },
-
-  mounted() {
-    if ( this.testing ) {
-      try {
-        const {
-          error: respError, error_description: respErrorDescription, [GITHUB_CODE]: code, errorMsg
-        } = this.$route.query;
-
-        let error = respErrorDescription || respError || (!code ? 'No code supplied by auth provider' : null);
-
-        if (errorMsg) {
-          error = this.$store.getters['i18n/withFallback'](`login.serverError.${ errorMsg }`, null, errorMsg);
-        }
-
-        reply(error, code );
-      } catch (e) {
-        window.close();
-      }
-    } else {
-      if ( window.opener ) {
-        if (isSaml(this.$route)) {
-          if ( window.opener.window.onAuthTest ) {
-            reply(null, null);
-          } else {
-            reply({ err: 'failure' });
-          }
-        }
-      }
-    }
-  }
-};
-</script>
-
-<template>
-  <main
-    class="main-layout"
-    :aria-label="t('layouts.verify')"
-  >
-    <h1 class="text-center mt-50">
-      <span v-if="testing">
-        Testing Configuration&hellip;
-      </span>
-      <span v-else-if="isSlo">
-        Logging Out&hellip;
-      </span>
-      <span v-else>
-        Logging In&hellip;
-      </span>
-    </h1>
-  </main>
-</template>

package/pages/c/_cluster/fleet/GitRepoGraphConfig.js

@@ -1,249 +0,0 @@
-import { STATES } from '@shell/plugins/dashboard-store/resource-class';
-import { FLEET } from '@shell/config/types';
-
-// some default values
-const defaultNodeRadius = 20;
-const defaultNodePadding = 15;
-const chartWidth = 800;
-const chartHeight = 500;
-const fdcStrength = -300;
-const fdcDistanceMax = 500;
-const fdcForceCollide = 80;
-const fdcAlphaDecay = 0.05;
-
-// setting up default sim params
-// check documentation here: https://github.com/d3/d3-force#forceSimulation
-const simulationParams = {
-  fdcStrength,
-  fdcDistanceMax,
-  fdcForceCollide,
-  fdcAlphaDecay
-};
-
-/**
- * Represents a config object for FDC type
- * @param {Function} parseData - Parses the specific data for each chart. Format must be compliant with d3 data format
- * @example data format => { parent: {..., children: [ {..., children: []} ] } }
- * @param {Function} extendNodeClass - Extends the classes for each node so that the styling is correctly applied
- * @param {Function} nodeDimensions - Sets the radius of the nodes according each data type
- * @param {Function} infoDetails - Prepares the data to be displayed in the info box on the right-side of the ForceDirectedTreeChart component
- */
-export const gitRepoGraphConfig = {
-  chartWidth,
-  chartHeight,
-  simulationParams,
-  /**
-     * data prop that is used to trigger the watcher in the component. Should follow format "data.xxxxxx"
-     */
-  watcherProp: 'data.bundles',
-  /**
-     * Mandatory params for a child object in parseData (for statuses to work)
-     * @param {String} state
-     * @param {String} stateDisplay
-     * @param {String} stateColor
-     * @param {String} matchingId (this can be different than the actual ID, depends on the usecase)
-     */
-  parseData:   (data) => {
-    const bundles = data.bundles.map((bundle, i) => {
-      const bundleLowercaseState = bundle.state ? bundle.state.toLowerCase() : 'unknown';
-      const bundleStateColor = STATES[bundleLowercaseState].color;
-
-      const repoChild = {
-        id:             bundle.id,
-        matchingId:     bundle.id,
-        type:           bundle.type,
-        state:          bundle.state,
-        stateLabel:     bundle.stateDisplay,
-        stateColor:     bundleStateColor,
-        isBundle:       true,
-        errorMsg:       bundle.stateDescription,
-        detailLocation: bundle.detailLocation,
-        children:       []
-      };
-
-      const bds = data.bundleDeployments.filter((bd) => bundle.id === `${ bd.metadata?.labels?.['fleet.cattle.io/bundle-namespace'] }/${ bd.metadata?.labels?.['fleet.cattle.io/bundle-name'] }`);
-
-      bds.forEach((bd) => {
-        const bdLowercaseState = bd.state ? bd.state.toLowerCase() : 'unknown';
-        const bdStateColor = STATES[bdLowercaseState]?.color;
-
-        const cluster = data.clustersList.find((cluster) => {
-          const clusterString = `${ cluster.namespace }-${ cluster.name }`;
-
-          return bd.id.includes(clusterString);
-        });
-
-        repoChild.children.push({
-          id:                    bd.id,
-          matchingId:            bd.id,
-          type:                  bd.type,
-          clusterLabel:          cluster ? cluster.namespacedName : undefined,
-          clusterDetailLocation: cluster ? cluster.detailLocation : undefined,
-          state:                 bd.state,
-          stateLabel:            bd.stateDisplay,
-          stateColor:            bdStateColor,
-          isBundleDeployment:    true,
-          errorMsg:              bd.stateDescription,
-          detailLocation:        bd.detailLocation,
-        });
-      });
-
-      return repoChild;
-    });
-
-    const repoLowercaseState = data.state ? data.state.toLowerCase() : 'unknown';
-    const repoStateColor = STATES[repoLowercaseState].color;
-
-    const finalData = {
-      id:             data.id,
-      matchingId:     data.id,
-      type:           data.type,
-      state:          data.state,
-      stateLabel:     data.stateDisplay,
-      stateColor:     repoStateColor,
-      isRepo:         true,
-      errorMsg:       data.stateDescription,
-      detailLocation: data.detailLocation,
-      children:       bundles
-    };
-
-    return finalData;
-  },
-  /**
-     * Used to add relevant classes to each main node instance
-     */
-  extendNodeClass: ({ data }) => {
-    const classArray = [];
-
-    // node type
-    data?.isRepo ? classArray.push('repo') : data?.isBundle ? classArray.push('bundle') : classArray.push('bundle-deployment');
-
-    return classArray;
-  },
-  /**
-     * Used to add the correct icon to each node
-     */
-  fetchNodeIcon: ({ data }) => {
-    if (data?.isRepo) {
-      return 'git';
-    }
-
-    if ( data?.isBundle) {
-      if (data?.id.indexOf('helm') !== -1) {
-        return 'helm';
-      }
-
-      return 'bundle';
-    }
-
-    if (data?.isBundleDeployment) {
-      return 'node';
-    }
-  },
-  /**
-     * Used to set node dimensions
-     */
-  nodeDimensions: ({ data }) => {
-    if (data?.isRepo) {
-      const radius = defaultNodeRadius * 3;
-      const padding = defaultNodePadding * 2.5;
-
-      return {
-        radius,
-        size:     (radius * 2) - padding,
-        position: -(((radius * 2) - padding) / 2)
-      };
-    }
-    if (data?.isBundle) {
-      const radius = defaultNodeRadius * 2;
-      const padding = defaultNodePadding;
-
-      if (data?.id.indexOf('helm') !== -1) {
-        return {
-          radius,
-          size:     (radius * 1.5) - padding,
-          position: -(((radius * 1.5) - padding) / 2)
-        };
-      }
-
-      return {
-        radius,
-        size:     (radius * 1.7) - padding,
-        position: -(((radius * 1.7) - padding) / 2)
-      };
-    }
-
-    return {
-      radius:   defaultNodeRadius,
-      size:     (defaultNodeRadius * 2) - defaultNodePadding,
-      position: -(((defaultNodeRadius * 2) - defaultNodePadding) / 2)
-    };
-  },
-  /**
-     * Use @param {Obj} valueObj for compound values (usually associated with a template of some sort on the actual component)
-     * or @param value for a simple straightforward value
-     */
-  infoDetails: (data) => {
-    let dataType;
-
-    switch (data.type) {
-    case FLEET.GIT_REPO:
-      dataType = 'GitRepo';
-      break;
-    case FLEET.BUNDLE:
-      dataType = 'Bundle';
-      break;
-    case FLEET.BUNDLE_DEPLOYMENT:
-      dataType = 'BundleDeployment';
-      break;
-    default:
-      dataType = data.type;
-      break;
-    }
-
-    const moreInfo = [
-      {
-        labelKey: 'fleet.fdc.type',
-        value:    dataType
-      },
-      {
-        type:     'title-link',
-        labelKey: 'fleet.fdc.id',
-        valueObj: {
-          label:          data.id,
-          detailLocation: data.detailLocation
-        }
-      }
-    ];
-
-    if (data.isBundleDeployment) {
-      moreInfo.push({
-        type:     'title-link',
-        labelKey: 'fleet.fdc.cluster',
-        valueObj: {
-          label:          data.clusterLabel,
-          detailLocation: data.clusterDetailLocation
-        }
-      });
-    }
-
-    moreInfo.push({
-      type:     'state-badge',
-      labelKey: 'fleet.fdc.state',
-      valueObj: {
-        stateColor: data.stateColor,
-        stateLabel: data.stateLabel
-      }
-    });
-
-    if (data.errorMsg) {
-      moreInfo.push({
-        type:     'single-error',
-        labelKey: 'fleet.fdc.error',
-        value:    data.errorMsg
-      });
-    }
-
-    return moreInfo;
-  }
-};

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

@@ -1,29 +0,0 @@
-<script>
-import EmberPage from '@shell/components/EmberPage';
-
-const PAGES = {
-  monitoring: 'monitoring/cluster-setting',
-  cis:        'cis/scan',
-  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/legacy/project/_page.vue

@@ -1,57 +0,0 @@
-<script>
-import EmberPage from '@shell/components/EmberPage';
-import { project } from '@shell/store/type-map';
-
-const PAGES = {
-  istio:          'istio/project-istio/metrics',
-  monitoring:     'monitoring/project-setting',
-  pipelineConfig: 'pipeline',
-  pipelines:      'pipeline/pipelines'
-};
-
-export default {
-  components: { EmberPage },
-
-  data() {
-    const page = this.$route.params.page;
-    const p = PAGES[page] || page;
-
-    return { page: p };
-  },
-
-  computed: {
-    project() {
-      return project(this.$store.getters);
-    },
-
-    src() {
-      const prj = project(this.$store.getters);
-
-      if (!!prj) {
-        const id = prj.id.replace('/', ':');
-
-        return `/p/${ id }/${ this.page }`;
-      }
-
-      return null;
-    }
-  },
-
-  watch: {
-    // User changed project while on this page
-    project(a, b) {
-      // Changed to no project, so redirect
-      if (!a && b) {
-        this.$router.replace({ name: 'c-cluster-legacy-project' } );
-      }
-    }
-  }
-};
-</script>
-
-<template>
-  <EmberPage
-    v-if="src"
-    :src="src"
-  />
-</template>

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

@@ -1,32 +0,0 @@
-<script>
-import IconMessage from '@shell/components/IconMessage';
-import { project } from '@shell/store/type-map';
-
-export default {
-  components: { IconMessage },
-
-  computed: {
-    project() {
-      const prj = project(this.$store.getters);
-
-      return prj;
-    }
-  },
-
-  watch: {
-    project(nue, old) {
-      if (nue && !old) {
-        // User selected a project while on this page, so redirect to the projects view now that we have a project
-        this.$router.replace({ name: 'c-cluster-legacy-project-page', params: { page: 'config-maps' } });
-      }
-    }
-  }
-};
-</script>
-
-<template>
-  <IconMessage
-    icon="icon-monitoring"
-    message-key="legacy.project.select"
-  />
-</template>

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

@@ -1,96 +0,0 @@
-<script>
-import EmberPage from '@shell/components/EmberPage';
-import Tabbed from '@shell/components/Tabbed';
-import Tab from '@shell/components/Tabbed/Tab';
-import { project } from '@shell/store/type-map';
-
-const PAGES = {
-  pipelines:     'pipeline/pipelines',
-  configuration: 'pipeline',
-};
-
-export default {
-  components: {
-    EmberPage,
-    Tabbed,
-    Tab
-  },
-
-  data() {
-    return { activeTab: null };
-  },
-
-  computed: {
-    pipelinesPage() {
-      const prj = project(this.$store.getters);
-
-      if (!!prj && this.activeTab) {
-        const id = prj.id.replace('/', ':');
-        const suffix = PAGES[this.activeTab];
-
-        return `/p/${ id }/${ suffix }`;
-      }
-
-      return '';
-    }
-  },
-
-  methods: {
-    tabChanged(tab) {
-      this.activeTab = tab.tab.name;
-    },
-
-    intercept(target) {
-      if (target === 'authenticated.project.pipeline.settings') {
-        // User went to the config page from the pipelines page, so change the active tab
-        this.$refs.tabs.select('configuration');
-      }
-    }
-  }
-
-};
-</script>
-
-<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>
-    <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>
-
-<style scoped lang='scss'>
-  .pipelines {
-    display: flex;
-
-    .embed-pipelines {
-      flex: 1;
-    }
-  }
-</style>