@rancher/shell 0.5.2 → 1.2.0

package/edit/provisioning.cattle.io.cluster/tabs/etcd/index.vue

@@ -1,135 +0,0 @@
-<script>
-import { LabeledInput } from '@components/Form/LabeledInput';
-
-import { RadioGroup } from '@components/Form/Radio';
-
-import S3Config from '@shell/edit/provisioning.cattle.io.cluster/tabs/etcd/S3Config';
-import UnitInput from '@shell/components/form/UnitInput';
-
-export default {
-  components: {
-    LabeledInput,
-    RadioGroup,
-    S3Config,
-    UnitInput
-  },
-
-  props: {
-    mode: {
-      type:     String,
-      required: true,
-    },
-
-    value: {
-      type:     Object,
-      required: true,
-    },
-    selectedVersion: {
-      type:     Object,
-      required: true,
-    },
-
-    s3Backup: {
-      type:     Boolean,
-      required: false,
-      default:  false
-    },
-    registerBeforeHook: {
-      type:     Function,
-      required: true,
-    },
-
-  },
-
-  computed: {
-    etcd() {
-      return this.value.spec.rkeConfig.etcd;
-    },
-    argsEtcdExposeMetrics() {
-      return !!this.selectedVersion?.serverArgs['etcd-expose-metrics'];
-    },
-    configEtcdExposeMetrics() {
-      return !!this.value.spec.rkeConfig.machineGlobalConfig['etcd-expose-metrics'];
-    },
-
-  },
-};
-</script>
-
-<template>
-  <div>
-    <div class="row">
-      <div class="col span-6">
-        <RadioGroup
-          v-model="etcd.disableSnapshots"
-          name="etcd-disable-snapshots"
-          :options="[true, false]"
-          :label="t('cluster.rke2.etcd.disableSnapshots.label')"
-          :labels="[t('generic.disable'), t('generic.enable')]"
-          :mode="mode"
-        />
-      </div>
-    </div>
-    <div
-      v-if="etcd.disableSnapshots !== true"
-      class="row"
-    >
-      <div class="col span-6">
-        <LabeledInput
-          v-model="etcd.snapshotScheduleCron"
-          type="cron"
-          placeholder="0 * * * *"
-          :mode="mode"
-          :label="t('cluster.rke2.etcd.snapshotScheduleCron.label')"
-        />
-      </div>
-      <div class="col span-6">
-        <UnitInput
-          v-model="etcd.snapshotRetention"
-          :mode="mode"
-          :label="t('cluster.rke2.etcd.snapshotRetention.label')"
-          :suffix="t('cluster.rke2.snapshots.suffix')"
-        />
-      </div>
-    </div>
-
-    <template v-if="etcd.disableSnapshots !== true">
-      <div class="spacer" />
-
-      <RadioGroup
-        :value="s3Backup"
-        name="etcd-s3"
-        :options="[false, true]"
-        label="Backup Snapshots to S3"
-        :labels="['Disable','Enable']"
-        :mode="mode"
-        @input="$emit('s3-backup-changed', $event)"
-      />
-
-      <S3Config
-        v-if="s3Backup"
-        v-model="etcd.s3"
-        :namespace="value.metadata.namespace"
-        :register-before-hook="registerBeforeHook"
-        :mode="mode"
-      />
-    </template>
-
-    <div class="spacer" />
-
-    <div class="row">
-      <div class="col span-6">
-        <RadioGroup
-          v-if="argsEtcdExposeMetrics"
-          :value="configEtcdExposeMetrics"
-          name="etcd-expose-metrics"
-          :options="[false, true]"
-          :label="t('cluster.rke2.etcd.exportMetric.label')"
-          :labels="[t('cluster.rke2.etcd.exportMetric.false'), t('cluster.rke2.etcd.exportMetric.true')]"
-          :mode="mode"
-          @input="$emit('config-etcd-expose-metrics-changed', $event)"
-        />
-      </div>
-    </div>
-  </div>
-</template>

package/edit/provisioning.cattle.io.cluster/tabs/networking/index.vue

@@ -1,189 +0,0 @@
-<script>
-import { LabeledInput } from '@components/Form/LabeledInput';
-import { Banner } from '@components/Banner';
-import { Checkbox } from '@components/Form/Checkbox';
-import { _EDIT, _VIEW } from '@shell/config/query-params';
-import ArrayList from '@shell/components/form/ArrayList';
-import ACE from '@shell/edit/provisioning.cattle.io.cluster/tabs/networking/ACE';
-
-const NETBIOS_TRUNCATION_LENGTH = 15;
-
-export default {
-  components: {
-    LabeledInput,
-    Banner,
-    Checkbox,
-    ArrayList,
-    ACE
-  },
-
-  props: {
-    mode: {
-      type:     String,
-      required: true,
-    },
-
-    value: {
-      type:     Object,
-      required: true,
-    },
-    selectedVersion: {
-      type:     Object,
-      required: true,
-    },
-    truncateLimit: {
-      type:     Number,
-      required: false,
-      default:  0
-    }
-  },
-
-  computed: {
-    truncateHostnames() {
-      return this.truncateLimit === NETBIOS_TRUNCATION_LENGTH;
-    },
-    serverConfig() {
-      return this.value.spec.rkeConfig.machineGlobalConfig;
-    },
-    serverArgs() {
-      return this.selectedVersion?.serverArgs || {};
-    },
-
-    showIpv6Warning() {
-      const clusterCIDR = this.serverConfig['cluster-cidr'] || '';
-      const serviceCIDR = this.serverConfig['service-cidr'] || '';
-
-      return clusterCIDR.includes(':') || serviceCIDR.includes(':');
-    },
-    hostnameTruncationManuallySet() {
-      return !!this.truncateLimit && this.truncateLimit !== NETBIOS_TRUNCATION_LENGTH;
-    },
-    isEdit() {
-      return this.mode === _EDIT;
-    },
-    isView() {
-      return this.mode === _VIEW;
-    }
-  },
-};
-</script>
-
-<template>
-  <div>
-    <h3>
-      {{ t('cluster.rke2.address.header') }}
-      <i
-        v-clean-tooltip="t('cluster.rke2.address.tooltip')"
-        class="icon icon-info"
-      />
-    </h3>
-    <Banner
-      v-if="showIpv6Warning"
-      color="warning"
-    >
-      {{ t('cluster.rke2.address.ipv6.warning') }}
-    </Banner>
-    <div class="row mb-20">
-      <div
-        v-if="serverArgs['cluster-cidr']"
-        class="col span-6"
-      >
-        <LabeledInput
-          v-model="serverConfig['cluster-cidr']"
-          :mode="mode"
-          :disabled="isEdit"
-          :label="t('cluster.rke2.address.clusterCidr.label')"
-        />
-      </div>
-      <div
-        v-if="serverArgs['service-cidr']"
-        class="col span-6"
-      >
-        <LabeledInput
-          v-model="serverConfig['service-cidr']"
-          :mode="mode"
-          :disabled="isEdit"
-          :label="t('cluster.rke2.address.serviceCidr.label')"
-        />
-      </div>
-    </div>
-
-    <div class="row mb-20">
-      <div
-        v-if="serverArgs['cluster-dns']"
-        class="col span-6"
-      >
-        <LabeledInput
-          v-model="serverConfig['cluster-dns']"
-          :mode="mode"
-          :disabled="isEdit"
-          :label="t('cluster.rke2.address.dns.label')"
-        />
-      </div>
-      <div
-        v-if="serverArgs['cluster-domain']"
-        class="col span-6"
-      >
-        <LabeledInput
-          v-model="serverConfig['cluster-domain']"
-          :mode="mode"
-          :disabled="isEdit"
-          :label="t('cluster.rke2.address.domain.label')"
-        />
-      </div>
-    </div>
-
-    <div
-      v-if="serverArgs['service-node-port-range']"
-      class="row mb-20"
-    >
-      <div class="col span-6">
-        <LabeledInput
-          v-model="serverConfig['service-node-port-range']"
-          :mode="mode"
-          :label="t('cluster.rke2.address.nodePortRange.label')"
-        />
-      </div>
-      <div
-        class="col span-6"
-      >
-        <Checkbox
-          v-if="!isView || isView && !hostnameTruncationManuallySet"
-          :value="truncateHostnames"
-          class="mt-20"
-          :disabled="isEdit || isView || hostnameTruncationManuallySet"
-          :mode="mode"
-          :label="t('cluster.rke2.truncateHostnames')"
-          @input="$emit('truncate-hostname', $event)"
-        />
-        <Banner
-          v-if="hostnameTruncationManuallySet"
-          color="info"
-        >
-          <div class="text">
-            {{ t('cluster.machinePool.truncationCluster', { limit: truncateLimit }) }}
-          </div>
-        </Banner>
-      </div>
-    </div>
-
-    <div
-      v-if="serverArgs['tls-san']"
-      class="row mb-20"
-    >
-      <div class="col span-6">
-        <ArrayList
-          v-model="serverConfig['tls-san']"
-          :protip="false"
-          :mode="mode"
-          :title="t('cluster.rke2.address.tlsSan.label')"
-        />
-      </div>
-    </div>
-
-    <ACE
-      v-model="value"
-      :mode="mode"
-    />
-  </div>
-</template>

package/edit/provisioning.cattle.io.cluster/tabs/registries/index.vue

@@ -1,144 +0,0 @@
-<script>
-import { LabeledInput } from '@components/Form/LabeledInput';
-import { Banner } from '@components/Banner';
-import { Checkbox } from '@components/Form/Checkbox';
-import SelectOrCreateAuthSecret from '@shell/components/form/SelectOrCreateAuthSecret';
-import AdvancedSection from '@shell/components/AdvancedSection.vue';
-import RegistryConfigs from '@shell/edit/provisioning.cattle.io.cluster/tabs/registries/RegistryConfigs';
-import RegistryMirrors from '@shell/edit/provisioning.cattle.io.cluster/tabs/registries/RegistryMirrors';
-
-export default {
-  components: {
-    LabeledInput,
-    Banner,
-    Checkbox,
-    SelectOrCreateAuthSecret,
-    AdvancedSection,
-    RegistryConfigs,
-    RegistryMirrors
-  },
-
-  props: {
-    registerBeforeHook: {
-      type:     Function,
-      required: true,
-    },
-
-    mode: {
-      type:     String,
-      required: true,
-    },
-
-    value: {
-      type:     Object,
-      required: true,
-    },
-
-    showCustomRegistryInput: {
-      type:     Boolean,
-      required: true,
-    },
-
-    registryHost: {
-      type:     String,
-      required: false,
-      default:  null
-    },
-
-    registrySecret: {
-      type:     String,
-      required: false,
-      default:  null
-    },
-
-    showCustomRegistryAdvancedInput: {
-      type:     Boolean,
-      required: true,
-    }
-  }
-};
-</script>
-
-<template>
-  <div>
-    <div class="row">
-      <h3>{{ t('cluster.privateRegistry.label') }}</h3>
-    </div>
-    <div class="row">
-      <div class="col span-12">
-        <Banner
-          :closable="false"
-          class="cluster-tools-tip"
-          color="info"
-          label-key="cluster.privateRegistry.description"
-        />
-      </div>
-    </div>
-    <div class="row">
-      <Checkbox
-        :value="showCustomRegistryInput"
-        class="mb-20"
-        :label="t('cluster.privateRegistry.label')"
-        @input="$emit('custom-registry-changed', $event)"
-      />
-    </div>
-    <div
-      v-if="showCustomRegistryInput"
-      class="row"
-    >
-      <div class="col span-6">
-        <LabeledInput
-          :value="registryHost"
-          label-key="catalog.chart.registry.custom.inputLabel"
-          placeholder-key="catalog.chart.registry.custom.placeholder"
-          :min-height="30"
-          @input="$emit('registry-host-changed', $event)"
-        />
-        <SelectOrCreateAuthSecret
-          v-model="registrySecret"
-          :register-before-hook="registerBeforeHook"
-          :hook-priority="1"
-          :mode="mode"
-          in-store="management"
-          :allow-ssh="false"
-          :allow-rke="true"
-          :vertical="true"
-          :namespace="value.metadata.namespace"
-          generate-name="registryconfig-auth-"
-          @input="$emit('registry-secret-changed', $event)"
-        />
-      </div>
-    </div>
-    <template>
-      <div
-        v-if="showCustomRegistryInput"
-        class="row"
-      >
-        <AdvancedSection
-          class="col span-12 advanced"
-          :is-open-by-default="showCustomRegistryAdvancedInput"
-          :mode="mode"
-        >
-          <Banner
-            :closable="false"
-            class="cluster-tools-tip"
-            color="info"
-            :label-key="value.isK3s ? 'cluster.privateRegistry.docsLinkK3s' : 'cluster.privateRegistry.docsLinkRke2'"
-          />
-          <RegistryMirrors
-            v-model="value"
-            class="mt-20"
-            :mode="mode"
-          />
-          <RegistryConfigs
-            v-model="value"
-            class="mt-20"
-            :mode="mode"
-            :cluster-register-before-hook="registerBeforeHook"
-            @updateConfigs="$emit('update-configs-changed', $event)"
-          />
-        </AdvancedSection>
-      </div>
-    </template>
-  </div>
-</template>

package/edit/provisioning.cattle.io.cluster/tabs/upgrade/index.vue

@@ -1,76 +0,0 @@
-<script>
-import { get } from '@shell/utils/object';
-import { LabeledInput } from '@components/Form/LabeledInput';
-import { Banner } from '@components/Banner';
-import DrainOptions from '@shell/edit/provisioning.cattle.io.cluster/tabs/upgrade/DrainOptions';
-
-export default {
-  components: {
-    LabeledInput,
-    Banner,
-    DrainOptions
-  },
-
-  props: {
-    mode: {
-      type:     String,
-      required: true,
-    },
-
-    value: {
-      type:     Object,
-      required: true,
-    },
-  },
-
-  computed: {
-    rkeConfig() {
-      return this.value.spec.rkeConfig;
-    },
-  },
-  methods: { get }
-};
-</script>
-
-<template>
-  <div>
-    <Banner
-      v-if="get(rkeConfig, 'upgradeStrategy.controlPlaneDrainOptions.deleteEmptyDirData')"
-      color="warning"
-    >
-      {{ t('cluster.rke2.drain.deleteEmptyDir.warning', {}, true) }}
-    </Banner>
-    <div class="row">
-      <div class="col span-6">
-        <h3>{{ t('cluster.rke2.controlPlaneConcurrency.header') }}</h3>
-        <LabeledInput
-          v-model="rkeConfig.upgradeStrategy.controlPlaneConcurrency"
-          :mode="mode"
-          :label="t('cluster.rke2.controlPlaneConcurrency.label')"
-          :tooltip="t('cluster.rke2.controlPlaneConcurrency.toolTip')"
-        />
-        <div class="spacer" />
-        <DrainOptions
-          v-model="rkeConfig.upgradeStrategy.controlPlaneDrainOptions"
-          :mode="mode"
-        />
-      </div>
-      <div class="col span-6">
-        <h3>
-          {{ t('cluster.rke2.workNode.label') }}
-        </h3>
-        <LabeledInput
-          v-model="rkeConfig.upgradeStrategy.workerConcurrency"
-          :mode="mode"
-          :label="t('cluster.rke2.workerConcurrency.label')"
-          :tooltip="t('cluster.rke2.workerConcurrency.toolTip')"
-        />
-        <div class="spacer" />
-        <DrainOptions
-          v-model="rkeConfig.upgradeStrategy.workerDrainOptions"
-          :mode="mode"
-        />
-      </div>
-    </div>
-  </div>
-</template>

package/mixins/v1-workload-metrics.js

@@ -1,43 +0,0 @@
-import EmberPage from '@shell/components/EmberPage';
-import { MANAGEMENT } from '@shell/config/types';
-import { haveV1Monitoring } from '@shell/utils/monitoring';
-
-export default {
-  components: { EmberPage },
-
-  data() {
-    const { namespace, resource, id } = this.$route.params;
-    const projects = this.$store.getters['management/all'](MANAGEMENT.PROJECT);
-    const p = projects.find((p) => {
-      return !!p.namespaces.find((ns) => {
-        return ns.metadata.name === namespace;
-      });
-    });
-
-    let v1MonitoringUrl = null;
-    let v1MonitoringContainerBaseUrl = null;
-
-    if (p && haveV1Monitoring(this.$store.getters)) {
-      const prjID = p.id.replace('/', ':');
-      let prefix;
-
-      if (resource !== 'pod') {
-        const r = resource.split('.');
-        const res = r.length === 2 ? r[1] : r[0];
-
-        prefix = `workload-metrics/${ res }:`;
-      } else {
-        prefix = `workloads/pod-metrics/`;
-        v1MonitoringContainerBaseUrl = `/p/${ prjID }/workloads/${ namespace }:${ id }/container-metrics/`;
-      }
-
-      v1MonitoringUrl = `/p/${ prjID }/${ prefix }${ namespace }:${ id }`;
-    }
-
-    return {
-      project: p ? p.id : null,
-      v1MonitoringUrl,
-      v1MonitoringContainerBaseUrl,
-    };
-  },
-};

package/models/__tests__/management.cattle.io.cluster.test.ts

@@ -1,23 +0,0 @@
-import MgmtCluster from '@shell/models/management.cattle.io.cluster';
-
-jest.mock('@shell/utils/clipboard', () => {
-  return { copyTextToClipboard: jest.fn(() => Promise.resolve({})) };
-});
-
-describe('class MgmtCluster', () => {
-  describe('provisioner', () => {
-    const testCases = [
-      [{ provider: 'rke', driver: 'imported' }, 'rke'],
-      [{ provider: 'k3s', driver: 'K3S' }, 'k3s'],
-      [{ provider: 'aks', driver: 'AKS' }, 'aks'],
-      [{}, 'imported'],
-    ];
-
-    it.each(testCases)('should return provisioner value properly based on the props data', (clusterData: Object, expected: String) => {
-      const cluster = new MgmtCluster({ status: clusterData });
-
-      expect(cluster.provisioner).toBe(expected);
-    }
-    );
-  });
-});

package/models/__tests__/management.cattle.io.nodepool.ts

@@ -1,83 +0,0 @@
-import MgmtNodePool from '@shell/models/management.cattle.io.nodepool';
-
-describe('class MgmtNodePool', () => {
-  describe('canScaleDownPool', () => {
-    const mgmtClusterId = 'test';
-    const nodeId = 'test/id';
-    const specs = {
-      worker: {
-        worker: true, etcd: false, controlPlane: false
-      },
-      etcd: {
-        worker: false, etcd: true, controlPlane: false
-      },
-      controlPlane: {
-        worker: false, etcd: false, controlPlane: true
-      },
-      etcdAndControlPlane: {
-        worker: false, etcd: true, controlPlane: true
-      },
-      all: {
-        worker: true, etcd: true, controlPlane: true
-      }
-    };
-
-    const workerNode = {
-      id:             '01',
-      isWorker:       true,
-      isControlPlane: false,
-      isEtcd:         false
-    };
-    const etcdNode = {
-      id:             '02',
-      isWorker:       false,
-      isControlPlane: false,
-      isEtcd:         true
-    };
-    const controlPlaneNode = {
-      id:             '03',
-      isWorker:       false,
-      isControlPlane: true,
-      isEtcd:         false
-    };
-    const etcdAndControlPlaneNode = {
-      id:             '03',
-      isWorker:       false,
-      isControlPlane: true,
-      isEtcd:         true
-    };
-    const allNode = {
-      id:             '04',
-      isWorker:       true,
-      isControlPlane: true,
-      isEtcd:         true
-    };
-
-    const baseCtx = { rootGetters: { 'rancher/byId': () => ({ actions: { scaledown: 'scaledown' } }) } };
-
-    it.each([
-      [{ spec: specs.worker, nodes: [workerNode] }, true],
-      [{ spec: specs.etcd, nodes: [etcdNode, etcdNode, controlPlaneNode] }, true],
-      [{ spec: specs.etcdAndControlPlane, nodes: [etcdAndControlPlaneNode, etcdAndControlPlaneNode] }, true],
-      [{ spec: specs.etcdAndControlPlane, nodes: [etcdAndControlPlaneNode] }, false],
-      [{ spec: specs.all, nodes: [allNode] }, false],
-      [{ spec: specs.all, nodes: [allNode, allNode] }, true],
-    ])('should return canScaleDownPool properly', (data, expected) => {
-      const { spec, nodes } = data;
-      const mgmtNode = new MgmtNodePool({
-        spec,
-        id: nodeId
-      }, {
-        ...baseCtx,
-        getters: {
-          all: () => [{
-            mgmtClusterId,
-            nodes
-          }]
-        }
-      });
-
-      expect(mgmtNode.canScaleDownPool()).toStrictEqual(expected);
-    });
-  });
-});