@rancher/shell 0.1.2 → 0.1.3

package/edit/kubevirt.io.virtualmachine/VirtualMachineAccessCredentials/type/sshkey.vue

@@ -1,85 +0,0 @@
-<script>
-import SSHKey from '@shell/edit/kubevirt.io.virtualmachine/VirtualMachineSSHKey';
-import AccessCredentialsUsers from '../AccessCredentialsUsers';
-
-export default {
-  name:       'HarvesterEditVolume',
-  components: { SSHKey, AccessCredentialsUsers },
-
-  props: {
-    mode: {
-      type:    String,
-      default: 'create'
-    },
-
-    resource: {
-      type:    Object,
-      default: () => {
-        return {};
-      }
-    },
-
-    userOptions: {
-      type:    Array,
-      default: () => {
-        return [];
-      }
-    },
-
-    value: {
-      type:    Object,
-      default: () => {
-        return {};
-      }
-    },
-  },
-
-  methods: {
-    update() {
-      this.$emit('update');
-    },
-
-    updateUser(neu) {
-      this.$set(this.value, 'users', neu);
-      this.update();
-    },
-
-    updateSSH(neu) {
-      this.$set(this.value, 'sshkeys', neu);
-      this.update();
-    },
-
-    updateNewUser(neu) {
-      this.$emit('update:newUser', neu);
-    }
-  },
-};
-</script>
-
-<template>
-  <div>
-    <div class="columns row">
-      <div class="col span-6">
-        <AccessCredentialsUsers
-          v-model="value.users"
-          :resource="resource"
-          :user-options="userOptions"
-          :mode="mode"
-          :multiple="true"
-          @update:user="updateUser"
-          @update:newUser="updateNewUser"
-        />
-      </div>
-      <div class="col span-6">
-        <SSHKey
-          v-model="value.sshkeys"
-          class="mb-20"
-          :namespace="resource.metadata.namespace"
-          :mode="mode"
-          :searchable="false"
-          @update:sshKey="updateSSH"
-        />
-      </div>
-    </div>
-  </div>
-</template>

package/edit/kubevirt.io.virtualmachine/VirtualMachineCloudConfig/DataTemplate.vue

@@ -1,153 +0,0 @@
-<script>
-import { mapGetters } from 'vuex';
-
-import LabeledSelect from '@shell/components/form/LabeledSelect';
-import YamlEditor, { EDITOR_MODES } from '@shell/components/YamlEditor';
-
-import { _VIEW } from '@shell/config/query-params';
-import { CONFIG_MAP } from '@shell/config/types';
-
-const _NEW = '_NEW';
-const _NONE = '_NONE';
-
-export default {
-  components: { YamlEditor, LabeledSelect },
-
-  props: {
-    mode: {
-      type:    String,
-      default: 'create'
-    },
-    value: {
-      type:    String,
-      default: ''
-    },
-    type: {
-      type:    String,
-      default: ''
-    },
-    options: {
-      type:    Array,
-      default: () => {
-        return [];
-      }
-    },
-    configId: {
-      type:    String,
-      default: ''
-    },
-    viewCode: {
-      type:    Boolean,
-      default: false
-    }
-  },
-
-  data() {
-    return {
-      id:          '',
-      yamlScript:  this.value,
-    };
-  },
-
-  computed: {
-    ...mapGetters({ t: 'i18n/t' }),
-
-    editorMode() {
-      return this.isView || this.viewCode ? EDITOR_MODES.VIEW_CODE : EDITOR_MODES.EDIT_CODE;
-    },
-
-    isView() {
-      return this.mode === _VIEW;
-    },
-  },
-
-  watch: {
-    value(neu) {
-      this.yamlScript = neu;
-    },
-
-    configId(neu) {
-      this.id = this.configId;
-    },
-
-    id(neu, old) {
-      const cloudInit = this.$store.getters['harvester/byId'](CONFIG_MAP, neu)?.data?.cloudInit || '';
-
-      this.$emit('updateTemplateId', this.type, neu);
-
-      if (neu === _NEW) {
-        this.$emit('show', this.type);
-        this.id = old;
-
-        return;
-      } else if (neu === _NONE ) {
-        this.yamlScript = '';
-      } else {
-        this.yamlScript = cloudInit;
-      }
-
-      this.$refs['yaml'].updateValue(cloudInit);
-    },
-
-    yamlScript(neu) {
-      this.$emit('update', neu, this.type);
-    }
-  },
-
-  methods: {
-    refresh() {
-      this.$refs.yaml.refresh();
-    },
-
-    updateValue() {
-      this.$refs['yaml'].updateValue(this.value);
-    }
-  }
-};
-</script>
-
-<template>
-  <div class="mb-20">
-    <h3>{{ t(`harvester.virtualMachine.cloudConfig.${type}.title`) }}</h3>
-    <p class="text-muted mb-20">
-      <t :k="`harvester.virtualMachine.cloudConfig.${type}.tip`" :raw="true" />
-    </p>
-
-    <LabeledSelect
-      v-if="!isView"
-      v-model="id"
-      class="mb-20"
-      :options="options"
-      :disabled="viewCode"
-      :label-key="`harvester.virtualMachine.cloudConfig.${type}.label`"
-    />
-
-    <div class="resource-yaml">
-      <YamlEditor
-        ref="yaml"
-        v-model="yamlScript"
-        class="yaml-editor"
-        :editor-mode="editorMode"
-      />
-    </div>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-$yaml-height: 200px;
-
-::v-deep .resource-yaml {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-
-  & .yaml-editor{
-    flex: 1;
-    min-height: $yaml-height;
-
-    & .code-mirror .CodeMirror {
-      min-height: $yaml-height;
-    }
-  }
-}
-</style>

package/edit/kubevirt.io.virtualmachine/VirtualMachineCloudConfig/index.vue

@@ -1,279 +0,0 @@
-<script>
-import { mapGetters } from 'vuex';
-
-import { LabeledInput } from '@components/Form/LabeledInput';
-import YamlEditor, { EDITOR_MODES } from '@shell/components/YamlEditor';
-import ModalWithCard from '@shell/components/ModalWithCard';
-
-import { CONFIG_MAP } from '@shell/config/types';
-import { HCI as HCI_ANNOTATIONS } from '@shell/config/labels-annotations';
-import { _VIEW } from '@shell/config/query-params';
-import DataTemplate from './DataTemplate';
-
-const _NEW = '_NEW';
-const _NONE = '_NONE';
-
-export default {
-  components: {
-    DataTemplate, YamlEditor, LabeledInput, ModalWithCard
-  },
-
-  props: {
-    mode: {
-      type:    String,
-      default: 'create'
-    },
-    namespace: {
-      type:    String,
-      default: ''
-    },
-    userScript: {
-      type:    String,
-      default: ''
-    },
-    networkScript: {
-      type:    String,
-      default: ''
-    },
-    viewCode: {
-      type:    Boolean,
-      default: false
-    }
-  },
-
-  data() {
-    return {
-      errors:            [],
-      templateType:      '',
-      cloudTemplate:     '',
-      cloudTemplateName: '',
-      configUserId:      '',
-      configNetworkId:   '',
-      optionUser:        [],
-      optionNetwork:     []
-    };
-  },
-
-  async fetch() {
-    const configs = await this.$store.dispatch('harvester/findAll', { type: CONFIG_MAP });
-
-    const optionUser = [];
-    const optionNetwork = [];
-
-    for (const config of configs) {
-      if (config.metadata?.labels?.[HCI_ANNOTATIONS.CLOUD_INIT] === 'user') {
-        optionUser.push({
-          label: config?.id,
-          value: config?.id
-        });
-      }
-
-      if (config.metadata?.labels?.[HCI_ANNOTATIONS.CLOUD_INIT] === 'network') {
-        optionNetwork.push({
-          label: config?.id,
-          value: config?.id
-        });
-      }
-    }
-
-    optionUser.unshift({
-      label: this.t('harvester.virtualMachine.cloudConfig.createNew'),
-      value: _NEW,
-    });
-
-    optionUser.unshift({
-      label:    this.t('harvester.virtualMachine.cloudConfig.cloudInit.placeholder'),
-      value:    _NONE,
-    });
-
-    optionNetwork.unshift({
-      label: this.t('harvester.virtualMachine.cloudConfig.createNew'),
-      value: _NEW,
-    });
-
-    optionNetwork.unshift({
-      label:    this.t('harvester.virtualMachine.cloudConfig.cloudInit.placeholder'),
-      value:    _NONE,
-    });
-
-    this.optionUser = optionUser;
-    this.optionNetwork = optionNetwork;
-  },
-
-  computed: {
-    ...mapGetters({ t: 'i18n/t' }),
-
-    createTypeLable() {
-      const label = `harvester.virtualMachine.cloudConfig.${ this.templateType }.label`;
-
-      return this.t(label);
-    },
-
-    editorMode() {
-      return this.isView ? EDITOR_MODES.VIEW_CODE : EDITOR_MODES.EDIT_CODE;
-    },
-
-    isView() {
-      return this.mode === _VIEW;
-    },
-  },
-
-  methods: {
-    updateValue() {
-      this.$refs['userTemplate'].updateValue();
-      this.$refs['networkTemplate'].updateValue();
-    },
-
-    update(value, type) {
-      if (type === 'user') {
-        this.$emit('updateUserData', value);
-      }
-      if (type === 'network') {
-        this.$emit('updateNetworkData', value);
-      }
-    },
-
-    updateTemplateId(type, id) {
-      this.$emit('updateDataTemplateId', type, id);
-    },
-
-    show(templateType) {
-      this.templateType = templateType;
-      this.$modal.show('createCloudTemplate');
-    },
-
-    async save(buttonCb) {
-      const templateValue = await this.$store.dispatch('harvester/create', {
-        type:       CONFIG_MAP,
-        metadata: {
-          labels:    { [HCI_ANNOTATIONS.CLOUD_INIT]: this.templateType },
-          name:      this.cloudTemplateName,
-          namespace: this.namespace
-        },
-        data: { cloudInit: this.cloudTemplate },
-      });
-
-      try {
-        const res = await templateValue.save();
-
-        if (res.id) {
-          this.templateType === 'user' ? this.configUserId = res.id : this.configNetworkId = res.id;
-          this.$fetch();
-        }
-        buttonCb(true);
-        this.cancel();
-      } catch (err) {
-        this.errors = [err.message];
-        buttonCb(false);
-      }
-    },
-
-    cancel() {
-      this.cloudTemplate = '';
-      this.cloudTemplateName = '';
-      this.$set(this, 'errors', []);
-      this.$modal.hide('createCloudTemplate');
-    },
-
-    refresh() {
-      this.$refs['userTemplate'].refresh();
-      this.$refs['networkTemplate'].refresh();
-    },
-  }
-};
-</script>
-
-<template>
-  <div>
-    <h2 v-if="!isView">
-      {{ t('harvester.virtualMachine.cloudConfig.title') }}
-    </h2>
-
-    <div class="mb-20">
-      <DataTemplate
-        ref="userTemplate"
-        v-model="userScript"
-        type="user"
-        :view-code="viewCode"
-        :mode="mode"
-        :config-id="configUserId"
-        :options="optionUser"
-        @show="show"
-        @update="update"
-        @updateTemplateId="updateTemplateId"
-      />
-    </div>
-
-    <div class="mb-20">
-      <DataTemplate
-        ref="networkTemplate"
-        v-model="networkScript"
-        type="network"
-        :view-code="viewCode"
-        :mode="mode"
-        :config-id="configNetworkId"
-        :options="optionNetwork"
-        @show="show"
-        @update="update"
-      />
-    </div>
-
-    <ModalWithCard
-      ref="createCloudTemplate"
-      name="createCloudTemplate"
-      width="40%"
-      :errors="errors"
-      @finish="save"
-      @close="cancel"
-    >
-      <template #title>
-        {{ t('harvester.virtualMachine.cloudConfig.createTemplateTitle', { name: createTypeLable }) }}
-      </template>
-
-      <template #content>
-        <LabeledInput
-          v-model="cloudTemplateName"
-          :label="t('harvester.virtualMachine.input.name')"
-          class="mb-20"
-          required
-          @keydown.native.enter.prevent="()=>{}"
-        />
-
-        <div class="yaml">
-          <div class="resource-yaml">
-            <YamlEditor
-              ref="createTemplate"
-              v-model="cloudTemplate"
-              class="yaml-editor"
-              :editor-mode="editorMode"
-            />
-          </div>
-        </div>
-      </template>
-    </ModalWithCard>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-$yaml-height: 350px;
-
-.yaml {
-  height: $yaml-height;
-  overflow: auto;
-}
-
-::v-deep .resource-yaml {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-
-  & .yaml-editor{
-    flex: 1;
-    min-height: $yaml-height;
-
-    & .code-mirror .CodeMirror {
-      min-height: $yaml-height;
-    }
-  }
-}
-</style>

package/edit/kubevirt.io.virtualmachine/VirtualMachineCpuMemory.vue

@@ -1,113 +0,0 @@
-<script>
-import UnitInput from '@shell/components/form/UnitInput';
-import InputOrDisplay from '@shell/components/InputOrDisplay';
-
-export default {
-  name:       'HarvesterEditCpuMemory',
-  components: { UnitInput, InputOrDisplay },
-
-  props:      {
-    cpu: {
-      type:    Number,
-      default: null
-    },
-    memory: {
-      type:    String,
-      default: null
-    },
-    mode: {
-      type:      String,
-      default:  'create',
-    },
-    disabled: {
-      type:    Boolean,
-      default: false
-    }
-  },
-
-  data() {
-    return {
-      localCpu:    this.cpu,
-      localMemory: this.memory
-    };
-  },
-
-  computed: {
-    cupDisplay() {
-      return `${ this.localCpu } C`;
-    },
-
-    memoryDisplay() {
-      return `${ this.localMemory } GiB`;
-    }
-  },
-
-  watch: {
-    cpu(neu) {
-      this.localCpu = neu;
-    },
-    memory(neu) {
-      if (neu && !neu.includes('null')) {
-        this.localMemory = neu;
-      }
-    }
-  },
-
-  methods: {
-    change() {
-      let memory = '';
-
-      if (String(this.localMemory).includes('Gi')) {
-        memory = this.localMemory;
-      } else {
-        memory = `${ this.localMemory }Gi`;
-      }
-      if (memory.includes('null')) {
-        memory = null;
-      }
-      this.$emit('updateCpuMemory', this.localCpu, memory);
-    },
-
-  }
-};
-</script>
-
-<template>
-  <div class="row">
-    <div class="col span-6">
-      <InputOrDisplay name="CPU" :value="cupDisplay" :mode="mode" class="mb-20">
-        <UnitInput
-          v-model="localCpu"
-          v-int-number
-          label="CPU"
-          suffix="C"
-          :delay="0"
-          required
-          :disabled="disabled"
-          :mode="mode"
-          class="mb-20"
-          @input="change"
-        />
-      </InputOrDisplay>
-    </div>
-
-    <div class="col span-6">
-      <InputOrDisplay :name="t('harvester.virtualMachine.input.memory')" :value="memoryDisplay" :mode="mode" class="mb-20">
-        <UnitInput
-          v-model="localMemory"
-          v-int-number
-          :label="t('harvester.virtualMachine.input.memory')"
-          :mode="mode"
-          :input-exponent="3"
-          :delay="0"
-          :increment="1024"
-          :output-modifier="true"
-          :disabled="disabled"
-          required
-          class="mb-20"
-          @input="change"
-        />
-      </InputOrDisplay>
-    </div>
-  </div>
-</template>

package/edit/kubevirt.io.virtualmachine/VirtualMachineNetwork/__tests__/HarvesterEditNetwork.test.ts

@@ -1,41 +0,0 @@
-import { mount } from '@vue/test-utils';
-import HarvesterEditNetwork from '@shell/edit/kubevirt.io.virtualmachine/VirtualMachineNetwork/base.vue';
-import { _EDIT } from '@shell/config/query-params';
-
-describe('component: HarvesterEditNetwork', () => {
-  it('should display all the inputs', () => {
-    const wrapper = mount(HarvesterEditNetwork, { propsData: { mode: _EDIT } });
-
-    const inputWraps = wrapper.findAll('[data-testid^=input-hen-]');
-
-    expect(inputWraps).toHaveLength(5);
-  });
-
-  it.each([
-    'name',
-    'macAddress',
-  ])('should emit an update on %p input', (field) => {
-    const wrapper = mount(HarvesterEditNetwork, { propsData: { mode: _EDIT } });
-    const input = wrapper.find(`[data-testid="input-hen-${ field }"]`).find('input');
-    const newValue = 123;
-
-    input.setValue(newValue);
-
-    expect(wrapper.emitted('update')).toHaveLength(1);
-  });
-
-  it.each([
-    'model',
-    'networkName',
-    'type',
-  ])('should emit an update on %p selection change', async(field) => {
-    const wrapper = mount(HarvesterEditNetwork, { propsData: { mode: _EDIT } });
-    const select = wrapper.find(`[data-testid="input-hen-${ field }"]`);
-
-    select.find('button').trigger('click');
-    await wrapper.trigger('keydown.down');
-    await wrapper.trigger('keydown.enter');
-
-    expect(wrapper.emitted('update')).toHaveLength(1);
-  });
-});