@rancher/shell 0.1.1 → 0.1.3

package/promptRemove/kubevirt.io.virtualmachine.vue

@@ -1,164 +0,0 @@
-<script>
-import { mapState, mapGetters } from 'vuex';
-import { HCI } from '@shell/config/types';
-import { isEmpty } from '@shell/utils/object';
-import Parse from 'url-parse';
-import { resourceNames } from '@shell/utils/string';
-
-export default {
-  name: 'HarvesterPromptRemove',
-
-  props: {
-    value: {
-      type:     Array,
-      default: () => {
-        return [];
-      }
-    },
-
-    names: {
-      type:    Array,
-      default: () => {
-        return [];
-      }
-    },
-
-    type: {
-      type:     String,
-      required: true
-    }
-  },
-
-  data() {
-    return {
-      checkedList: [],
-      checkAll:    true
-    };
-  },
-
-  computed: {
-    ...mapState('action-menu', ['toRemove']),
-    ...mapGetters({ t: 'i18n/t' }),
-
-    removeNameArr() {
-      const out = {};
-
-      this.value.forEach((crd) => {
-        if (crd.type !== HCI.VM) {
-          return;
-        }
-        const volumes = crd.spec.template.spec?.volumes || [];
-        const names = volumes.filter(volume => volume.persistentVolumeClaim ).map((volume) => {
-          if (volume.persistentVolumeClaim) {
-            return volume.name;
-          }
-        });
-
-        out[crd.id] = names;
-      });
-
-      return out;
-    },
-
-    plusMore() {
-      const remaining = this.toRemove.length - this.names.length;
-
-      return this.t('promptRemove.andOthers', { count: remaining });
-    },
-  },
-
-  watch: {
-    removeNameArr: {
-      handler(neu) {
-        if (this.value.length === 1) {
-          const keys = Object.values(neu[this.value[0].id]);
-
-          this.checkedList.unshift(keys[0]);
-        }
-      },
-      deep:      true,
-      immediate: true
-    }
-  },
-
-  methods: {
-    resourceNames,
-    remove() {
-      const parentComponent = this.$parent.$parent.$parent;
-
-      let goTo;
-
-      if (parentComponent.doneLocation) {
-        // doneLocation will recompute to undefined when delete request completes
-        goTo = { ...parentComponent.doneLocation };
-      }
-
-      Promise.all(this.value.map((resource) => {
-        if (resource.type !== HCI.VM) { // maybe is VMI
-          resource.remove();
-
-          return;
-        }
-
-        let removedDisks = '';
-
-        if (this.value.length > 1) {
-          if (this.checkAll) {
-            this.removeNameArr[resource.id].forEach((item) => {
-              removedDisks += `removedDisks=${ item }&`;
-            });
-          }
-        } else {
-          this.checkedList.forEach((item) => {
-            removedDisks += `removedDisks=${ item }&`;
-          });
-          removedDisks.replace(/&$/, '');
-        }
-
-        const parsed = Parse(resource.links.self);
-
-        resource.remove({ url: `${ parsed.pathname }?${ removedDisks }propagationPolicy=Foreground` });
-      })).then((results) => {
-        if ( goTo && !isEmpty(goTo) ) {
-          parentComponent.currentRouter.push(goTo);
-        }
-        parentComponent.close();
-      }).catch((err) => {
-        parentComponent.error = err;
-      });
-    }
-  }
-};
-</script>
-
-<template>
-  <div class="mt-10">
-    {{ t('promptRemove.attemptingToRemove', {type}) }}
-    <span v-html="resourceNames(names, plusMore, t)"></span>
-
-    <div class="mt-10">
-      {{ t('harvester.virtualMachine.promptRemove.title') }}
-    </div>
-    <div v-if="value.length === 1">
-      <span v-for="name in removeNameArr[value[0].id]" :key="name">
-        <label class="checkbox-container mr-15"><input v-model="checkedList" type="checkbox" :label="name" :value="name" />
-          <span
-            class="checkbox-custom mr-5"
-            role="checkbox"
-          />
-          {{ name }}
-        </label>
-      </span>
-    </div>
-
-    <div v-else>
-      <label class="checkbox-container mr-15"><input v-model="checkAll" type="checkbox" />
-        <span
-          class="checkbox-custom mr-5"
-          role="checkbox"
-        />
-        {{ t('harvester.virtualMachine.promptRemove.deleteAll') }}
-      </label>
-    </div>
-  </div>
-</template>

package/store/harvester-common.js

@@ -1,126 +0,0 @@
-import Vue from 'vue';
-import Parse from 'url-parse';
-import { HCI } from '@shell/config/types';
-
-export const state = function() {
-  return {
-    latestBundleId:   '',
-    bundlePending:    false,
-    showBundleModal:  false,
-    bundlePercentage: 0,
-    uploadingImages:  [],
-  };
-};
-
-export const mutations = {
-  setLatestBundleId(state, bundleId) {
-    state.latestBundleId = bundleId;
-  },
-
-  setBundlePending(state, value) {
-    state.bundlePending = value;
-  },
-
-  toggleBundleModal(state, value) {
-    state.showBundleModal = value;
-  },
-
-  setBundlePercentage(state, value) {
-    state.bundlePercentage = value;
-  },
-
-  uploadStart(state, value) {
-    state.uploadingImages.push(value);
-  },
-
-  uploadEnd(state, value) {
-    const filtered = state.uploadingImages.filter(l => l !== value);
-
-    Vue.set(state, 'uploadingImages', filtered);
-  },
-};
-
-export const getters = {
-  getBundleId(state) {
-    return state.latestBundleId;
-  },
-
-  isBundlePending(state) {
-    return state.bundlePending;
-  },
-
-  isShowBundleModal(state) {
-    return state.showBundleModal;
-  },
-
-  getBundlePercentage(state) {
-    return state.bundlePercentage;
-  },
-
-  uploadingImages(state) {
-    return state.uploadingImages;
-  },
-};
-
-export const actions = {
-  async bundleProgress({
-    state, dispatch, commit, rootGetters
-  }) {
-    const parse = Parse(window.history.href);
-
-    const id = state.latestBundleId;
-    let bundleCrd = await dispatch('harvester/find', { type: HCI.SUPPORT_BUNDLE, id }, { root: true });
-    const t = rootGetters['i18n/t'];
-
-    let count = 0;
-
-    await commit('setBundlePending', true);
-    const timer = setInterval(async() => {
-      count = count + 1;
-      if (count % 3 === 0) { // ws mayby disconnect
-        bundleCrd = await dispatch('harvester/find', {
-          type: HCI.SUPPORT_BUNDLE,
-          id,
-          opt:  { force: true }
-        }, { root: true });
-      }
-
-      if (bundleCrd.bundleState !== 'ready') {
-        bundleCrd = rootGetters['harvester/byId'](HCI.SUPPORT_BUNDLE, id);
-        const percentage = bundleCrd.precent;
-
-        commit('setBundlePercentage', percentage);
-
-        if (bundleCrd?.bundleMessage) {
-          const err = bundleCrd?.bundleMessage;
-
-          dispatch('growl/fromError', { title: t('harvester.notification.title.error'), err }, { root: true });
-          clearInterval(timer);
-          commit('setBundlePending', false);
-          commit('toggleBundleModal', false);
-        }
-      } else {
-        const name = id.split('/')[1];
-
-        commit('setBundlePercentage', 1);
-
-        setTimeout(() => {
-          commit('toggleBundleModal', false);
-          commit('setBundlePending', false);
-          commit('setBundlePercentage', 0);
-        }, 600);
-
-        if (rootGetters['isMultiVirtualCluster']) {
-          const clusterId = rootGetters['clusterId'];
-          const prefix = `/k8s/clusters/${ clusterId }`;
-
-          window.location.href = `${ parse.origin }${ prefix }/v1/harvester/supportbundles/${ name }/download`;
-        } else {
-          window.location.href = `${ parse.origin }/v1/harvester/supportbundles/${ name }/download`;
-        }
-
-        clearInterval(timer);
-      }
-    }, 1000);
-  }
-};

package/utils/validators/vm-datavolumes.js

@@ -1,38 +0,0 @@
-import { formatSi, parseSi } from '@shell/utils/units';
-
-export function dataVolumeSize(storage, getters, errors, validatorArgs) {
-  const t = getters['i18n/t'];
-
-  if (!storage || storage === '') {
-    const key = t('harvester.volume.size');
-
-    errors.push(t('validation.required', { key }));
-
-    return errors;
-  }
-
-  const size = getSize(storage);
-  const max = 999999;
-  const integerRegex = /^[1-9]\d*$/;
-
-  if (!integerRegex.test(size) || size > max) {
-    errors.push(t('harvester.validation.volume.sizeRange'));
-  }
-
-  return errors;
-}
-
-function getSize(storage) {
-  if (!storage) {
-    return null;
-  }
-
-  const kibUnitSize = parseSi(storage);
-
-  return formatSi(kibUnitSize, {
-    addSuffix:   false,
-    increment:   1024,
-    minExponent: 3,
-    maxExponent: 3
-  });
-}

package/utils/validators/vm-image.js

@@ -1,32 +0,0 @@
-import { HCI } from '@shell/config/labels-annotations';
-
-export const VM_IMAGE_FILE_FORMAT = ['qcow', 'qcow2', 'raw', 'img', 'iso'];
-
-export function imageUrl(url, getters, errors, validatorArgs, type) {
-  const t = getters['i18n/t'];
-
-  if (!url || url === '') {
-    return errors;
-  }
-
-  const suffixName = url.split('/').pop();
-  const fileSuffix = suffixName.split('.').pop().toLowerCase();
-
-  if (!VM_IMAGE_FILE_FORMAT.includes(fileSuffix)) {
-    const tipString = type === 'file' ? 'harvester.validation.image.ruleFileTip' : 'harvester.validation.image.ruleTip';
-
-    errors.push(t(tipString));
-  }
-
-  return errors;
-}
-
-export function fileRequired(annotations = {}, getters, errors, validatorArgs, type) {
-  const t = getters['i18n/t'];
-
-  if (!annotations[HCI.IMAGE_NAME]) {
-    errors.push(t('validation.required', { key: t('harvester.image.fileName') }));
-  }
-
-  return errors;
-}

package/utils/validators/vm.js

@@ -1,221 +0,0 @@
-import { PVC } from '@shell/config/types';
-import { SOURCE_TYPE } from '@shell/config/harvester-map';
-import { HCI as HCI_ANNOTATIONS } from '@shell/config/labels-annotations';
-
-export function vmNetworks(spec, getters, errors, validatorArgs) {
-  const { domain: { devices: { interfaces } }, networks } = spec;
-  const allNames = new Set();
-
-  interfaces.map( (I, index) => {
-    allNames.add(I.name);
-    const N = networks.find( N => I.name === N.name);
-    const prefix = (I.name || N.name) || index + 1;
-
-    if (I.name.length > 20) {
-      const message = getters['i18n/t']('harvester.validation.custom.tooLongName', { max: 20 });
-
-      errors.push(getters['i18n/t']('harvester.validation.vm.network.error', { prefix, message }));
-    }
-
-    if (!I.name || !N.name) {
-      const message = getters['i18n/t']('harvester.validation.vm.name');
-
-      errors.push(getters['i18n/t']('harvester.validation.vm.network.error', { prefix, message }));
-    }
-
-    if (N.multus) {
-      if (!N.multus.networkName) {
-        const message = getters['i18n/t']('harvester.validation.vm.network.name');
-
-        errors.push(getters['i18n/t']('harvester.validation.vm.network.error', { prefix, message }));
-      }
-    }
-
-    if (I.macAddress && !isValidMac(I.macAddress) && !N.pod) {
-      const message = getters['i18n/t']('harvester.validation.vm.network.macFormat');
-
-      errors.push(getters['i18n/t']('harvester.validation.vm.network.error', { prefix, message }));
-    }
-
-    const portsName = new Set();
-    const portsNumber = new Set();
-
-    if (I.masquerade && I.ports) {
-      const ports = I?.ports || [];
-
-      ports.forEach((P) => {
-        portsName.add(P.name);
-        portsNumber.add(P.port);
-      });
-
-      if (portsName.size !== I.ports.length) {
-        const message = getters['i18n/t']('harvester.validation.vm.network.duplicatedPortName');
-
-        errors.push(getters['i18n/t']('harvester.validation.vm.network.error', { prefix, message }));
-      }
-
-      if (portsNumber.size !== I.ports.length) {
-        const message = getters['i18n/t']('harvester.validation.vm.network.duplicatedPortNumber');
-
-        errors.push(getters['i18n/t']('harvester.validation.vm.network.error', { prefix, message }));
-      }
-    }
-  });
-
-  if (allNames.size !== interfaces.length) {
-    errors.push(getters['i18n/t']('harvester.validation.vm.network.duplicatedName'));
-  }
-
-  return errors;
-}
-
-export function vmDisks(spec, getters, errors, validatorArgs, displayKey, value) {
-  const isVMTemplate = validatorArgs.includes('isVMTemplate');
-  const data = isVMTemplate ? this.value.spec.vm : value;
-
-  let _volumeClaimTemplates = [];
-  const volumeClaimTemplateString = data.metadata.annotations[HCI_ANNOTATIONS.VOLUME_CLAIM_TEMPLATE];
-
-  try {
-    _volumeClaimTemplates = JSON.parse(volumeClaimTemplateString);
-  } catch (e) {}
-
-  const _volumes = spec.template.spec.volumes || [];
-  const _disks = spec.template.spec.domain.devices.disks || [];
-
-  const allNames = new Set();
-
-  _disks.forEach((D, idx) => {
-    const prefix = D.name || _volumes[idx]?.name || idx + 1;
-
-    if (!D.disk && !D.cdrom) {
-      const message = getters['i18n/t']('harvester.validation.vm.volume.type');
-
-      errors.push(getters['i18n/t']('harvester.validation.vm.volume.error', { prefix, message }));
-
-      return allNames.add(D.name);
-    }
-
-    if (D.name?.length > 63) {
-      const message = getters['i18n/t']('harvester.validation.custom.tooLongName', { max: 63 });
-
-      errors.push(getters['i18n/t']('harvester.validation.vm.volume.error', { prefix, message }));
-    }
-
-    if (!D.name) {
-      const message = getters['i18n/t']('harvester.validation.vm.name');
-
-      errors.push(getters['i18n/t']('harvester.validation.vm.volume.error', { prefix, message }));
-    }
-
-    allNames.add(D.name);
-  });
-
-  if (allNames.size !== _disks.length) {
-    errors.push(getters['i18n/t']('harvester.validation.vm.volume.duplicatedName'));
-  }
-
-  if (_volumes.length === 0) {
-    errors.push(getters['i18n/t']('harvester.validation.vm.volume.needImageOrExisting'));
-  }
-
-  let requiredVolume = false;
-
-  _volumes.forEach((V, idx) => {
-    const { type, typeValue } = getVolumeType(V, _volumeClaimTemplates);
-    const prefix = V.name || idx + 1;
-
-    if ([SOURCE_TYPE.IMAGE, SOURCE_TYPE.ATTACH_VOLUME, SOURCE_TYPE.CONTAINER].includes(type)) { // root image
-      // const message = getters['i18n/t']('harvester.validation.vm.volume.needImageOrExisting');
-      requiredVolume = true;
-      // errors.push(message);
-    }
-
-    if (type === SOURCE_TYPE.NEW || type === SOURCE_TYPE.IMAGE) {
-      if (!/([1-9]|[1-9][0-9]+)[a-zA-Z]+/.test(typeValue?.spec?.resources?.requests?.storage)) {
-        const message = getters['i18n/t']('harvester.validation.vm.volume.size');
-
-        errors.push(getters['i18n/t']('harvester.validation.vm.volume.error', { prefix, message }));
-      }
-
-      if (type === SOURCE_TYPE.IMAGE && !typeValue?.spec?.storageClassName && !isVMTemplate) { // type === SOURCE_TYPE.IMAGE
-        const message = getters['i18n/t']('harvester.validation.vm.volume.image');
-
-        if (idx === 0) {
-          errors.push(message);
-        } else {
-          errors.push(getters['i18n/t']('harvester.validation.vm.volume.error', { prefix, message }));
-        }
-      }
-    }
-
-    if (type === SOURCE_TYPE.ATTACH_VOLUME) {
-      const allPVCs = getters['harvester/all'](PVC);
-      const hasExistingVolume = allPVCs.find(P => P.metadata.name === V?.persistentVolumeClaim?.claimName);
-
-      if (!hasExistingVolume) {
-        const message = getters['i18n/t']('harvester.validation.vm.volume.volume');
-
-        errors.push(getters['i18n/t']('harvester.validation.vm.volume.error', { prefix, message }));
-      }
-    }
-
-    if (type === SOURCE_TYPE.CONTAINER && !V.containerDisk.image) {
-      const message = getters['i18n/t']('harvester.validation.vm.volume.docker');
-
-      errors.push(getters['i18n/t']('harvester.validation.vm.volume.error', { prefix, message }));
-    }
-  });
-
-  if (!requiredVolume && !value.links) {
-    const message = getters['i18n/t']('harvester.validation.vm.volume.needImageOrExisting');
-
-    errors.push(message);
-  }
-
-  return errors;
-}
-
-export function isValidMac(value) {
-  return /^[A-Fa-f0-9]{2}(-[A-Fa-f0-9]{2}){5}$|^[A-Fa-f0-9]{2}(:[A-Fa-f0-9]{2}){5}$/.test(value);
-}
-
-export function getVolumeType(V, DVTS) {
-  let outValue = null;
-
-  if (V.persistentVolumeClaim) {
-    outValue = DVTS.find(DVT => V.persistentVolumeClaim.claimName === DVT.metadata.name && DVT.metadata?.annotations && Object.prototype.hasOwnProperty.call(DVT.metadata.annotations, 'harvesterhci.io/imageId'));
-
-    if (outValue) {
-      return {
-        type:      SOURCE_TYPE.IMAGE,
-        typeValue: outValue
-      };
-    }
-
-    // new type
-    outValue = DVTS.find(DVT => V.persistentVolumeClaim.claimName === DVT.metadata.name);
-
-    if (outValue) {
-      return {
-        type:      SOURCE_TYPE.NEW,
-        typeValue: outValue
-      };
-    }
-
-    // existing, container type volume doesn't need validator
-    return {
-      type:      SOURCE_TYPE.ATTACH_VOLUME,
-      typeValue: null
-    };
-  }
-
-  if (V.containerDisk) {
-    return {
-      type:      SOURCE_TYPE.CONTAINER,
-      typeValue: null
-    };
-  }
-
-  return {};
-}