@rancher/shell 0.1.2 → 0.1.4

package/edit/harvesterhci.io.virtualmachineimage.vue

@@ -1,364 +0,0 @@
-<script>
-import CruResource from '@shell/components/CruResource';
-import Tabbed from '@shell/components/Tabbed';
-import Tab from '@shell/components/Tabbed/Tab';
-import { LabeledInput } from '@components/Form/LabeledInput';
-import KeyValue from '@shell/components/form/KeyValue';
-import NameNsDescription from '@shell/components/form/NameNsDescription';
-import { RadioGroup } from '@components/Form/Radio';
-import LabelValue from '@shell/components/LabelValue';
-import Select from '@shell/components/form/Select';
-import CreateEditView from '@shell/mixins/create-edit-view';
-import { OS } from '@shell/mixins/harvester-vm';
-import { VM_IMAGE_FILE_FORMAT } from '@shell/utils/validators/vm-image';
-import { HCI as HCI_ANNOTATIONS } from '@shell/config/labels-annotations';
-import { exceptionToErrorsArray } from '@shell/utils/error';
-
-const DOWNLOAD = 'download';
-const UPLOAD = 'upload';
-const rawORqcow2 = 'raw_qcow2';
-
-export default {
-  name: 'EditImage',
-
-  components: {
-    Tab,
-    Tabbed,
-    KeyValue,
-    Select,
-    CruResource,
-    LabeledInput,
-    NameNsDescription,
-    RadioGroup,
-    LabelValue,
-  },
-
-  mixins: [CreateEditView],
-
-  props: {
-    value: {
-      type:     Object,
-      required: true,
-    },
-  },
-
-  data() {
-    if ( !this.value.spec ) {
-      this.$set(this.value, 'spec', { sourceType: DOWNLOAD });
-    }
-
-    if (!this.value.metadata.name) {
-      this.value.metadata.generateName = 'image-';
-    }
-
-    return {
-      url:         this.value.spec.url,
-      files:       [],
-      resource:    '',
-      headers:     {},
-      fileUrl:     '',
-      file:        '',
-    };
-  },
-
-  computed: {
-    uploadFileName() {
-      return this.file?.name || '';
-    },
-
-    imageName() {
-      return this.value?.metadata?.annotations?.[HCI_ANNOTATIONS.IMAGE_NAME] || '-';
-    },
-
-    isCreateEdit() {
-      return this.isCreate || this.isEdit;
-    },
-
-    showEditAsYaml() {
-      return this.value.spec.sourceType === DOWNLOAD;
-    }
-  },
-
-  watch: {
-    'value.spec.url'(neu) {
-      const url = neu.trim();
-      const suffixName = url.split('/').pop();
-      const fileSuffix = suffixName.split('.').pop().toLowerCase();
-
-      this.value.spec.url = url;
-      if (VM_IMAGE_FILE_FORMAT.includes(fileSuffix)) {
-        Object.keys(this.value.labels).forEach((key, idx) => {
-          if (key === HCI_ANNOTATIONS.IMAGE_SUFFIX) {
-            this.$refs.labels.remove(idx);
-          }
-        });
-        if (fileSuffix === 'iso') {
-          this.$refs.labels.add(HCI_ANNOTATIONS.IMAGE_SUFFIX, fileSuffix);
-        } else {
-          this.$refs.labels.add(HCI_ANNOTATIONS.IMAGE_SUFFIX, rawORqcow2);
-        }
-
-        if (!this.value.spec.displayName) {
-          this.$refs.nd.changeNameAndNamespace({
-            text:     suffixName,
-            selected: this.value.metadata.namespace,
-          });
-        }
-      }
-
-      const os = this.getOSType(url);
-
-      if (os) {
-        Object.keys(this.value.labels).forEach((key, idx) => {
-          if (key === HCI_ANNOTATIONS.OS_TYPE) {
-            this.$refs.labels.remove(idx);
-          }
-        });
-        this.$refs.labels.add(HCI_ANNOTATIONS.OS_TYPE, os.value);
-      }
-    },
-
-    'value.spec.sourceType'() {
-      this.$set(this, 'file', null);
-      this.url = '';
-
-      if (this.$refs?.file?.value) {
-        this.$refs.file.value = null;
-      }
-    },
-  },
-
-  methods: {
-    async saveImage(buttonCb) {
-      this.value.spec.displayName = (this.value.spec.displayName || '').trim();
-
-      if (this.value.spec.sourceType === UPLOAD && this.isCreate) {
-        try {
-          this.value.spec.url = '';
-
-          const file = this.file;
-
-          this.value.metadata.annotations[HCI_ANNOTATIONS.IMAGE_NAME] = file?.name;
-
-          const res = await this.value.save();
-
-          res.uploadImage(file);
-
-          buttonCb(true);
-          this.done();
-        } catch (e) {
-          this.errors = exceptionToErrorsArray(e);
-          buttonCb(false);
-        }
-      } else {
-        this.save(buttonCb);
-      }
-    },
-
-    handleFileUpload() {
-      const file = this.$refs.file.files[0];
-
-      this.file = file;
-
-      if (!this.value.spec.displayName) {
-        this.$refs.nd.changeNameAndNamespace({
-          text:     file?.name,
-          selected: this.value.metadata.namespace,
-        });
-      }
-    },
-
-    selectFile() {
-      // Clear the value so the user can reselect the same file again
-      this.$refs.file.value = null;
-      this.$refs.file.click();
-    },
-
-    internalAnnotations(option) {
-      const optionKeys = [HCI_ANNOTATIONS.OS_TYPE, HCI_ANNOTATIONS.IMAGE_SUFFIX];
-
-      return optionKeys.find(O => O === option.key);
-    },
-
-    calculateOptions(keyName) {
-      if (keyName === HCI_ANNOTATIONS.OS_TYPE) {
-        return OS;
-      } else if (keyName === HCI_ANNOTATIONS.IMAGE_SUFFIX) {
-        return [{
-          label: 'ISO',
-          value: 'iso'
-        }, {
-          label: 'raw/qcow2',
-          value: rawORqcow2
-        }];
-      }
-
-      return [];
-    },
-
-    focusKey() {
-      this.$refs.key.focus();
-    },
-
-    getOSType(url) {
-      if (!url) {
-        return;
-      }
-
-      return OS.find( (os) => {
-        if (os.match) {
-          return os.match.find(matchValue => url.toLowerCase().includes(matchValue)) ? os.value : false;
-        } else {
-          return url.toLowerCase().includes(os.value.toLowerCase()) ? os.value : false;
-        }
-      });
-    }
-  },
-
-};
-</script>
-
-<template>
-  <CruResource
-    :done-route="doneRoute"
-    :resource="value"
-    :mode="mode"
-    :errors="errors"
-    :can-yaml="showEditAsYaml ? true : false"
-    :apply-hooks="applyHooks"
-    @finish="saveImage"
-  >
-    <NameNsDescription
-      ref="nd"
-      v-model="value"
-      :mode="mode"
-      :label="t('generic.name')"
-      name-key="spec.displayName"
-    />
-
-    <Tabbed v-bind="$attrs" class="mt-15" :side-tabs="true">
-      <Tab name="basic" :label="t('harvester.image.tabs.basics')" :weight="3" class="bordered-table">
-        <RadioGroup
-          v-if="isCreate"
-          v-model="value.spec.sourceType"
-          name="model"
-          :options="[
-            'download',
-            'upload',
-          ]"
-          :labels="[
-            t('harvester.image.sourceType.download'),
-            t('harvester.image.sourceType.upload'),
-          ]"
-          :mode="mode"
-        />
-        <div class="row mb-20 mt-20">
-          <div v-if="isCreateEdit" class="col span-12">
-            <LabeledInput
-              v-if="isEdit"
-              v-model="value.spec.sourceType"
-              :mode="mode"
-              class="mb-20"
-              :disabled="isEdit"
-              label-key="harvester.image.source"
-            />
-
-            <LabeledInput
-              v-if="value.spec.sourceType === 'download'"
-              v-model="value.spec.url"
-              :mode="mode"
-              :disabled="isEdit"
-              class="labeled-input--tooltip"
-              required
-              label-key="harvester.image.url"
-              :tooltip="t('harvester.image.urlTip', {}, true)"
-            />
-
-            <div v-else>
-              <button
-                v-if="isCreate"
-                type="button"
-                class="btn role-primary"
-                @click="selectFile"
-              >
-                <span>
-                  {{ t('harvester.image.uploadFile') }}
-                </span>
-                <input
-                  v-show="false"
-                  id="file"
-                  ref="file"
-                  type="file"
-                  accept=".qcow, .qcow2, .raw, .img, .iso"
-                  @change="handleFileUpload()"
-                />
-              </button>
-
-              <div
-                v-if="uploadFileName"
-                class="fileName mt-5"
-              >
-                <span class="icon icon-file" />
-                {{ uploadFileName }}
-              </div>
-            </div>
-          </div>
-          <div
-            v-else
-            class="col span-12"
-          >
-            <LabelValue
-              :name="t('harvester.image.fileName')"
-              :value="imageName"
-            />
-          </div>
-        </div>
-      </Tab>
-
-      <Tab name="labels" :label="t('labels.labels.title')" :weight="2" class="bordered-table">
-        <KeyValue
-          key="labels"
-          ref="labels"
-          :value="value.labels"
-          :add-label="t('labels.addLabel')"
-          :mode="mode"
-          :pad-left="false"
-          :read-allowed="false"
-          @focusKey="focusKey"
-          @input="value.setLabels($event)"
-        >
-          <template #key="{ row, keyName, queueUpdate}">
-            <input
-              ref="key"
-              v-model="row[keyName]"
-              :placeholder="t('keyValue.keyPlaceholder')"
-              @input="queueUpdate"
-            />
-          </template>
-
-          <template #value="{row, keyName, valueName, queueUpdate}">
-            <Select
-              v-if="internalAnnotations(row)"
-              v-model="row[valueName]"
-              :searchable="true"
-              :clearable="false"
-              :options="calculateOptions(row[keyName])"
-              @input="queueUpdate"
-            />
-            <input
-              v-else
-              v-model="row[valueName]"
-              :disabled="isView"
-              :type="'text'"
-              :placeholder="t('keyValue.valuePlaceholder')"
-              autocorrect="off"
-              autocapitalize="off"
-              spellcheck="false"
-              @input="queueUpdate"
-            />
-          </template>
-        </KeyValue>
-      </Tab>
-    </Tabbed>
-  </CruResource>
-</template>

package/edit/harvesterhci.io.virtualmachinetemplateversion.vue

@@ -1,340 +0,0 @@
-<script>
-import { mapGetters } from 'vuex';
-import Tabbed from '@shell/components/Tabbed';
-import Tab from '@shell/components/Tabbed/Tab';
-import { Checkbox } from '@components/Form/Checkbox';
-import CruResource from '@shell/components/CruResource';
-import NameNsDescription from '@shell/components/form/NameNsDescription';
-import LabeledSelect from '@shell/components/form/LabeledSelect';
-
-import Volume from '@shell/edit/kubevirt.io.virtualmachine/VirtualMachineVolume';
-import Network from '@shell/edit/kubevirt.io.virtualmachine/VirtualMachineNetwork';
-import CpuMemory from '@shell/edit/kubevirt.io.virtualmachine/VirtualMachineCpuMemory';
-import CloudConfig from '@shell/edit/kubevirt.io.virtualmachine/VirtualMachineCloudConfig';
-import SSHKey from '@shell/edit/kubevirt.io.virtualmachine/VirtualMachineSSHKey';
-import NodeScheduling from '@shell/components/form/NodeScheduling';
-import Reserved from '@shell/edit/kubevirt.io.virtualmachine/VirtualMachineReserved';
-
-import { HCI } from '@shell/config/types';
-import { randomStr } from '@shell/utils/string';
-import { RunStrategys } from '@shell/config/harvester-map';
-import { _CONFIG, _EDIT, _VIEW } from '@shell/config/query-params';
-import { HCI as HCI_ANNOTATIONS } from '@shell/config/labels-annotations';
-
-import VM_MIXIN from '@shell/mixins/harvester-vm';
-import CreateEditView from '@shell/mixins/create-edit-view';
-import { AFTER_SAVE_HOOKS } from '@shell/mixins/child-hook';
-
-export default {
-  name: 'HarvesterEditVMTemplate',
-
-  components: {
-    Tab,
-    SSHKey,
-    Volume,
-    Tabbed,
-    Network,
-    Checkbox,
-    CpuMemory,
-    CruResource,
-    CloudConfig,
-    LabeledSelect,
-    NameNsDescription,
-    NodeScheduling,
-    Reserved,
-  },
-
-  mixins: [CreateEditView, VM_MIXIN],
-
-  props: {
-    value: {
-      type:     Object,
-      required: true,
-    },
-  },
-
-  data() {
-    if (this.mode === _EDIT) {
-      this.value.cleanForNew();
-    }
-
-    const templateId = this.value.templateId || this.$route.query.templateId;
-
-    return {
-      templateId,
-      templateValue:    null,
-      templateSpec:     null,
-      versionName:      '',
-      description:      '',
-      defaultVersion:   null,
-      isDefaultVersion: false,
-      RunStrategys,
-    };
-  },
-
-  computed: {
-    ...mapGetters({ t: 'i18n/t' }),
-    isConfig() {
-      return this.$route.query?.as === _CONFIG || this.isView;
-    },
-
-    realTemplateMode() {
-      return this.templateId ? _VIEW : this.mode;
-    },
-    secretNamePrefix() {
-      return this.templateValue?.metadata?.name;
-    }
-  },
-
-  watch: {
-    templateId: {
-      async handler(neu) {
-        const templates = await this.$store.dispatch('harvester/findAll', { type: HCI.VM_TEMPLATE });
-        let templateValue = templates.find( V => V.id === neu) || null;
-        let templateSpec = templateValue?.spec;
-
-        if (!templateValue) {
-          templateSpec = {
-            description:      '',
-            defaultVersionId: ''
-          };
-
-          templateValue = await this.$store.dispatch('harvester/create', {
-            metadata: {
-              name:      '',
-              namespace: ''
-            },
-            spec:     templateSpec,
-            type:     HCI.VM_TEMPLATE
-          });
-        }
-
-        this.templateValue = templateValue;
-        this.templateSpec = templateSpec;
-      },
-      immediate: true
-    }
-  },
-
-  created() {
-    this.registerAfterHook(async() => {
-      if (this.isDefaultVersion) {
-        // Set the default version according to annotation:[HCI_ANNOTATIONS.TEMPLATE_VERSION_CUSTOM_NAME]
-        const versions = await this.$store.dispatch('harvester/findAll', { type: HCI.VM_VERSION, opt: { force: true } });
-
-        const version = versions.find( V => V?.metadata?.annotations?.[HCI_ANNOTATIONS.TEMPLATE_VERSION_CUSTOM_NAME] === this.customName);
-
-        if (version) {
-          try {
-            this.templateValue.defaultVersionId = version.id;
-
-            const data = [{
-              op: 'replace', path: '/spec/defaultVersionId', value: version.id
-            }];
-
-            await this.templateValue.patch( data, { url: this.templateValue.linkFor('view') });
-          } catch (err) {
-            return Promise.reject(new Error(err.message));
-          }
-        }
-      }
-    });
-  },
-
-  mounted() {
-    this.imageId = this.diskRows[0]?.image || '';
-  },
-
-  methods: {
-    async saveVMT(buttonCb) {
-      this.parseVM();
-
-      const templates = await this.$store.dispatch('harvester/findAll', { type: HCI.VM_TEMPLATE });
-      const template = templates.find( O => O.metadata.name === this.templateValue.metadata.name);
-
-      try {
-        if (!this.templateId) {
-          if (this.templateValue?.metadata?.name) {
-            await this.templateValue.save();
-          } else {
-            this.errors = [this.t('validation.required', { key: this.t('harvester.vmTemplate.nameNsDescription.name') })];
-            buttonCb(false);
-
-            return;
-          }
-        } else {
-          template.save();
-        }
-
-        this.value.cleanForNew();
-        this.customName = randomStr(10);
-        this.$set(this.value.metadata, 'annotations', {
-          ...this.value.metadata.annotations,
-          [HCI_ANNOTATIONS.TEMPLATE_VERSION_CUSTOM_NAME]: this.customName
-        });
-
-        const name = this.templateValue.metadata.name || template.metadata.name;
-        const namespace = this.templateValue.metadata.namespace || template.metadata.namespace;
-
-        if (this.isCreate) {
-          this.value.metadata.namespace = namespace;
-        }
-
-        this.$set(this.value.spec, 'templateId', `${ namespace }/${ name }`);
-        const res = await this.value.save();
-
-        await this.saveSecret(res);
-        await this.applyHooks(AFTER_SAVE_HOOKS);
-        this.done();
-      } catch (e) {
-        this.errors = [e];
-        buttonCb(false);
-      }
-    },
-
-    onTabChanged({ tab }) {
-      if (tab.name === 'advanced') {
-        this.$refs.yamlEditor?.refresh();
-      }
-    }
-  },
-};
-</script>
-
-<template>
-  <CruResource
-    v-if="templateSpec && spec"
-    :done-route="doneRoute"
-    :resource="value"
-    :can-yaml="false"
-    :mode="mode"
-    :errors="errors"
-    :apply-hooks="applyHooks"
-    @finish="saveVMT"
-  >
-    <NameNsDescription
-      v-model="templateValue"
-      :mode="realTemplateMode"
-      name-label="harvester.vmTemplate.nameNsDescription.name"
-      :namespaced="true"
-    />
-
-    <Checkbox
-      v-if="templateId"
-      v-model="isDefaultVersion"
-      class="mb-20"
-      :label="t('tableHeaders.defaultVersion')"
-      type="checkbox"
-      :mode="mode"
-    />
-
-    <Tabbed :side-tabs="true" @changed="onTabChanged">
-      <Tab name="Basics" :label="t('harvester.vmTemplate.tabs.basics')">
-        <CpuMemory :cpu="cpu" :memory="memory" :disabled="isConfig" @updateCpuMemory="updateCpuMemory" />
-
-        <div class="mb-20">
-          <SSHKey v-model="sshKey" :namespace="templateValue.metadata.namespace" :disable-create="isView" :mode="mode" @update:sshKey="updateSSHKey" />
-        </div>
-      </Tab>
-
-      <Tab name="Volume" :label="t('harvester.tab.volume')" :weight="-1">
-        <Volume v-model="diskRows" :mode="mode" :namespace="value.metadata.namespace" :existing-volume-disabled="true" />
-      </Tab>
-
-      <Tab name="Network" :label="t('harvester.tab.network')" :weight="-2">
-        <Network v-model="networkRows" :mode="mode" />
-      </Tab>
-
-      <Tab
-        name="nodeScheduling"
-        :label="t('workload.container.titles.nodeScheduling')"
-        :weight="-89"
-      >
-        <NodeScheduling
-          :mode="mode"
-          :value="spec.template.spec"
-          :nodes="nodesIdOptions"
-        />
-      </Tab>
-
-      <Tab name="advanced" :label="t('harvester.tab.advanced')" :weight="-99">
-        <div class="row mb-20">
-          <div class="col span-6">
-            <LabeledSelect
-              v-model="runStrategy"
-              label-key="harvester.virtualMachine.runStrategy"
-              :options="RunStrategys"
-              :mode="mode"
-            />
-          </div>
-
-          <div class="col span-6">
-            <LabeledSelect
-              v-model="osType"
-              label-key="harvester.virtualMachine.osType"
-              :mode="mode"
-              :options="OS"
-            />
-          </div>
-        </div>
-
-        <div class="row mb-20">
-          <a v-if="showAdvanced" v-t="'harvester.generic.showMore'" role="button" @click="toggleAdvanced" />
-          <a v-else v-t="'harvester.generic.showMore'" role="button" @click="toggleAdvanced" />
-        </div>
-
-        <div v-if="showAdvanced" class="mb-20">
-          <Reserved
-            :reserved-memory="reservedMemory"
-            :mode="mode"
-            @updateReserved="updateReserved"
-          />
-        </div>
-
-        <CloudConfig
-          ref="yamlEditor"
-          :mode="mode"
-          :user-script="userScript"
-          :namespace="templateValue.metadata.namespace"
-          :network-script="networkScript"
-          @updateUserData="updateUserData"
-          @updateNetworkData="updateNetworkData"
-        />
-
-        <div class="spacer"></div>
-        <Checkbox
-          v-model="installUSBTablet"
-          class="check"
-          type="checkbox"
-          :label="t('harvester.virtualMachine.enableUsb')"
-          :mode="mode"
-        />
-
-        <Checkbox
-          v-model="installAgent"
-          class="check"
-          type="checkbox"
-          label-key="harvester.virtualMachine.installAgent"
-          :mode="mode"
-        />
-
-        <Checkbox
-          v-model="efiEnabled"
-          class="check"
-          type="checkbox"
-          :label="t('harvester.virtualMachine.efiEnabled')"
-          :mode="mode"
-        />
-
-        <Checkbox
-          v-if="efiEnabled"
-          v-model="secureBoot"
-          class="check"
-          type="checkbox"
-          :label="t('harvester.virtualMachine.secureBoot')"
-          :mode="mode"
-        />
-      </Tab>
-    </Tabbed>
-  </CruResource>
-</template>