bfg-common 1.5.539 → 1.5.540

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/NewHardDisk.vue

@@ -1,427 +1,427 @@
-<template>
-  <common-vm-actions-common-customize-hardware-virtual-hardware-new-hard-disk-new
-    v-if="isNewView"
-    v-model:delete-files-from-datastore="deleteFilesFromDatastore"
-    v-model:size="size"
-    v-model:hard-disk-type="hardDiskType"
-    v-model:disk-provisioning="diskProvisioning"
-    v-model:sharing="sharing"
-    v-model:limit-iops="limitIops"
-    v-model:limit-iops-type="limitIopsType"
-    v-model:limit-iops-invalid="limitIopsInvalid"
-    v-model:disk-mode="diskMode"
-    v-model:cache="cache"
-    v-model:bus="bus"
-    :is-removable="isRemovable"
-    :label="label"
-    :hard-disk-invalid="hardDiskInvalid"
-    :error-text="hardDiskLocalAndApiErrorsTexts"
-    :hard-disk-type-error-local-text="hardDiskTypeErrorLocalText"
-    :is-disabled-size="isDisabledSize"
-    :is-disabled-provisioning="isDisabledProvisioning"
-    :is-disabled-sharing="isDisabledSharing"
-    :is-disabled-limit-iops="isDisabledLimitIops"
-    :is-disabled-mode="isDisabledMode"
-    :is-disabled-cache="isDisabledCache"
-    :is-disabled-bus="isDisabledBus"
-    :hard-disk-type-options="hardDiskTypeOptions"
-    :max-hard-disk="maxHardDisk"
-    :location="location"
-    :is-running="isRunning"
-    :is-new-hard-disk="isNewHardDisk"
-    :is-edit="props.isEdit"
-    :datastore="props.datastore"
-    :is-datastore-loading="props.isDatastoreLoading"
-    :get-datastore-table-func="props.getDatastoreTableFunc"
-    :error-validation-fields="props.errorValidationFields"
-    :index="props.index"
-    :type="props.type"
-    :hard-disk="props.hardDisk"
-    :guest-machine-type="props.guestMachineType"
-    :compute-resource="props.computeResource"
-    @remove="emits('remove')"
-    @roll-back="emits('roll-back')"
-    @validate-size="onValidateSize"
-    @change-storage="onChangeStorage"
-    @remove-error-by-title="emits('remove-error-by-title', $event)"
-  />
-  <common-vm-actions-common-customize-hardware-virtual-hardware-new-hard-disk-old
-    v-else
-    v-model:delete-files-from-datastore="deleteFilesFromDatastore"
-    v-model:size="size"
-    v-model:hard-disk-type="hardDiskType"
-    v-model:disk-provisioning="diskProvisioning"
-    v-model:sharing="sharing"
-    v-model:limit-iops="limitIops"
-    v-model:limit-iops-type="limitIopsType"
-    v-model:limit-iops-invalid="limitIopsInvalid"
-    v-model:disk-mode="diskMode"
-    v-model:cache="cache"
-    v-model:bus="bus"
-    :is-removable="isRemovable"
-    :label="label"
-    :hard-disk-invalid="hardDiskInvalid"
-    :error-text="hardDiskLocalAndApiErrorsTexts"
-    :hard-disk-type-error-local-text="hardDiskTypeErrorLocalText"
-    :is-disabled-size="isDisabledSize"
-    :is-disabled-provisioning="isDisabledProvisioning"
-    :is-disabled-sharing="isDisabledSharing"
-    :is-disabled-limit-iops="isDisabledLimitIops"
-    :is-disabled-mode="isDisabledMode"
-    :is-disabled-cache="isDisabledCache"
-    :is-disabled-bus="isDisabledBus"
-    :hard-disk-type-options="hardDiskTypeOptions"
-    :max-hard-disk="maxHardDisk"
-    :location="location"
-    :is-running="isRunning"
-    :is-new-hard-disk="isNewHardDisk"
-    :is-edit="props.isEdit"
-    :datastore="props.datastore"
-    :is-datastore-loading="props.isDatastoreLoading"
-    :get-datastore-table-func="props.getDatastoreTableFunc"
-    :error-validation-fields="props.errorValidationFields"
-    :index="props.index"
-    :type="props.type"
-    :hard-disk="props.hardDisk"
-    :guest-machine-type="props.guestMachineType"
-    :compute-resource="props.computeResource"
-    :disabled="false"
-    @remove="emits('remove')"
-    @roll-back="emits('roll-back')"
-    @validate-size="onValidateSize"
-    @change-storage="onChangeStorage"
-    @remove-error-by-title="emits('remove-error-by-title', $event)"
-  />
-</template>
-
-<script setup lang="ts">
-import type { UI_I_DatastoreTableItem } from '~/lib/models/store/storage/interfaces'
-import type {
-  UI_I_SendDataNewHardDisk,
-  UI_I_SendDataNewHardDiskStorage,
-} from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/interfaces'
-import type { UI_T_HardDiskType } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/types'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
-import type { UI_I_TablePayload } from '~/lib/models/table/interfaces'
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-import type { UI_I_TreeNode } from '~/components/common/recursionTree/lib/models/interfaces'
-import { binaryOptionsFunc } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/config/binaryOptions'
-
-const props = withDefaults(
-  defineProps<{
-    storage: UI_I_DatastoreTableItem | null
-    hardDisk: UI_I_SendDataNewHardDisk
-    type: UI_T_HardDiskType
-    index: number
-    errorValidationFields: UI_I_ErrorValidationField[]
-    getDatastoreTableFunc: (payload: UI_I_TablePayload) => Promise<void>
-    datastore: UI_I_DatastoreTableItem[]
-    isDatastoreLoading: boolean
-    isEdit: boolean
-    state?: string | number
-    guestMachineType?: UI_I_OptionItem | null
-    computeResource?: UI_I_TreeNode | null
-  }>(),
-  {
-    state: undefined,
-    guestMachineType: undefined,
-    computeResource: undefined,
-  }
-)
-const emits = defineEmits<{
-  (event: 'send-data', value: UI_I_SendDataNewHardDisk): void
-  (event: 'invalid', value: boolean): void
-  (event: 'remove'): void
-  (event: 'roll-back'): void
-  (event: 'remove-error-by-title', value: string): void
-}>()
-
-const { $store, $binary }: any = useNuxtApp()
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-
-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 && bus.value === 'virtio')
-  )
-})
-
-const typeError = computed<string>(() => `disk_devices[${props.index}].size`)
-
-const apiErrorLocal = computed<string>(() => {
-  return (
-    props.errorValidationFields?.find(
-      (message) => message.field === typeError.value
-    )?.error_message || ''
-  )
-})
-
-// PC-1796
-// const isNotNewHardDisk = computed<boolean>(
-//   () => props.type === 'edit' || props.type === 'removed'
-// )
-const isNewHardDisk = computed<boolean>(
-  () => props.type !== 'edit' && props.type !== 'removed'
-)
-const label = computed<string>(() => {
-  // if (props.type === 'edit' || props.type === 'removed')
-  if (!isNewHardDisk.value)
-    return `${localization.value.common.hardDisk} ${props.index + 1}`
-
-  return `${localization.value.common.newHardDisk} *`
-})
-
-const maxHardDisk = computed<number>(() => {
-  const hardDiskSizeMb = $binary.gbToMb(props.hardDisk.size)
-
-  if (props.type === 'exist') return hardDiskSizeMb
-
-  if (!storage.value) return 0
-  const free = storage.value.capacity.free_mb || storage.value.capacity // TODO fix
-
-  if (props.isEdit) return free + hardDiskSizeMb
-
-  return free
-})
-const hardDiskTypeErrorLocalText = computed<string>(() => {
-  if (+sizeInMb.value > maxHardDisk.value) {
-    return localization.value.common.diskCapacitySpecifiedGreater
-  }
-
-  if (+sizeInMb.value <= 0) {
-    return localization.value.common.diskCapacityCannotZero
-  }
-
-  return ''
-})
-
-const hardDiskLocalAndApiErrorsTexts = computed<string>(() => {
-  const localError = hardDiskTypeErrorLocalText.value
-  const apiError = apiErrorLocal.value
-
-  let result = ''
-  if (localError && !apiError) result = localError
-  if (!localError && apiError) result = apiError
-  if (localError && apiError) result = localError + ', ' + apiError
-  if (!localError && apiError) result = apiError
-
-  return result
-})
-
-const deleteFilesFromDatastore = ref<boolean>(false)
-
-const hardDiskType = ref<string>('gb')
-const hardDiskTypeOptions = ref<UI_I_OptionItem[]>(
-  binaryOptionsFunc(localization.value)
-)
-
-const size = ref<number>(props.hardDisk.size) // Изначально всегда приходит в gb
-const sizeInMb = computed<number>(() => {
-  if (hardDiskType.value === 'mb') {
-    return size.value
-  }
-
-  return $binary.universalFromTo(size.value, hardDiskType.value, 'mb')
-})
-const onValidateSize = (): void => {
-  if (props.type !== 'edit') return
-  if (sizeInMb.value < props.hardDisk.size) {
-    size.value = $binary.universalFromTo(
-      props.hardDisk.size,
-      'mb',
-      hardDiskType.value
-    )
-  }
-}
-
-const isDisabledSize = computed<boolean>(() => {
-  if (isNewHardDisk.value) return false
-  return (
-    props.type === 'exist' ||
-    (props.type === 'edit' && readOnly.value) ||
-    (isRunning.value && diskProvisioning.value === 'thick')
-  )
-})
-const isDisabledProvisioning = computed<boolean>(() => {
-  if (isNewHardDisk.value) return false
-  return props.isEdit || isRunning.value
-})
-const isDisabledSharing = computed<boolean>(() => {
-  return isRunning.value && !isNewHardDisk.value
-})
-const isDisabledLimitIops = computed<boolean>(() => {
-  return isRunning.value && !isNewHardDisk.value
-})
-const isDisabledMode = computed<boolean>(() => {
-  return isRunning.value && !isNewHardDisk.value
-})
-const isDisabledCache = computed<boolean>(() => {
-  if (isNewHardDisk.value) return false
-  return props.isEdit || isRunning.value
-})
-const isDisabledBus = computed<boolean>(() => {
-  return !isNewHardDisk.value && isRunning.value
-})
-
-const location = ref<UI_I_DatastoreTableItem | null>(props.storage || null)
-const storage = ref<UI_I_DatastoreTableItem | null>(props.storage)
-watch(
-  () => props.storage,
-  (newValue) => {
-    location.value = newValue
-    storage.value = newValue
-  },
-  {
-    immediate: true,
-    deep: true,
-  }
-)
-const onChangeStorage = (item: UI_I_DatastoreTableItem): void => {
-  storage.value = item
-}
-
-const diskProvisioning = ref<string>('thick')
-const sharing = ref<string>('')
-const shares = ref<number>(0)
-
-const limitIops = ref<number>(16)
-const limitIopsType = ref<string>('unlimited')
-const limitIopsInvalid = ref<boolean>(false)
-
-const diskMode = ref<string>('dependent')
-
-const cache = ref<string>('none')
-
-const bus = ref<string>('ide')
-
-const readOnly = ref<boolean>(false)
-
-const discard = ref<string>('')
-
-const io = ref<string>('')
-
-const target = ref<string>('')
-
-watch(
-  [
-    sizeInMb,
-    storage,
-    diskProvisioning,
-    sharing,
-    limitIops,
-    limitIopsType,
-    diskMode,
-    cache,
-    bus,
-    deleteFilesFromDatastore,
-    (): void => props.type,
-  ],
-  () => {
-    const limitIopsLocal =
-      limitIopsType.value === 'unlimited' ? 0 : limitIops.value
-    const storageLocal: UI_I_SendDataNewHardDiskStorage = {
-      id: storage.value?.id || '',
-      name: storage.value?.name || '',
-      type: storage.value?.type_text || '',
-      pool: storage.value?.pool_name || '',
-      user: '',
-      endpoint: '',
-      password: '',
-      protocol: '',
-      options: '',
-    }
-
-    emits('send-data', {
-      create: props.hardDisk.create,
-      attach: props.hardDisk.attach,
-      source: props.hardDisk.source,
-      size: Math.ceil(sizeInMb.value),
-      bus: bus.value,
-      target: target.value,
-      storage: storageLocal,
-      device_type: 'disk',
-      provision_type: diskProvisioning.value,
-      disk_mode: diskMode.value,
-      sharing: sharing.value === 'yes',
-      read_only: readOnly.value,
-      shares: shares.value,
-      cache: cache.value,
-      io: io.value,
-      limit_iops: limitIopsLocal,
-      discard: discard.value,
-      capacity: Math.ceil(sizeInMb.value),
-      boot_order: props.hardDisk.boot_order,
-      detach: props.type === 'removed',
-      remove: props.type === 'removed' && deleteFilesFromDatastore.value, // Проверяем если удалили диск и указали Delete files from datastore
-    })
-  },
-  { immediate: true }
-)
-
-// Добавляем данные для редактирования
-watch(
-  () => props.hardDisk,
-  (newValue) => {
-    // TODO refactoring
-    if (props.type === 'exist') {
-      diskProvisioning.value = newValue.provision_type || 'thick'
-      return
-    }
-    // if (props.type !== 'edit') return
-    if (props.type !== 'edit' && props.type !== 'clone') return
-
-    const sizeInGb = $binary.mbToGb(newValue.size)
-    if (sizeInGb < 1) {
-      size.value = newValue.size
-      hardDiskType.value = 'mb'
-    } else {
-      size.value = sizeInGb
-      hardDiskType.value = 'gb'
-    }
-    diskProvisioning.value = newValue.provision_type || 'thick'
-    sharing.value = newValue.sharing ? 'yes' : ''
-    shares.value = newValue.shares || 0
-    // limitIopsType.value = newValue.io === 'native' ? 'unlimited' : 'custom'
-    limitIopsType.value = newValue.limit_iops === 0 ? 'unlimited' : 'custom'
-    limitIops.value = newValue.limit_iops || 16
-    diskMode.value = newValue.disk_mode || 'dependent'
-    cache.value = newValue.cache || 'none'
-    bus.value = newValue.bus || 'ide'
-    readOnly.value = newValue.read_only || false
-    discard.value = newValue.discard || ''
-    io.value = newValue.io || ''
-    target.value = newValue.target || ''
-  },
-  { immediate: true }
-)
-watch(
-  isRunning,
-  (newValue) => {
-    if (newValue && props.type === 'new') {
-      bus.value = 'virtio'
-    }
-  },
-  { immediate: true }
-)
-
-const hardDiskInvalid = computed<boolean>(() => {
-  return !!hardDiskTypeErrorLocalText.value || limitIopsInvalid.value
-})
-watch(
-  hardDiskInvalid,
-  (newValue) => {
-    emits('invalid', newValue)
-  },
-  { immediate: true }
-)
-</script>
-
-<style scoped lang="scss"></style>
+<template>
+  <common-vm-actions-common-customize-hardware-virtual-hardware-new-hard-disk-new
+    v-if="isNewView"
+    v-model:delete-files-from-datastore="deleteFilesFromDatastore"
+    v-model:size="size"
+    v-model:hard-disk-type="hardDiskType"
+    v-model:disk-provisioning="diskProvisioning"
+    v-model:sharing="sharing"
+    v-model:limit-iops="limitIops"
+    v-model:limit-iops-type="limitIopsType"
+    v-model:limit-iops-invalid="limitIopsInvalid"
+    v-model:disk-mode="diskMode"
+    v-model:cache="cache"
+    v-model:bus="bus"
+    :is-removable="isRemovable"
+    :label="label"
+    :hard-disk-invalid="hardDiskInvalid"
+    :error-text="hardDiskLocalAndApiErrorsTexts"
+    :hard-disk-type-error-local-text="hardDiskTypeErrorLocalText"
+    :is-disabled-size="isDisabledSize"
+    :is-disabled-provisioning="isDisabledProvisioning"
+    :is-disabled-sharing="isDisabledSharing"
+    :is-disabled-limit-iops="isDisabledLimitIops"
+    :is-disabled-mode="isDisabledMode"
+    :is-disabled-cache="isDisabledCache"
+    :is-disabled-bus="isDisabledBus"
+    :hard-disk-type-options="hardDiskTypeOptions"
+    :max-hard-disk="maxHardDisk"
+    :location="location"
+    :is-running="isRunning"
+    :is-new-hard-disk="isNewHardDisk"
+    :is-edit="props.isEdit"
+    :datastore="props.datastore"
+    :is-datastore-loading="props.isDatastoreLoading"
+    :get-datastore-table-func="props.getDatastoreTableFunc"
+    :error-validation-fields="props.errorValidationFields"
+    :index="props.index"
+    :type="props.type"
+    :hard-disk="props.hardDisk"
+    :guest-machine-type="props.guestMachineType"
+    :compute-resource="props.computeResource"
+    @remove="emits('remove')"
+    @roll-back="emits('roll-back')"
+    @validate-size="onValidateSize"
+    @change-storage="onChangeStorage"
+    @remove-error-by-title="emits('remove-error-by-title', $event)"
+  />
+  <common-vm-actions-common-customize-hardware-virtual-hardware-new-hard-disk-old
+    v-else
+    v-model:delete-files-from-datastore="deleteFilesFromDatastore"
+    v-model:size="size"
+    v-model:hard-disk-type="hardDiskType"
+    v-model:disk-provisioning="diskProvisioning"
+    v-model:sharing="sharing"
+    v-model:limit-iops="limitIops"
+    v-model:limit-iops-type="limitIopsType"
+    v-model:limit-iops-invalid="limitIopsInvalid"
+    v-model:disk-mode="diskMode"
+    v-model:cache="cache"
+    v-model:bus="bus"
+    :is-removable="isRemovable"
+    :label="label"
+    :hard-disk-invalid="hardDiskInvalid"
+    :error-text="hardDiskLocalAndApiErrorsTexts"
+    :hard-disk-type-error-local-text="hardDiskTypeErrorLocalText"
+    :is-disabled-size="isDisabledSize"
+    :is-disabled-provisioning="isDisabledProvisioning"
+    :is-disabled-sharing="isDisabledSharing"
+    :is-disabled-limit-iops="isDisabledLimitIops"
+    :is-disabled-mode="isDisabledMode"
+    :is-disabled-cache="isDisabledCache"
+    :is-disabled-bus="isDisabledBus"
+    :hard-disk-type-options="hardDiskTypeOptions"
+    :max-hard-disk="maxHardDisk"
+    :location="location"
+    :is-running="isRunning"
+    :is-new-hard-disk="isNewHardDisk"
+    :is-edit="props.isEdit"
+    :datastore="props.datastore"
+    :is-datastore-loading="props.isDatastoreLoading"
+    :get-datastore-table-func="props.getDatastoreTableFunc"
+    :error-validation-fields="props.errorValidationFields"
+    :index="props.index"
+    :type="props.type"
+    :hard-disk="props.hardDisk"
+    :guest-machine-type="props.guestMachineType"
+    :compute-resource="props.computeResource"
+    :disabled="false"
+    @remove="emits('remove')"
+    @roll-back="emits('roll-back')"
+    @validate-size="onValidateSize"
+    @change-storage="onChangeStorage"
+    @remove-error-by-title="emits('remove-error-by-title', $event)"
+  />
+</template>
+
+<script setup lang="ts">
+import type { UI_I_DatastoreTableItem } from '~/lib/models/store/storage/interfaces'
+import type {
+  UI_I_SendDataNewHardDisk,
+  UI_I_SendDataNewHardDiskStorage,
+} from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/interfaces'
+import type { UI_T_HardDiskType } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/types'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
+import type { UI_I_TablePayload } from '~/lib/models/table/interfaces'
+import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+import type { UI_I_TreeNode } from '~/components/common/recursionTree/lib/models/interfaces'
+import { binaryOptionsFunc } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/config/binaryOptions'
+
+const props = withDefaults(
+  defineProps<{
+    storage: UI_I_DatastoreTableItem | null
+    hardDisk: UI_I_SendDataNewHardDisk
+    type: UI_T_HardDiskType
+    index: number
+    errorValidationFields: UI_I_ErrorValidationField[]
+    getDatastoreTableFunc: (payload: UI_I_TablePayload) => Promise<void>
+    datastore: UI_I_DatastoreTableItem[]
+    isDatastoreLoading: boolean
+    isEdit: boolean
+    state?: string | number
+    guestMachineType?: UI_I_OptionItem | null
+    computeResource?: UI_I_TreeNode | null
+  }>(),
+  {
+    state: undefined,
+    guestMachineType: undefined,
+    computeResource: undefined,
+  }
+)
+const emits = defineEmits<{
+  (event: 'send-data', value: UI_I_SendDataNewHardDisk): void
+  (event: 'invalid', value: boolean): void
+  (event: 'remove'): void
+  (event: 'roll-back'): void
+  (event: 'remove-error-by-title', value: string): void
+}>()
+
+const { $store, $binary }: any = useNuxtApp()
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+
+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 && bus.value === 'virtio')
+  )
+})
+
+const typeError = computed<string>(() => `disk_devices[${props.index}].size`)
+
+const apiErrorLocal = computed<string>(() => {
+  return (
+    props.errorValidationFields?.find(
+      (message) => message.field === typeError.value
+    )?.error_message || ''
+  )
+})
+
+// PC-1796
+// const isNotNewHardDisk = computed<boolean>(
+//   () => props.type === 'edit' || props.type === 'removed'
+// )
+const isNewHardDisk = computed<boolean>(
+  () => props.type !== 'edit' && props.type !== 'removed'
+)
+const label = computed<string>(() => {
+  // if (props.type === 'edit' || props.type === 'removed')
+  if (!isNewHardDisk.value)
+    return `${localization.value.common.hardDisk} ${props.index + 1}`
+
+  return `${localization.value.common.newHardDisk} *`
+})
+
+const maxHardDisk = computed<number>(() => {
+  const hardDiskSizeMb = $binary.gbToMb(props.hardDisk.size)
+
+  if (props.type === 'exist') return hardDiskSizeMb
+
+  if (!storage.value) return 0
+  const free = storage.value.capacity.free_mb || storage.value.capacity // TODO fix
+
+  if (props.isEdit) return free + hardDiskSizeMb
+
+  return free
+})
+const hardDiskTypeErrorLocalText = computed<string>(() => {
+  if (+sizeInMb.value > maxHardDisk.value) {
+    return localization.value.common.diskCapacitySpecifiedGreater
+  }
+
+  if (+sizeInMb.value <= 0) {
+    return localization.value.common.diskCapacityCannotZero
+  }
+
+  return ''
+})
+
+const hardDiskLocalAndApiErrorsTexts = computed<string>(() => {
+  const localError = hardDiskTypeErrorLocalText.value
+  const apiError = apiErrorLocal.value
+
+  let result = ''
+  if (localError && !apiError) result = localError
+  if (!localError && apiError) result = apiError
+  if (localError && apiError) result = localError + ', ' + apiError
+  if (!localError && apiError) result = apiError
+
+  return result
+})
+
+const deleteFilesFromDatastore = ref<boolean>(false)
+
+const hardDiskType = ref<string>('gb')
+const hardDiskTypeOptions = ref<UI_I_OptionItem[]>(
+  binaryOptionsFunc(localization.value)
+)
+
+const size = ref<number>(props.hardDisk.size) // Изначально всегда приходит в gb
+const sizeInMb = computed<number>(() => {
+  if (hardDiskType.value === 'mb') {
+    return size.value
+  }
+
+  return $binary.universalFromTo(size.value, hardDiskType.value, 'mb')
+})
+const onValidateSize = (): void => {
+  if (props.type !== 'edit') return
+  if (sizeInMb.value < props.hardDisk.size) {
+    size.value = $binary.universalFromTo(
+      props.hardDisk.size,
+      'mb',
+      hardDiskType.value
+    )
+  }
+}
+
+const isDisabledSize = computed<boolean>(() => {
+  if (isNewHardDisk.value) return false
+  return (
+    props.type === 'exist' ||
+    (props.type === 'edit' && readOnly.value) ||
+    (isRunning.value && diskProvisioning.value === 'thick')
+  )
+})
+const isDisabledProvisioning = computed<boolean>(() => {
+  if (isNewHardDisk.value) return false
+  return props.isEdit || isRunning.value
+})
+const isDisabledSharing = computed<boolean>(() => {
+  return isRunning.value && !isNewHardDisk.value
+})
+const isDisabledLimitIops = computed<boolean>(() => {
+  return isRunning.value && !isNewHardDisk.value
+})
+const isDisabledMode = computed<boolean>(() => {
+  return isRunning.value && !isNewHardDisk.value
+})
+const isDisabledCache = computed<boolean>(() => {
+  if (isNewHardDisk.value) return false
+  return props.isEdit || isRunning.value
+})
+const isDisabledBus = computed<boolean>(() => {
+  return !isNewHardDisk.value && isRunning.value
+})
+
+const location = ref<UI_I_DatastoreTableItem | null>(props.storage || null)
+const storage = ref<UI_I_DatastoreTableItem | null>(props.storage)
+watch(
+  () => props.storage,
+  (newValue) => {
+    location.value = newValue
+    storage.value = newValue
+  },
+  {
+    immediate: true,
+    deep: true,
+  }
+)
+const onChangeStorage = (item: UI_I_DatastoreTableItem): void => {
+  storage.value = item
+}
+
+const diskProvisioning = ref<string>('thick')
+const sharing = ref<string>('')
+const shares = ref<number>(0)
+
+const limitIops = ref<number>(16)
+const limitIopsType = ref<string>('unlimited')
+const limitIopsInvalid = ref<boolean>(false)
+
+const diskMode = ref<string>('dependent')
+
+const cache = ref<string>('none')
+
+const bus = ref<string>('ide')
+
+const readOnly = ref<boolean>(false)
+
+const discard = ref<string>('')
+
+const io = ref<string>('')
+
+const target = ref<string>('')
+
+watch(
+  [
+    sizeInMb,
+    storage,
+    diskProvisioning,
+    sharing,
+    limitIops,
+    limitIopsType,
+    diskMode,
+    cache,
+    bus,
+    deleteFilesFromDatastore,
+    (): void => props.type,
+  ],
+  () => {
+    const limitIopsLocal =
+      limitIopsType.value === 'unlimited' ? 0 : limitIops.value
+    const storageLocal: UI_I_SendDataNewHardDiskStorage = {
+      id: storage.value?.id || '',
+      name: storage.value?.name || '',
+      type: storage.value?.type_text || '',
+      pool: storage.value?.pool_name || '',
+      user: '',
+      endpoint: '',
+      password: '',
+      protocol: '',
+      options: '',
+    }
+
+    emits('send-data', {
+      create: props.hardDisk.create,
+      attach: props.hardDisk.attach,
+      source: props.hardDisk.source,
+      size: Math.ceil(sizeInMb.value),
+      bus: bus.value,
+      target: target.value,
+      storage: storageLocal,
+      device_type: 'disk',
+      provision_type: diskProvisioning.value,
+      disk_mode: diskMode.value,
+      sharing: sharing.value === 'yes',
+      read_only: readOnly.value,
+      shares: shares.value,
+      cache: cache.value,
+      io: io.value,
+      limit_iops: limitIopsLocal,
+      discard: discard.value,
+      capacity: Math.ceil(sizeInMb.value),
+      boot_order: props.hardDisk.boot_order,
+      detach: props.type === 'removed',
+      remove: props.type === 'removed' && deleteFilesFromDatastore.value, // Проверяем если удалили диск и указали Delete files from datastore
+    })
+  },
+  { immediate: true }
+)
+
+// Добавляем данные для редактирования
+watch(
+  () => props.hardDisk,
+  (newValue) => {
+    // TODO refactoring
+    if (props.type === 'exist') {
+      diskProvisioning.value = newValue.provision_type || 'thick'
+      return
+    }
+    // if (props.type !== 'edit') return
+    if (props.type !== 'edit' && props.type !== 'clone') return
+
+    const sizeInGb = $binary.mbToGb(newValue.size)
+    if (sizeInGb < 1) {
+      size.value = newValue.size
+      hardDiskType.value = 'mb'
+    } else {
+      size.value = sizeInGb
+      hardDiskType.value = 'gb'
+    }
+    diskProvisioning.value = newValue.provision_type || 'thick'
+    sharing.value = newValue.sharing ? 'yes' : ''
+    shares.value = newValue.shares || 0
+    // limitIopsType.value = newValue.io === 'native' ? 'unlimited' : 'custom'
+    limitIopsType.value = newValue.limit_iops === 0 ? 'unlimited' : 'custom'
+    limitIops.value = newValue.limit_iops || 16
+    diskMode.value = newValue.disk_mode || 'dependent'
+    cache.value = newValue.cache || 'none'
+    bus.value = newValue.bus || 'ide'
+    readOnly.value = newValue.read_only || false
+    discard.value = newValue.discard || ''
+    io.value = newValue.io || ''
+    target.value = newValue.target || ''
+  },
+  { immediate: true }
+)
+watch(
+  isRunning,
+  (newValue) => {
+    if (newValue && props.type === 'new') {
+      bus.value = 'virtio'
+    }
+  },
+  { immediate: true }
+)
+
+const hardDiskInvalid = computed<boolean>(() => {
+  return !!hardDiskTypeErrorLocalText.value || limitIopsInvalid.value
+})
+watch(
+  hardDiskInvalid,
+  (newValue) => {
+    emits('invalid', newValue)
+  },
+  { immediate: true }
+)
+</script>
+
+<style scoped lang="scss"></style>