@rancher/shell 0.1.1 → 0.1.3

package/edit/kubevirt.io.virtualmachine/VirtualMachineVolume/type/existing.vue

@@ -1,303 +0,0 @@
-<script>
-import UnitInput from '@shell/components/form/UnitInput';
-import { LabeledInput } from '@components/Form/LabeledInput';
-import LabeledSelect from '@shell/components/form/LabeledSelect';
-import InputOrDisplay from '@shell/components/InputOrDisplay';
-
-import { sortBy } from '@shell/utils/sort';
-import { HCI, PVC } from '@shell/config/types';
-import { _CREATE } from '@shell/config/query-params';
-import { VOLUME_TYPE, InterfaceOption } from '@shell/config/harvester-map';
-import { HCI as HCI_ANNOTATIONS } from '@shell/config/labels-annotations';
-
-export default {
-  name:       'HarvesterEditExisting',
-  components: {
-    UnitInput, LabeledInput, LabeledSelect, InputOrDisplay
-  },
-
-  props: {
-    mode: {
-      type:    String,
-      default: _CREATE
-    },
-
-    value: {
-      type:     Object,
-      required: true
-    },
-
-    isEdit: {
-      type:    Boolean,
-      default: false
-    },
-
-    namespace: {
-      type:     String,
-      default:  null
-    },
-
-    idx: {
-      type:    Number,
-      default: 0
-    },
-
-    rows: {
-      type:     Array,
-      required: true
-    },
-  },
-
-  data() {
-    if (this.value.realName) {
-      this.value.volumeName = this.value.realName;
-    }
-
-    return {
-      VOLUME_TYPE,
-      InterfaceOption,
-      loading: false,
-    };
-  },
-
-  computed: {
-    isDisabled() {
-      return !this.value.newCreateId && this.isEdit;
-    },
-
-    allPVCs() {
-      const allPVCs = this.$store.getters['harvester/all'](PVC);
-
-      return allPVCs.filter((P) => {
-        return this.namespace ? this.namespace === P.metadata.namespace : true;
-      }) || [];
-    },
-
-    image() {
-      const imageResource = this.$store.getters['harvester/all'](HCI.IMAGE).find(I => I.id === this.pvcResource?.metadata?.annotations?.[HCI_ANNOTATIONS.IMAGE_ID]);
-
-      if (!imageResource) {
-        return;
-      }
-
-      return `${ imageResource.metadata.namespace }/${ imageResource.spec.displayName }`;
-    },
-
-    pvcResource() {
-      return this.allPVCs.find( P => P.metadata.name === this.value.volumeName );
-    },
-
-    volumeOption() {
-      return sortBy(
-        this.allPVCs
-          .filter( (pvc) => {
-            let isAvailable = true;
-            let isBeingUsed = false;
-
-            this.rows.forEach( (O) => {
-              if (O.volumeName === pvc.metadata.name) {
-                isAvailable = false;
-              }
-            });
-
-            if (this.idx === 0 && !pvc.metadata?.annotations?.[HCI_ANNOTATIONS.IMAGE_ID]) {
-              return false;
-            }
-
-            if (pvc.attachVM && isAvailable && pvc.attachVM?.id === this.vm?.id && this.isEdit) {
-              isBeingUsed = false;
-            } else if (pvc.attachVM) {
-              isBeingUsed = true;
-            }
-
-            return isAvailable && !isBeingUsed && pvc.isAvailable;
-          })
-          .map((pvc) => {
-            return {
-              label: pvc.metadata.name,
-              value: pvc.metadata.name
-            };
-          }),
-        'label'
-      );
-    },
-  },
-
-  watch: {
-    'value.volumeName'(neu) {
-      const pvcResource = this.allPVCs.find( P => P.metadata.name === neu);
-
-      if (!pvcResource) {
-        return;
-      }
-
-      this.value.accessModes = pvcResource.spec.accessModes[0];
-      this.value.size = pvcResource.spec.resources.requests.storage;
-      this.value.storageClassName = pvcResource.spec.storageClassName;
-      this.value.volumeMode = pvcResource.spec.volumeMode;
-    },
-
-    'value.type'(neu) {
-      if (neu === 'cd-rom') {
-        this.$set(this.value, 'bus', 'sata');
-        this.update();
-      }
-    },
-
-    pvcResource: {
-      handler(pvc) {
-        if (!this.value.volumeName && pvc?.metadata?.name) {
-          this.value.volumeName = pvc.metadata.name;
-        }
-      },
-      deep:      true,
-      immediate: true
-    },
-  },
-
-  created() {
-    if (this.idx === 0 && !this.image) {
-      this.value.volumeName = null;
-    }
-  },
-
-  methods: {
-    update() {
-      this.$emit('update');
-    },
-  }
-};
-</script>
-
-<template>
-  <div>
-    <div class="row mb-20">
-      <div
-        data-testid="input-hee-name"
-        class="col span-6"
-      >
-        <InputOrDisplay
-          :name="t('harvester.fields.name')"
-          :value="value.name"
-          :mode="mode"
-        >
-          <LabeledInput
-            v-model="value.name"
-            :label="t('harvester.fields.name')"
-            :mode="mode"
-            required
-            @input="update"
-          />
-        </InputOrDisplay>
-      </div>
-
-      <div
-        data-testid="input-hee-type"
-        class="col span-6"
-      >
-        <InputOrDisplay
-          :name="t('harvester.fields.type')"
-          :value="value.type"
-          :mode="mode"
-        >
-          <LabeledSelect
-            v-model="value.type"
-            :label="t('harvester.fields.type')"
-            :mode="mode"
-            :options="VOLUME_TYPE"
-            required
-            @input="update"
-          />
-        </InputOrDisplay>
-      </div>
-    </div>
-
-    <div class="row mb-20">
-      <div
-        data-testid="input-hee-volumeName"
-        class="col span-6"
-      >
-        <InputOrDisplay
-          :name="t('harvester.fields.volume')"
-          :value="value.volumeName"
-          :mode="mode"
-        >
-          <LabeledSelect
-            v-model="value.volumeName"
-            :disabled="isDisabled"
-            :label="t('harvester.fields.volume')"
-            :mode="mode"
-            :options="volumeOption"
-            required
-            @input="update"
-          />
-        </InputOrDisplay>
-      </div>
-
-      <div
-        data-testid="input-hee-size"
-        class="col span-6"
-      >
-        <InputOrDisplay
-          :name="t('harvester.fields.size')"
-          :value="value.size"
-          :mode="mode"
-        >
-          <UnitInput
-            v-model="value.size"
-            :output-modifier="true"
-            :increment="1024"
-            :input-exponent="3"
-            :label="t('harvester.fields.size')"
-            :mode="mode"
-            :disabled="true"
-            @input="update"
-          />
-        </InputOrDisplay>
-      </div>
-    </div>
-
-    <div class="row mb-20">
-      <div
-        v-if="!!image"
-        data-testid="input-hee-image"
-        class="col span-6"
-      >
-        <InputOrDisplay
-          :name="t('harvester.fields.image')"
-          :value="image"
-          :mode="mode"
-        >
-          <LabeledInput
-            v-model="image"
-            :label="t('harvester.fields.image')"
-            :mode="mode"
-            :disabled="true"
-            @input="update"
-          />
-        </InputOrDisplay>
-      </div>
-
-      <div
-        data-testid="input-hee-bus"
-        class="col span-6"
-      >
-        <InputOrDisplay
-          :name="t('harvester.virtualMachine.volume.bus')"
-          :value="value.bus"
-          :mode="mode"
-        >
-          <LabeledSelect
-            v-model="value.bus"
-            :label="t('harvester.virtualMachine.volume.bus')"
-            :mode="mode"
-            :options="InterfaceOption"
-            :disabled="true"
-            required
-            @input="update"
-          />
-        </InputOrDisplay>
-      </div>
-    </div>
-  </div>
-</template>

package/edit/kubevirt.io.virtualmachine/VirtualMachineVolume/type/vmImage.vue

@@ -1,285 +0,0 @@
-<script>
-import { findBy } from '@shell/utils/array';
-import UnitInput from '@shell/components/form/UnitInput';
-import { LabeledInput } from '@components/Form/LabeledInput';
-import LabeledSelect from '@shell/components/form/LabeledSelect';
-import InputOrDisplay from '@shell/components/InputOrDisplay';
-import { HCI, PVC } from '@shell/config/types';
-import { formatSi, parseSi } from '@shell/utils/units';
-import { VOLUME_TYPE, InterfaceOption } from '@shell/config/harvester-map';
-
-export default {
-  name: 'HarvesterEditVMImage',
-
-  components: {
-    UnitInput, LabeledInput, LabeledSelect, InputOrDisplay
-  },
-
-  props:  {
-    value: {
-      type:    Object,
-      default: () => {
-        return {};
-      }
-    },
-
-    namespace: {
-      type:     String,
-      default:  null
-    },
-
-    mode: {
-      type:    String,
-      default: 'create'
-    },
-
-    idx: {
-      type:     Number,
-      required: true
-    },
-
-    isCreate: {
-      type:    Boolean,
-      default: true
-    },
-    isEdit: {
-      type:    Boolean,
-      default: false
-    },
-
-    validateRequired: {
-      type:     Boolean,
-      required: true
-    },
-
-    isVirtualType: {
-      type:    Boolean,
-      default: true
-    }
-  },
-
-  data() {
-    return {
-      VOLUME_TYPE,
-      InterfaceOption,
-      loading: false,
-      images:  [],
-    };
-  },
-
-  fetch() {
-    this.images = this.$store.getters['harvester/all'](HCI.IMAGE);
-  },
-
-  computed: {
-    imagesOption() {
-      return this.images.filter(c => c.isReady).sort((a, b) => a.creationTimestamp > b.creationTimestamp ? -1 : 1).map( (I) => {
-        return {
-          label: `${ I.metadata.namespace }/${ I.spec.displayName }`,
-          value: I.id
-        };
-      });
-    },
-
-    imageName() {
-      const image = this.imagesOption.find(I => I.value === this.value.image);
-
-      return image ? image.label : '-';
-    },
-
-    pvcsResource() {
-      const allPVCs = this.$store.getters['harvester/all'](PVC) || [];
-
-      return allPVCs.find((P) => {
-        return this.namespace ? P.id === `${ this.namespace }/${ this.value.volumeName }` : true;
-      });
-    },
-
-    isDisabled() {
-      return !this.value.newCreateId && this.isEdit && this.isVirtualType;
-    },
-  },
-
-  watch: {
-    'value.type'(neu) {
-      if (neu === 'cd-rom') {
-        this.$set(this.value, 'bus', 'sata');
-        this.update();
-      }
-    },
-
-    'value.image'(neu) {
-      this.checkImageExists(neu);
-    },
-
-    imagesOption() {
-      this.checkImageExists(this.value.image);
-    },
-
-    pvcsResource: {
-      handler(pvc) {
-        if (pvc?.spec?.resources?.requests?.storage && this.isVirtualType) {
-          const parseValue = parseSi(pvc.spec.resources.requests.storage);
-
-          const formatSize = formatSi(parseValue, {
-            increment:   1024,
-            addSuffix:   false,
-            maxExponent: 3,
-            minExponent: 3,
-          });
-
-          this.value.size = `${ formatSize }Gi`;
-        }
-      },
-      deep:      true,
-      immediate: true
-    },
-  },
-
-  methods: {
-    update() {
-      this.$emit('update');
-    },
-
-    onImageChange() {
-      const imageResource = this.$store.getters['harvester/all'](HCI.IMAGE)?.find( I => this.value.image === I.id);
-
-      if (this.idx === 0) {
-        if (/iso$/i.test(imageResource?.imageSuffix)) {
-          this.$set(this.value, 'type', 'cd-rom');
-          this.$set(this.value, 'bus', 'sata');
-        } else {
-          this.$set(this.value, 'type', 'disk');
-          this.$set(this.value, 'bus', 'virtio');
-        }
-      }
-
-      this.update();
-    },
-
-    onOpen() {
-      this.images = this.$store.getters['harvester/all'](HCI.IMAGE);
-    },
-
-    checkImageExists(imageId) {
-      if (!!imageId && this.imagesOption.length > 0 && !findBy(this.imagesOption, 'value', imageId)) {
-        this.$store.dispatch('growl/error', {
-          title:   this.$store.getters['i18n/t']('harvester.vmTemplate.tips.notExistImage.title', { name: imageId }),
-          message: this.$store.getters['i18n/t']('harvester.vmTemplate.tips.notExistImage.message')
-        }, { root: true });
-
-        this.$set(this.value, 'image', '');
-      }
-    }
-  }
-};
-</script>
-
-<template>
-  <div>
-    <div class="row mb-20">
-      <div
-        data-testid="input-hevi-name"
-        class="col span-6"
-      >
-        <InputOrDisplay :name="t('harvester.fields.name')" :value="value.name" :mode="mode">
-          <LabeledInput
-            v-model="value.name"
-            :label="t('harvester.fields.name')"
-            required
-            :mode="mode"
-            @input="update"
-          />
-        </InputOrDisplay>
-      </div>
-
-      <div
-        data-testid="input-hevi-type"
-        class="col span-6"
-      >
-        <InputOrDisplay
-          :name="t('harvester.fields.type')"
-          :value="value.type"
-          :mode="mode"
-        >
-          <LabeledSelect
-            v-model="value.type"
-            :label="t('harvester.fields.type')"
-            :options="VOLUME_TYPE"
-            :mode="mode"
-            @input="update"
-          />
-        </InputOrDisplay>
-      </div>
-    </div>
-
-    <div class="row mb-20">
-      <div
-        data-testid="input-hevi-image"
-        class="col span-6"
-      >
-        <InputOrDisplay
-          :name="t('harvester.fields.image')"
-          :value="imageName"
-          :mode="mode"
-        >
-          <LabeledSelect
-            v-model="value.image"
-            :disabled="idx === 0 && !isCreate && !value.newCreateId && isVirtualType"
-            :label="t('harvester.fields.image')"
-            :options="imagesOption"
-            :mode="mode"
-            :searchable="true"
-            :required="validateRequired"
-            @input="onImageChange"
-          />
-        </InputOrDisplay>
-      </div>
-
-      <div
-        data-testid="input-hevi-size"
-        class="col span-6"
-      >
-        <InputOrDisplay
-          :name="t('harvester.fields.size')"
-          :value="value.size"
-          :mode="mode"
-        >
-          <UnitInput
-            v-model="value.size"
-            :output-modifier="true"
-            :increment="1024"
-            :input-exponent="3"
-            :label="t('harvester.fields.size')"
-            :mode="mode"
-            :required="validateRequired"
-            suffix="GiB"
-            :disabled="isDisabled"
-            @input="update"
-          />
-        </InputOrDisplay>
-      </div>
-    </div>
-
-    <div class="row mb-20">
-      <div
-        data-testid="input-hevi-bus"
-        class="col span-3"
-      >
-        <InputOrDisplay
-          :name="t('harvester.virtualMachine.volume.bus')"
-          :value="value.bus"
-          :mode="mode"
-        >
-          <LabeledSelect
-            v-model="value.bus"
-            :label="t('harvester.virtualMachine.volume.bus')"
-            :mode="mode"
-            :options="InterfaceOption"
-            @input="update"
-          />
-        </InputOrDisplay>
-      </div>
-    </div>
-  </div>
-</template>