bfg-common 1.4.397 → 1.4.399

package/components/common/vm/actions/common/_customizeHardware/virtualHardware/newHardDisk/provisioning/Provisioning.vue

@@ -1,88 +0,0 @@
-<template>
-  <div class="">
-    <atoms-stack-block :has-children="false">
-      <template #stackBlockKey>
-        {{ localization.common.diskProvisioning }}
-      </template>
-      <template #stackBlockContent>
-        <atoms-tooltip-error
-          :has-error="!!apiError"
-          :selector="`.vm-wizard-disk-device-provisioning-field-${props.index}`"
-          @remove="onRemoveValidationError"
-        >
-          <template #elem>
-            <div class="select">
-              <select
-                :id="`vm-wizard-disk-device-provisioning-field-${props.index}`"
-                v-model="diskProvisioningLocal"
-                :data-id="`vm-wizard-disk-device-provisioning-field-${props.index}`"
-                :disabled="props.disabled"
-                :class="`vm-wizard-disk-device-provisioning-field-${props.index}`"
-              >
-                <option
-                  v-for="(item, key) in diskProvisioningOptions"
-                  :key="key"
-                  :value="item.value"
-                >
-                  {{ item.text }}
-                </option>
-              </select>
-            </div>
-          </template>
-          <template #content>{{ apiError }}</template>
-        </atoms-tooltip-error>
-      </template>
-    </atoms-stack-block>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-import { diskProvisioningOptionsFunc } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/provisioning/lib/config/options'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const props = defineProps<{
-  diskProvisioning: string
-  index: number
-  errorValidationFields: UI_I_ErrorValidationField[]
-  disabled: boolean
-}>()
-const emits = defineEmits<{
-  (event: 'update:disk-provisioning', value: string): void
-  (event: 'remove-error-by-title', value: string): void
-}>()
-
-const diskProvisioningOptions = ref<UI_I_OptionItem[]>(
-  diskProvisioningOptionsFunc(localization.value)
-)
-
-const diskProvisioningLocal = computed<string>({
-  get() {
-    return props.diskProvisioning
-  },
-  set(newValue) {
-    emits('update:disk-provisioning', newValue)
-  },
-})
-
-const typeError = computed<string>(
-  () => `disk_devices[${props.index}].provision_type`
-)
-
-const apiError = computed<string>(() => {
-  return (
-    props.errorValidationFields?.find(
-      (message) => message.field === typeError.value
-    )?.error_message || ''
-  )
-})
-
-const onRemoveValidationError = (): void => {
-  emits('remove-error-by-title', typeError.value)
-}
-</script>
-
-<style scoped></style>

package/components/common/vm/actions/common/_customizeHardware/virtualHardware/newHardDisk/provisioning/lib/config/options.ts

@@ -1,15 +0,0 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-
-export const diskProvisioningOptionsFunc = (
-  localization: UI_I_Localization
-): UI_I_OptionItem[] => {
-  return [
-    { text: localization.common.thickProvisionLazyZeroed, value: 'thick' },
-    {
-      text: localization.common.thickProvisionEagerZeroed,
-      value: 'thickzero',
-    },
-    { text: localization.common.thinProvision, value: 'thin' },
-  ]
-}

package/components/common/vm/actions/common/_customizeHardware/virtualHardware/newHardDisk/sharing/Sharing.vue

@@ -1,86 +0,0 @@
-<template>
-  <div class="">
-    <atoms-stack-block :has-children="false">
-      <template #stackBlockKey>
-        {{ localization.common.sharing }}
-      </template>
-      <template #stackBlockContent>
-        <atoms-tooltip-error
-          :has-error="!!apiError"
-          :selector="`.vm-wizard-disk-device-sharing-field-${props.index}`"
-          @remove="onRemoveValidationError"
-        >
-          <template #elem>
-            <div class="select">
-              <select
-                :id="`vm-wizard-disk-device-sharing-field-${props.index}`"
-                v-model="sharingLocal"
-                :data-id="`vm-wizard-disk-device-sharing-field-${props.index}`"
-                :class="`vm-wizard-disk-device-sharing-field-${props.index}`"
-                :disabled="props.disabled"
-              >
-                <option
-                  v-for="(item, key) in sharingOptions"
-                  :key="key"
-                  :value="item.value"
-                >
-                  {{ item.text }}
-                </option>
-              </select>
-            </div>
-          </template>
-          <template #content>{{ apiError }}</template>
-        </atoms-tooltip-error>
-      </template>
-    </atoms-stack-block>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-import { sharingOptionsFunc } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/sharing/lib/config/options'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const props = defineProps<{
-  sharing: string
-  index: number
-  disabled: boolean
-  errorValidationFields: UI_I_ErrorValidationField<string>[]
-}>()
-const emits = defineEmits<{
-  (event: 'update:sharing', value: string): void
-  (event: 'remove-error-by-title', value: string): void
-}>()
-
-const sharingOptions = ref<UI_I_OptionItem[]>(
-  sharingOptionsFunc(localization.value)
-)
-
-const sharingLocal = computed<string>({
-  get() {
-    return props.sharing
-  },
-  set(newValue) {
-    emits('update:sharing', newValue)
-  },
-})
-
-const typeError = computed<string>(() => `disk_devices[${props.index}].sharing`)
-
-const apiError = computed<string>(() => {
-  return (
-    props.errorValidationFields?.find(
-      (message) => message.field === typeError.value
-    )?.error_message || ''
-  )
-})
-
-const onRemoveValidationError = (): void => {
-  emits('remove-error-by-title', typeError.value)
-}
-</script>
-
-<style scoped></style>

package/components/common/vm/actions/common/_customizeHardware/virtualHardware/newHardDisk/sharing/lib/config/options.ts

@@ -1,12 +0,0 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-
-export const sharingOptionsFunc = (
-  localization: UI_I_Localization
-): UI_I_OptionItem[] => {
-  return [
-    { text: localization.common.unspecified, value: '' },
-    { text: localization.common.noSharing, value: 'no' },
-    { text: localization.common.multiWriter, value: 'yes' },
-  ]
-}

package/components/common/vm/actions/common/_customizeHardware/virtualHardware/newNetwork/Location.vue

@@ -1,145 +0,0 @@
-<template>
-  <div>
-    <Teleport to="body">
-      <atoms-modal
-        class="network-modal"
-        :show="props.locationModalIsShow"
-        :title="localization.common.selectNetwork"
-        test-id="select-network-modal"
-        @submit="onSubmitLocationModal"
-        @hide="onHideLocationModal"
-      >
-        <template #modalBody>
-          <atoms-alert
-            v-show="errors.length"
-            status="alert-danger"
-            :items="errors"
-            test-id="location-alert"
-            @remove="onRemoveValidationErrors"
-          />
-          <div class="network-select-dialog-content">
-            <div class="k-header k-grid-toolbar flex-justify-end">
-              <div class="filter-input pull-right flex">
-                <button
-                  id="location-filter-button"
-                  data-id="location-filter-button"
-                  class="nav-icon fa fa-filter filter-button"
-                >
-                  <atoms-the-icon
-                    class="filter-icon"
-                    fill="#4c5356"
-                    name="filter"
-                  />
-                </button>
-                <input
-                  id="location-filter"
-                  v-model="locationFilter"
-                  data-id="location-filter-input"
-                  type="text"
-                  :placeholder="localization.common.filter"
-                />
-              </div>
-            </div>
-            <atoms-table-simple-table
-              :head-items="tagsHeadItems"
-              :body-items="tagsBodyItems"
-              editable
-              @select="onSelectLocation"
-            />
-          </div>
-        </template>
-      </atoms-modal>
-    </Teleport>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_NetworkTableItem } from '~/lib/models/store/network/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type {
-  UI_I_TableHeadItem,
-  UI_I_TableBodyItem,
-} from '~/components/atoms/table/simpleTable/lib/models/interfaces'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const props = defineProps<{
-  locationModalIsShow: boolean
-  networksTable: UI_I_NetworkTableItem[]
-}>()
-const emits = defineEmits<{
-  (event: 'hide'): void
-  (event: 'select', value: UI_I_NetworkTableItem): void
-}>()
-
-const onSubmitLocationModal = (): void => {
-  if (selectedLocation.value === null) {
-    errors.value = [localization.value.common.noNetworkSelected]
-    return
-  }
-  emits('select', selectedLocation.value)
-}
-const onHideLocationModal = (): void => {
-  emits('hide')
-}
-
-const locationFilter = ref<string>('')
-const tagsHeadItems = ref<UI_I_TableHeadItem[]>([
-  { text: localization.value.common.name },
-  { text: localization.value.common.nsxPortGroupId },
-  { text: localization.value.common.distributedSwitch },
-])
-const tagsBodyItemsDefault = ref<UI_I_TableBodyItem[][]>([])
-const tagsBodyItems = computed<UI_I_TableBodyItem[][]>(() => {
-  const term = locationFilter.value.trim().toLowerCase()
-  return tagsBodyItemsDefault.value.filter((row) => {
-    return row.some((item) => item.text.trim().toLowerCase().includes(term))
-  })
-})
-watch(
-  () => props.networksTable,
-  (newValue) => {
-    tagsBodyItemsDefault.value = []
-    newValue?.forEach((network) => {
-      tagsBodyItemsDefault.value.push([
-        { text: network.name, editable: false, testId: `network-${network.name}` },
-        { text: '--', editable: false },
-        { text: '--', editable: false },
-      ])
-    })
-  },
-  { immediate: true }
-)
-
-const selectedLocation = ref<UI_I_NetworkTableItem | null>(null)
-const getNetworkByName = (name: string): UI_I_NetworkTableItem | null => {
-  return props.networksTable?.find((network) => network.name === name) || null
-}
-const onSelectLocation = (_key: number, value: UI_I_TableBodyItem[]): void => {
-  const networkName = value[0].text
-  selectedLocation.value = getNetworkByName(networkName)
-}
-
-const errors = ref<string[]>([])
-const onRemoveValidationErrors = (): void => {
-  errors.value = []
-}
-</script>
-
-<style scoped lang="scss">
-.network-select-dialog-content {
-  min-height: 300px;
-  margin-top: 10px;
-
-  .filter-button {
-    border-style: none;
-    background-color: transparent;
-    padding: 0;
-
-    .filter-icon {
-      width: 18px;
-      height: 18px;
-    }
-  }
-}
-</style>

package/components/common/vm/actions/common/_customizeHardware/virtualHardware/newNetwork/NewNetwork.vue

@@ -1,305 +0,0 @@
-<template>
-  <div class="hardware-network">
-    <atoms-stack-block
-      :has-children="true"
-      :removable="isRemovable"
-      :test-id="`network-stack-block-${props.index}`"
-      @remove="removeNetwork"
-    >
-      <template #stackBlockKey>
-        <div
-          :id="`vm-wizard-toggle-block-network-${props.index}`"
-          :data-id="`vm-wizard-toggle-block-network-${props.index}`"
-          class="vm-wizard-toggle-block-network flex-align-center"
-        >
-          <span>{{ label }}</span>
-          <atoms-the-icon
-            v-show="newNetworkInvalid"
-            width="24px"
-            height="24px"
-            class="is-error tooltip-trigger"
-            name="info"
-          />
-        </div>
-      </template>
-      <template #stackBlockContent>
-        <div class="flex-align-center flex-space-between">
-          <atoms-tooltip-error
-            :has-error="!!apiError"
-            :selector="`.vm-wizard-network-field-${props.index}`"
-            @remove="onRemoveValidationError"
-          >
-            <template #elem>
-              <div class="select">
-                <select
-                  :id="`vm-wizard-network-field-${props.index}`"
-                  v-model="selectedLocation"
-                  :data-id="`vm-wizard-network-field-${props.index}`"
-                  :class="`vm-wizard-network-field-${props.index} input-text-color`"
-                  :disabled="props.type === 'edit' && state !== 1"
-                  @click.stop
-                  @change="changeLocation"
-                >
-                  <option
-                    v-for="(item, key) in locationOptions"
-                    :key="key"
-                    :value="item.value"
-                  >
-                    {{ item.text }}
-                  </option>
-                </select>
-              </div>
-            </template>
-            <template #content>{{ apiError }}</template>
-          </atoms-tooltip-error>
-        </div>
-      </template>
-      <template #stackChildren>
-        <common-vm-actions-common-customize-hardware-virtual-hardware-new-network-adapter-type
-          v-model:adapter-type="adapterType"
-          :index="props.index"
-          :disabled="props.type === 'edit' || isRunning"
-          :error-validation-fields="props.errorValidationFields"
-          @remove-error-by-title="emits('remove-error-by-title', $event)"
-        />
-        <common-vm-actions-common-customize-hardware-virtual-hardware-new-network-mac-address
-          v-model:mac-address="macAddress"
-          v-model:mac-address-type="macAddressType"
-          :index="props.index"
-          :disabled="props.type === 'edit'"
-          :error-validation-fields="props.errorValidationFields"
-          @invalid="newNetworkInvalid = $event"
-          @remove-error-by-title="emits('remove-error-by-title', $event)"
-        />
-      </template>
-    </atoms-stack-block>
-
-    <common-vm-actions-common-customize-hardware-virtual-hardware-new-network-location
-      :location-modal-is-show="locationModalIsShow"
-      :networks-table="networksTable"
-      @hide="onHideLocationModal"
-      @select="onSelectLocation"
-    />
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_T_Project } from '~/lib/models/types'
-import type { UI_I_TablePayload } from '~/lib/models/table/interfaces'
-import type { UI_I_NetworkTableItem } from '~/lib/models/store/network/interfaces'
-import type { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
-import type { UI_I_SendDataNewNetwork } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/interfaces'
-import type { UI_T_NetworkType } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/types'
-import type {
-  UI_I_Localization,
-  UI_I_HTMLSelectElement,
-} from '~/lib/models/interfaces'
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-
-const props = defineProps<{
-  project: UI_T_Project
-  index: number
-  type: UI_T_NetworkType
-  network: UI_I_SendDataNewNetwork
-  networksTable: UI_I_NetworkTableItem[]
-  errorValidationFields: UI_I_ErrorValidationField[]
-  isEdit: boolean
-  state?: string | number
-}>()
-
-const emits = defineEmits<{
-  (event: 'send-data', value: UI_I_SendDataNewNetwork): void
-  (event: 'invalid', value: boolean): void
-  (event: 'remove'): void
-  (event: 'remove-error-by-title', value: string): void
-  (event: 'get-networks-table', value: UI_I_TablePayload): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const isRunning = computed<boolean>(() => {
-  return props.state === 2
-})
-
-const isRemovable = computed<boolean>(() => {
-  return (
-    !props.isEdit ||
-    !isRunning.value ||
-    (isRunning.value && adapterType.value === 'virtio')
-  )
-})
-
-const label = computed<string>(() => {
-  if (props.type === 'edit')
-    return `${localization.value.common.networkAdapter} ${props.index + 1}`
-
-  return `${localization.value.common.newNetwork} *`
-})
-
-const removeNetwork = (): void => {
-  emits('remove')
-}
-
-const selectedLocationOld = ref<string>('')
-const selectedLocation = ref<string>('')
-const locationOptions = ref<UI_I_OptionItem[]>([])
-
-const getNetworks = (): void => {
-  // if (props.networksTable.length) return // Из-за этого кода был баг. Открыть визард вм -> создать сеть -> открыть визард вм и в списке сетей нету новой сети
-
-  const payload: UI_I_TablePayload = {
-    pagination: {
-      page: 1,
-      pageSize: 100,
-    },
-    schema: 'full',
-    type: 'network',
-    sortBy: null,
-  }
-  emits('get-networks-table', payload)
-}
-getNetworks()
-
-const valueProp: 'net_bridge' | 'id' =
-  props.project === 'procurator' ? 'net_bridge' : 'id'
-watch(
-  () => props.networksTable,
-  (newValue) => {
-    const isExistValue = newValue.some(
-      (network) => network[valueProp] === selectedLocation.value
-    )
-    if (!newValue.length || props.type === 'edit' || isExistValue) return
-
-    selectedLocationOld.value = newValue[0][valueProp]
-    selectedLocation.value = newValue[0][valueProp]
-
-    locationOptions.value = [
-      { text: newValue[0].name, value: newValue[0][valueProp] },
-      { text: `${localization.value.common.browse}...`, value: '' },
-    ]
-  },
-  { immediate: true }
-)
-
-const locationModalIsShow = ref<boolean>(false)
-const onHideLocationModal = (): void => {
-  locationModalIsShow.value = false
-  selectedLocation.value = selectedLocationOld.value
-}
-const changeLocation = (event: UI_I_HTMLSelectElement): void => {
-  const value = event.target.value
-  if (value === '') {
-    locationModalIsShow.value = true
-    return
-  }
-
-  selectedLocationOld.value = value
-  selectedLocation.value = value
-  // netBridge.value = value
-}
-const onSelectLocation = (network: UI_I_NetworkTableItem): void => {
-  locationModalIsShow.value = false
-
-  selectedLocationOld.value = network[valueProp]
-  selectedLocation.value = network[valueProp]
-
-  const hasNetwork = locationOptions.value.some(
-    (option) => option.value === network[valueProp]
-  )
-  if (hasNetwork) {
-    return
-  }
-
-  locationOptions.value = [
-    ...locationOptions.value.slice(0, -1),
-    { text: network.name, value: network[valueProp] },
-    locationOptions.value[locationOptions.value.length - 1],
-  ]
-}
-
-const adapterType = ref<string>('rtl8139')
-
-const target = ref<string>('')
-
-const macAddress = ref<string>('')
-const macAddressType = ref<string>('automatic')
-const newNetworkInvalid = ref<boolean>(false)
-watch(
-  newNetworkInvalid,
-  (newValue) => {
-    emits('invalid', newValue)
-  },
-  { immediate: true }
-)
-
-watch(
-  [selectedLocation, adapterType, macAddress, macAddressType, locationOptions],
-  () => {
-    const option = locationOptions.value.find(
-      (option) => option.value === selectedLocation.value
-    )
-    if (!option) return
-
-    emits('send-data', {
-      network: option.text,
-      net_bridge: props.project === 'procurator' ? option.value : '',
-      target: target.value,
-      model: adapterType.value,
-      mac: macAddress.value,
-      boot_order: props.network.boot_order,
-    })
-  },
-  { immediate: true }
-)
-
-// Добавляем данные для редактирования
-watch(
-  () => props.network,
-  (newValue) => {
-    if (props.type !== 'edit') return
-
-    locationOptions.value = [
-      { text: newValue.network, value: newValue[valueProp] },
-      { text: `${localization.value.common.browse}...`, value: '' },
-    ]
-    selectedLocation.value = newValue[valueProp]
-
-    adapterType.value = newValue.model
-    macAddress.value = newValue.mac
-    target.value = newValue.target
-  },
-  { immediate: true }
-)
-
-watch(
-  isRunning,
-  (newValue) => {
-    if (newValue && props.type === 'new') {
-      adapterType.value = 'virtio'
-    }
-  },
-  { immediate: true }
-)
-
-const typeError = computed<string>(
-  () => `network_devices[${props.index}].network`
-)
-
-const apiError = computed<string>(() => {
-  return (
-    props.errorValidationFields?.find(
-      (message) => message.field === typeError.value
-    )?.error_message || ''
-  )
-})
-
-const onRemoveValidationError = (): void => {
-  emits('remove-error-by-title', typeError.value)
-}
-</script>
-
-<style scoped lang="scss">
-#network-connect {
-  margin-right: 4px;
-}
-</style>