@rancher/shell 0.1.2 → 0.1.3

package/edit/kubevirt.io.virtualmachine/VirtualMachineNetwork/base.vue

@@ -1,281 +0,0 @@
-<script>
-import InputOrDisplay from '@shell/components/InputOrDisplay';
-import { LabeledInput } from '@components/Form/LabeledInput';
-import LabeledSelect from '@shell/components/form/LabeledSelect';
-
-import { clone } from '@shell/utils/object';
-import { _CREATE, _VIEW } from '@shell/config/query-params';
-import { MANAGEMENT_NETWORK } from '@shell/mixins/harvester-vm';
-
-const MODEL = [{
-  label: 'virtio',
-  value: 'virtio'
-}, {
-  label: 'e1000',
-  value: 'e1000'
-}, {
-  label: 'e1000e',
-  value: 'e1000e'
-}, {
-  label: 'ne2k_pci',
-  value: 'ne2k_pci'
-}, {
-  label: 'pcnet',
-  value: 'pcnet'
-}, {
-  label: 'rtl8139',
-  value: 'rtl8139'
-}];
-
-export default {
-  name:       'HarvesterEditNetwork',
-  components: {
-    LabeledInput, LabeledSelect, InputOrDisplay
-  },
-
-  props: {
-    value: {
-      type:    Object,
-      default: () => {
-        return {};
-      }
-    },
-
-    networkOption: {
-      type:    Array,
-      default: () => {
-        return [];
-      }
-    },
-
-    rows: {
-      type:    Array,
-      default: () => {
-        return [];
-      }
-    },
-
-    mode: {
-      type:    String,
-      default: 'create'
-    }
-  },
-
-  data() {
-    const isMasquerade = this.value.isPod;
-
-    if (isMasquerade) {
-      this.value.networkName = MANAGEMENT_NETWORK;
-    }
-
-    return {
-      isMasquerade,
-      hasManagementNetwork: false
-    };
-  },
-
-  computed: {
-    isDisabled() {
-      return this.isMasquerade && !this.value.newCreateId && !this.isCreate;
-    },
-
-    isView() {
-      return this.mode === _VIEW;
-    },
-
-    isCreate() {
-      return this.mode === _CREATE;
-    },
-
-    modelOption() {
-      return MODEL;
-    },
-
-    allNetworkOption() {
-      const out = clone(this.networkOption);
-
-      if (!this.hasManagementNetwork) {
-        out.unshift({
-          label: MANAGEMENT_NETWORK,
-          value: MANAGEMENT_NETWORK
-        });
-      }
-
-      return out;
-    },
-
-    typeOption() {
-      const masquerade = [{
-        label: 'masquerade',
-        value: 'masquerade'
-      }, {
-        label: 'bridge',
-        value: 'bridge'
-      }];
-
-      const other = [{
-        label: 'bridge',
-        value: 'bridge'
-      }
-      // Temporarily Remove
-      // , {
-      //   label: 'sriov',
-      //   value: 'sriov'
-      // }
-      ];
-
-      return this.isMasquerade ? masquerade : other;
-    }
-  },
-
-  watch: {
-    rows: {
-      handler(neu) {
-        const hasManagementNetwork = !!neu.some(N => N.isPod);
-
-        this.$set(this, 'hasManagementNetwork', hasManagementNetwork);
-      },
-      immediate: true,
-      deep:      true
-    }
-  },
-
-  methods: {
-    /**
-     * Patch k8s value based on type of network
-     */
-    updateNetworkName(neu) {
-      if (neu === MANAGEMENT_NETWORK) {
-        this.value.isPod = true;
-        this.value.macAddress = '';
-      } else {
-        this.value.isPod = false;
-      }
-
-      this.$set(this, 'isMasquerade', this.value.isPod);
-
-      if (this.value.isPod) {
-        this.value.type = 'masquerade';
-      } else {
-        this.value.type = 'bridge';
-      }
-      this.update();
-    },
-
-    update() {
-      this.$emit('update');
-    }
-  }
-};
-</script>
-
-<template>
-  <div>
-    <div class="row mb-20">
-      <div
-        data-testid="input-hen-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"
-            :disabled="isDisabled"
-            @input="update"
-          />
-        </InputOrDisplay>
-      </div>
-
-      <div
-        data-testid="input-hen-model"
-        class="col span-6"
-      >
-        <InputOrDisplay
-          :name="t('harvester.fields.model')"
-          :value="value.model"
-          :mode="mode"
-        >
-          <LabeledSelect
-            v-model="value.model"
-            :label="t('harvester.fields.model')"
-            :disabled="isDisabled"
-            :options="modelOption"
-            :mode="mode"
-            required
-            @input="update"
-          />
-        </InputOrDisplay>
-      </div>
-    </div>
-
-    <div class="row" :class="{'mb-20': !isMasquerade}">
-      <div
-        data-testid="input-hen-networkName"
-        class="col span-6"
-      >
-        <InputOrDisplay
-          :name="t('harvester.fields.network')"
-          :value="value.networkName"
-          :mode="mode"
-        >
-          <LabeledSelect
-            v-model="value.networkName"
-            :label="t('harvester.fields.network')"
-            :options="allNetworkOption"
-            :mode="mode"
-            required
-            :disabled="isDisabled"
-            @input="updateNetworkName"
-          />
-        </InputOrDisplay>
-      </div>
-
-      <div
-        data-testid="input-hen-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="typeOption"
-            :mode="mode"
-            required
-            @input="update"
-          />
-        </InputOrDisplay>
-      </div>
-    </div>
-
-    <div v-if="!isMasquerade" class="row">
-      <div
-        data-testid="input-hen-macAddress"
-        class="col span-6"
-      >
-        <InputOrDisplay
-          :name="t('harvester.fields.macAddress')"
-          :value="value.macAddress"
-          :mode="mode"
-        >
-          <LabeledInput
-            v-model="value.macAddress"
-            label-key="harvester.fields.macAddress"
-            :mode="mode"
-            :tooltip="t('harvester.virtualMachine.volume.macTip')"
-            @input="update"
-          />
-        </InputOrDisplay>
-      </div>
-    </div>
-  </div>
-</template>

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

@@ -1,142 +0,0 @@
-<script>
-import InfoBox from '@shell/components/InfoBox';
-import Base from '@shell/edit/kubevirt.io.virtualmachine/VirtualMachineNetwork/base';
-
-import { NETWORK_ATTACHMENT } from '@shell/config/types';
-import { sortBy } from '@shell/utils/sort';
-import { clone } from '@shell/utils/object';
-import { randomStr } from '@shell/utils/string';
-import { removeObject } from '@shell/utils/array';
-import { _VIEW } from '@shell/config/query-params';
-
-export default {
-  components: { InfoBox, Base },
-
-  props:      {
-    mode: {
-      type:    String,
-      default: 'create'
-    },
-
-    value: {
-      type:    Array,
-      default: () => {
-        return [];
-      }
-    }
-  },
-
-  data() {
-    return {
-      rows:    clone(this.value),
-      nameIdx: 1
-    };
-  },
-
-  computed: {
-    isView() {
-      return this.mode === _VIEW;
-    },
-
-    networkOption() {
-      const choices = this.$store.getters['harvester/all'](NETWORK_ATTACHMENT);
-
-      const out = sortBy(
-        choices.map((N) => {
-          return {
-            label: N.id,
-            value: N.id
-          };
-        }),
-        'label'
-      );
-
-      return out;
-    },
-  },
-
-  watch: {
-    value(neu) {
-      this.rows = neu;
-    },
-  },
-
-  methods: {
-    add(type) {
-      const name = this.generateName();
-
-      const neu = {
-        name,
-        networkName:  '',
-        model:        'virtio',
-        type:         'bridge',
-        newCreateId:  randomStr(10),
-      };
-
-      this.rows.push(neu);
-      this.update();
-    },
-
-    remove(vol) {
-      removeObject(this.rows, vol);
-      this.update();
-    },
-
-    generateName() {
-      let name = '';
-      let hasUsed = true;
-
-      while (hasUsed) {
-        name = `nic-${ this.nameIdx }`;
-        hasUsed = this.rows.find( O => O.name === name);
-        this.nameIdx++;
-      }
-
-      return name;
-    },
-
-    update() {
-      this.$emit('input', this.rows);
-    }
-  }
-};
-</script>
-
-<template>
-  <div>
-    <InfoBox v-for="(row, i) in rows" :key="i" class="infoBox">
-      <button v-if="!isView" type="button" class="role-link remove-vol" @click="remove(row)">
-        <i class="icon icon-2x icon-x" />
-      </button>
-
-      <h3> {{ t('harvester.virtualMachine.network.title') }} </h3>
-
-      <Base
-        v-model="rows[i]"
-        :rows="rows"
-        :mode="mode"
-        :network-option="networkOption"
-        @update="update"
-      />
-    </InfoBox>
-
-    <button v-if="!isView" type="button" class="btn btn-sm bg-primary" @click="add">
-      {{ t('harvester.virtualMachine.network.addNetwork') }}
-    </button>
-  </div>
-</template>
-
-<style lang='scss' scoped>
-.infoBox{
-  position: relative;
-}
-
-.remove-vol {
-  position: absolute;
-  top: 10px;
-  right: 16px;
-  padding:0px;
-  max-height: 28px;
-  min-height: 28px;
-}
-</style>

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

@@ -1,54 +0,0 @@
-<script>
-import UnitInput from '@shell/components/form/UnitInput';
-
-export default {
-  name:       'HarvesterReserved',
-  components: { UnitInput },
-
-  props:      {
-    reservedMemory: {
-      type:    String,
-      default: null
-    },
-    mode: {
-      type:      String,
-      default:  'create',
-    },
-  },
-
-  data() {
-    return { memory: this.reservedMemory };
-  },
-
-  watch: {
-    reservedMemory(memory) {
-      this.memory = memory;
-    },
-  },
-
-  methods: {
-    change() {
-      const { memory } = this;
-
-      this.$emit('updateReserved', { memory });
-    },
-  }
-};
-</script>
-
-<template>
-  <div class="row mb-20">
-    <div class="col span-6">
-      <UnitInput
-        v-model="memory"
-        v-int-number
-        :label="t('harvester.virtualMachine.input.reservedMemory')"
-        :mode="mode"
-        :input-exponent="2"
-        :increment="1024"
-        :output-modifier="true"
-        @input="change"
-      />
-    </div>
-  </div>
-</template>