@rancher/shell 3.0.9-rc.5 → 3.0.9

package/components/form/ResourceQuota/ProjectRow.vue

@@ -1,277 +0,0 @@
-<script>
-import Select from '@shell/components/form/Select';
-import UnitInput from '@shell/components/form/UnitInput';
-import { LabeledInput } from '@components/Form/LabeledInput';
-import { ROW_COMPUTED, TYPES } from './shared';
-
-export default {
-  emits: [
-    'type-change',
-    'update:resource-identifier',
-  ],
-
-  components: {
-    Select,
-    UnitInput,
-    LabeledInput,
-  },
-
-  props: {
-    mode: {
-      type:     String,
-      required: true,
-    },
-    types: {
-      type:    Array,
-      default: () => []
-    },
-    type: {
-      type:    String,
-      default: ''
-    },
-    typeValues: {
-      type:    Array,
-      default: () => [],
-    },
-    value: {
-      type:    Object,
-      default: () => {
-        return {};
-      }
-    },
-    index: {
-      type:     Number,
-      required: true,
-    }
-  },
-
-  data() {
-    return {
-      customType:         '',
-      previousTypeValues: [],
-    };
-  },
-
-  created() {
-    if (this.type.startsWith(TYPES.EXTENDED)) {
-      this.customType = this.type.substring(`${ TYPES.EXTENDED }.`.length);
-    } else {
-      this.customType = this.type;
-    }
-    this.previousTypeValues = [...this.typeValues];
-  },
-
-  computed: {
-    ...ROW_COMPUTED,
-
-    localType() {
-      return this.type.startsWith(TYPES.EXTENDED) ? this.type.split('.')[0] : this.type;
-    },
-
-    isCustom() {
-      return this.localType === TYPES.EXTENDED;
-    },
-
-    resourceQuotaLimit() {
-      if (this.isCustom) {
-        return this.value.spec.resourceQuota?.limit.extended || {};
-      }
-
-      return this.value.spec.resourceQuota?.limit || {};
-    },
-
-    namespaceDefaultResourceQuotaLimit() {
-      if (this.isCustom) {
-        return this.value.spec.namespaceDefaultResourceQuota?.limit.extended || {};
-      }
-
-      return this.value.spec.namespaceDefaultResourceQuota?.limit || {};
-    },
-
-    currentResourceType() {
-      return this.isCustom ? this.customType : this.localType;
-    },
-
-    customTypeRules() {
-      // Return a validation rule that makes the field required when isCustom is true
-      if (this.isCustom) {
-        return [
-          (value) => {
-            if (!value) {
-              return this.t('resourceQuota.errors.customTypeRequired');
-            }
-
-            return undefined;
-          }
-        ];
-      }
-
-      return [];
-    }
-  },
-
-  watch: {
-    typeValues: {
-      /**
-       * Intentionally uses `oldValues` (not `_newValues`) so that
-       * `previousTypeValues` always reflects the committed state before the
-       * current change. `deleteResourceLimits` relies on this snapshot to
-       * detect duplicate keys: if a key still appears twice in the old list
-       * we know another row owns it and must not delete the shared limit.
-       */
-      handler(_newValues, oldValues) {
-        this.previousTypeValues = [...oldValues];
-      },
-      deep: true
-    }
-  },
-
-  methods: {
-    updateType(type) {
-      const oldResourceKey = this.isCustom ? this.customType : this.localType;
-
-      this.deleteResourceLimits(oldResourceKey);
-
-      if (type === TYPES.EXTENDED) {
-        this.customType = '';
-      } else {
-        this.customType = type;
-      }
-
-      this.$emit('type-change', { index: this.index, type });
-    },
-
-    updateCustomType(type) {
-      const oldType = this.customType;
-
-      if (oldType) {
-        this.deleteResourceLimits(oldType, true);
-      }
-
-      this.customType = type;
-
-      this.$emit('update:resource-identifier', {
-        type:       this.type,
-        customType: this.customType,
-        index:      this.index,
-      });
-    },
-
-    updateQuotaLimit(prop, type, val) {
-      if (!this.value.spec[prop]) {
-        this.value.spec[prop] = { limit: { } };
-      }
-
-      if (this.isCustom) {
-        if (!this.value.spec[prop].limit.extended) {
-          this.value.spec[prop].limit.extended = { };
-        }
-
-        this.value.spec[prop].limit.extended[type] = val;
-
-        return;
-      }
-
-      this.value.spec[prop].limit[type] = val;
-    },
-
-    deleteResourceLimits(resourceKey, isExtended = false) {
-      const limit = this.value?.spec.resourceQuota?.limit;
-      const usedLimit = this.value?.spec.namespaceDefaultResourceQuota?.limit;
-
-      if (isExtended) {
-        // `previousTypeValues` holds the previous snapshot of typeValues.
-        // Counting matches against the old list lets us detect whether another
-        // row already owns this key before we delete the shared limit entry.
-        const matchesForKey = this.previousTypeValues.filter((typeValue) => {
-          const [, typeKey] = typeValue.split('.');
-
-          return resourceKey === typeKey;
-        });
-
-        /**
-         * Prevent inadvertently deleting values for an existing custom resource
-         * if a duplicate key is entered.
-         */
-        if (matchesForKey.length >= 2) {
-          return;
-        }
-
-        if (limit?.extended && typeof this.value.spec.resourceQuota?.limit?.extended[resourceKey] !== 'undefined') {
-          delete this.value.spec.resourceQuota.limit.extended[resourceKey];
-        }
-        if (usedLimit?.extended && typeof this.value.spec.namespaceDefaultResourceQuota?.limit?.extended[resourceKey] !== 'undefined') {
-          delete this.value.spec.namespaceDefaultResourceQuota.limit.extended[resourceKey];
-        }
-
-        return;
-      }
-
-      if (typeof this.value.spec.resourceQuota?.limit[resourceKey] !== 'undefined') {
-        delete this.value.spec.resourceQuota.limit[resourceKey];
-      }
-      if (typeof this.value.spec.namespaceDefaultResourceQuota?.limit[resourceKey] !== 'undefined') {
-        delete this.value.spec.namespaceDefaultResourceQuota.limit[resourceKey];
-      }
-    }
-  },
-};
-</script>
-<template>
-  <div
-    v-if="typeOption"
-    class="row"
-  >
-    <Select
-      :value="localType"
-      class="mr-10"
-      :mode="mode"
-      :options="types"
-      data-testid="projectrow-type-input"
-      @update:value="updateType($event)"
-    />
-    <LabeledInput
-      :value="customType"
-      :disabled="!isCustom"
-      :required="isCustom"
-      :mode="mode"
-      :placeholder="t('resourceQuota.resourceIdentifier.placeholder')"
-      :rules="customTypeRules"
-      :require-dirty="false"
-      class="mr-10"
-      data-testid="projectrow-custom-type-input"
-      @update:value="updateCustomType($event)"
-    />
-    <UnitInput
-      :value="resourceQuotaLimit[currentResourceType]"
-      class="mr-10"
-      :mode="mode"
-      :placeholder="typeOption.placeholder"
-      :increment="typeOption.increment"
-      :input-exponent="typeOption.inputExponent"
-      :base-unit="typeOption.baseUnit"
-      :output-modifier="true"
-      data-testid="projectrow-project-quota-input"
-      @update:value="updateQuotaLimit('resourceQuota', currentResourceType, $event)"
-    />
-    <UnitInput
-      :value="namespaceDefaultResourceQuotaLimit[currentResourceType]"
-      :mode="mode"
-      :placeholder="typeOption.placeholder"
-      :increment="typeOption.increment"
-      :input-exponent="typeOption.inputExponent"
-      :base-unit="typeOption.baseUnit"
-      :output-modifier="true"
-      data-testid="projectrow-namespace-quota-input"
-      @update:value="updateQuotaLimit('namespaceDefaultResourceQuota', currentResourceType, $event)"
-    />
-  </div>
-</template>
-
-<style lang='scss' scoped>
-  .row {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-evenly;
-  }
-</style>