bfg-common 1.5.572 → 1.5.573

package/components/common/vm/actions/common/customizeHardware/virtualHardware/VirtualHardwareOld.vue

@@ -12,117 +12,237 @@
     <div class="clr-component">
       <div class="stack-view">
         <common-vm-actions-common-customize-hardware-virtual-hardware-cpu
-          :max-cpus="props.maxCpus"
+          v-model="model"
           :cpu-models="props.cpuModels"
-          :cpu="props.cpu"
           :is-edit="props.isEdit"
           :state="props.state"
           :error-validation-fields="props.errorValidationFields"
           :vm-cpu-help-text-second="props.vmCpuHelpTextSecond"
-          @send-data="emits('send-data-cpu-method', $event)"
           @remove-error-by-title="emits('remove-error-by-title', $event)"
           @invalid="cpuInvalid = $event"
         />
         <common-vm-actions-common-customize-hardware-virtual-hardware-memory
+          v-model="model"
           :max-memory="props.maxMemory"
           :is-edit="props.isEdit"
-          :memory="props.memory"
           :state="props.state"
           :error-validation-fields="props.errorValidationFields"
-          @send-data="emits('send-data-memory-method', $event)"
           @invalid="memoryInvalid = $event"
           @remove-error-by-title="emits('remove-error-by-title', $event)"
         />
-        <common-vm-actions-common-customize-hardware-virtual-hardware-new-hard-disk
-          v-for="(item, key) in props.hardDisks"
+        <!--        <common-vm-actions-common-customize-hardware-virtual-hardware-new-hard-disk-->
+        <!--          v-for="(item, key) in props.hardDisks"-->
+        <!--          :key="props.hardDisksIndex[key]"-->
+        <!--                  :index="props.hardDisksIndex[key]"-->
+        <!--                  :type="props.hardDisksType[key]"-->
+        <!--                  :storage="props.storage"-->
+        <!--                  :hard-disk="item"-->
+        <!--                  :error-validation-fields="props.errorValidationFields"-->
+        <!--                  :get-datastore-table-func="props.getDatastoreTableFunc"-->
+        <!--                  :datastore="props.datastore"-->
+        <!--                  :is-datastore-loading="props.isDatastoreLoading"-->
+        <!--                  :is-edit="props.isEdit"-->
+        <!--                  :state="props.state"-->
+        <!--                  :guest-machine-type="props.guestMachineType"-->
+        <!--                  :compute-resource="props.computeResource"-->
+        <!--                  @remove="emits('remove-hard-disk', [props.hardDisksIndex[key], item])"-->
+        <!--                  @roll-back="emits('roll-back-hard-disk', props.hardDisksIndex[key])"-->
+        <!--                  @send-data="-->
+        <!--                    emits('send-data-new-hard-disk-method', [-->
+        <!--                      $event,-->
+        <!--                      props.hardDisksIndex[key],-->
+        <!--                    ])-->
+        <!--                  "-->
+        <!--                  @invalid="-->
+        <!--                    emits('set-invalid-hard-disk', [$event, props.hardDisksIndex[key]])-->
+        <!--                  "-->
+        <!--                  @remove-error-by-title="emits('remove-error-by-title', $event)"-->
+        <!--        />-->
+        <!--        TODO-->
+        <div
+          v-for="(item, key) in model.disk_devices.filter(
+            (disk) => disk.device_type !== 'cdrom'
+          )"
           :key="props.hardDisksIndex[key]"
-          :index="props.hardDisksIndex[key]"
-          :type="props.hardDisksType[key]"
-          :storage="props.storage"
-          :hard-disk="item"
-          :error-validation-fields="props.errorValidationFields"
-          :get-datastore-table-func="props.getDatastoreTableFunc"
-          :datastore="props.datastore"
-          :is-datastore-loading="props.isDatastoreLoading"
-          :is-edit="props.isEdit"
-          :state="props.state"
-          :guest-machine-type="props.guestMachineType"
-          :compute-resource="props.computeResource"
-          @remove="emits('remove-hard-disk', [props.hardDisksIndex[key], item])"
-          @roll-back="emits('roll-back-hard-disk', props.hardDisksIndex[key])"
-          @send-data="
-            emits('send-data-new-hard-disk-method', [
-              $event,
-              props.hardDisksIndex[key],
-            ])
-          "
-          @invalid="
-            emits('set-invalid-hard-disk', [$event, props.hardDisksIndex[key]])
-          "
-          @remove-error-by-title="emits('remove-error-by-title', $event)"
-        />
-        <common-vm-actions-common-customize-hardware-virtual-hardware-new-network
-          v-for="(item, key) in props.networks"
+        >
+          <common-vm-actions-common-customize-hardware-virtual-hardware-new-hard-disk
+            v-model:size="item.size"
+            v-model:provision-type="item.provision_type"
+            v-model:sharing="item.sharing"
+            v-model:shares="item.shares"
+            v-model:limit-iops="item.limit_iops"
+            v-model:disk-mode="item.disk_mode"
+            v-model:cache="item.cache"
+            v-model:bus="item.bus"
+            v-model:read-only="item.readOnly"
+            v-model:discard="item.discard"
+            v-model:io="item.io"
+            v-model:target="item.target"
+            v-model:source="item.source"
+            v-model:storage="item.storage"
+            v-model:remove="item.remove"
+            v-model:detach="item.detach"
+            :index="props.hardDisksIndex[key]"
+            :type="props.hardDisksType[key]"
+            :main-storage="props.storage"
+            :error-validation-fields="props.errorValidationFields"
+            :get-datastore-table-func="props.getDatastoreTableFunc"
+            :datastore="props.datastore"
+            :is-datastore-loading="props.isDatastoreLoading"
+            :is-edit="props.isEdit"
+            :state="props.state"
+            :guest-machine-type="props.guestMachineType"
+            :compute-resource="props.computeResource"
+            @remove="
+              emits('remove-hard-disk', [props.hardDisksIndex[key], item])
+            "
+            @roll-back="emits('roll-back-hard-disk', props.hardDisksIndex[key])"
+            @send-data="
+              emits('send-data-new-hard-disk-method', [
+                $event,
+                props.hardDisksIndex[key],
+              ])
+            "
+            @invalid="
+              emits('set-invalid-hard-disk', [
+                $event,
+                props.hardDisksIndex[key],
+              ])
+            "
+            @remove-error-by-title="emits('remove-error-by-title', $event)"
+          />
+        </div>
+        <!--        <common-vm-actions-common-customize-hardware-virtual-hardware-new-network-->
+        <!--          v-for="(item, key) in props.networks"-->
+        <!--          :key="props.networksIndex[key]"-->
+        <!--          :index="props.networksIndex[key]"-->
+        <!--          :type="props.networksType[key]"-->
+        <!--          :network="item"-->
+        <!--          :networks-table="props.networksTable"-->
+        <!--          :error-validation-fields="props.errorValidationFields"-->
+        <!--          :is-edit="props.isEdit"-->
+        <!--          :state="props.state"-->
+        <!--          :project="props.project"-->
+        <!--          @remove="emits('remove-network', props.networksIndex[key])"-->
+        <!--          @send-data="-->
+        <!--            emits('send-data-new-network-method', [-->
+        <!--              $event,-->
+        <!--              props.networksIndex[key],-->
+        <!--            ])-->
+        <!--          "-->
+        <!--          @invalid="-->
+        <!--            emits('set-invalid-network', [$event, props.networksIndex[key]])-->
+        <!--          "-->
+        <!--          @remove-error-by-title="emits('remove-error-by-title', $event)"-->
+        <!--          @get-networks-table="emits('get-networks-table', $event)"-->
+        <!--        />-->
+        <div
+          v-for="(item, key) in model.network_devices"
           :key="props.networksIndex[key]"
-          :index="props.networksIndex[key]"
-          :type="props.networksType[key]"
-          :network="item"
-          :networks-table="props.networksTable"
-          :error-validation-fields="props.errorValidationFields"
-          :is-edit="props.isEdit"
-          :state="props.state"
-          :project="props.project"
-          @remove="emits('remove-network', props.networksIndex[key])"
-          @send-data="
-            emits('send-data-new-network-method', [
-              $event,
-              props.networksIndex[key],
-            ])
-          "
-          @invalid="
-            emits('set-invalid-network', [$event, props.networksIndex[key]])
-          "
-          @remove-error-by-title="emits('remove-error-by-title', $event)"
-          @get-networks-table="emits('get-networks-table', $event)"
-        />
-        <common-vm-actions-common-customize-hardware-virtual-hardware-cd-dvd-drive
-          v-for="(item, key) in props.cdDvdDrives"
-          :key="props.cdDvdDrivesIndex[key]"
-          :index="props.cdDvdDrivesIndex[key]"
-          :hard-disks-count="props.hardDisks?.length || 0"
-          :type="props.cdDvdDrivesType[key]"
-          :cd-dvd-drive="item"
-          :nodes="props.nodes"
-          :files="props.files"
-          :error-validation-fields="props.errorValidationFields"
-          :is-edit="props.isEdit"
-          :state="props.state"
-          :guest-machine-type="props.guestMachineType"
-          :compute-resource="props.computeResource"
-          @remove-error-by-title="emits('remove-error-by-title', $event)"
-          @get-storage="emits('get-storage', $event)"
-          @get-folders-or-files="emits('get-folders-or-files', $event)"
-          @get-active-device-child="emits('get-active-device-child', $event)"
-          @show-datastore-child="emits('show-datastore-child', $event)"
-          @remove="
-            emits('remove-cd-dvd-drive', [props.cdDvdDrivesIndex[key], item])
-          "
-          @roll-back="
-            emits('roll-back-cd-dvd-drive', props.cdDvdDrivesIndex[key])
-          "
-          @send-data="
-            emits('send-data-new-cd-dvd-drive-method', [
-              $event,
-              props.cdDvdDrivesIndex[key],
-            ])
-          "
-        />
-        <common-vm-actions-common-customize-hardware-virtual-hardware-new-usb-controller
-          :usb-controller="props.usbController"
-          :is-edit="props.isEdit"
-          :state="props.state"
-          @send-data="emits('send-data-new-usb-controller-method', $event)"
-        />
+        >
+          <common-vm-actions-common-customize-hardware-virtual-hardware-new-network
+            v-model:network="item.network"
+            v-model:net-bridge="item.net_bridge"
+            v-model:mac="item.mac"
+            v-model:model="item.model"
+            :index="props.networksIndex[key]"
+            :type="props.networksType[key]"
+            :networks-table="props.networksTable"
+            :error-validation-fields="props.errorValidationFields"
+            :is-edit="props.isEdit"
+            :state="props.state"
+            :project="props.project"
+            @remove="emits('remove-network', props.networksIndex[key])"
+            @invalid="
+              emits('set-invalid-network', [$event, props.networksIndex[key]])
+            "
+            @remove-error-by-title="emits('remove-error-by-title', $event)"
+            @get-networks-table="emits('get-networks-table', $event)"
+          />
+        </div>
+        <!--        <common-vm-actions-common-customize-hardware-virtual-hardware-cd-dvd-drive-->
+        <!--          v-for="(item, key) in props.cdDvdDrives"-->
+        <!--          :key="props.cdDvdDrivesIndex[key]"-->
+        <!--          :index="props.cdDvdDrivesIndex[key]"-->
+        <!--          :hard-disks-count="props.hardDisks?.length || 0"-->
+        <!--          :type="props.cdDvdDrivesType[key]"-->
+        <!--          :cd-dvd-drive="item"-->
+        <!--          :nodes="props.nodes"-->
+        <!--          :files="props.files"-->
+        <!--          :error-validation-fields="props.errorValidationFields"-->
+        <!--          :is-edit="props.isEdit"-->
+        <!--          :state="props.state"-->
+        <!--          :guest-machine-type="props.guestMachineType"-->
+        <!--          :compute-resource="props.computeResource"-->
+        <!--          @remove-error-by-title="emits('remove-error-by-title', $event)"-->
+        <!--          @get-storage="emits('get-storage', $event)"-->
+        <!--          @get-folders-or-files="emits('get-folders-or-files', $event)"-->
+        <!--          @get-active-device-child="emits('get-active-device-child', $event)"-->
+        <!--          @show-datastore-child="emits('show-datastore-child', $event)"-->
+        <!--          @remove="-->
+        <!--            emits('remove-cd-dvd-drive', [props.cdDvdDrivesIndex[key], item])-->
+        <!--          "-->
+        <!--          @roll-back="-->
+        <!--            emits('roll-back-cd-dvd-drive', props.cdDvdDrivesIndex[key])-->
+        <!--          "-->
+        <!--          @send-data="-->
+        <!--            emits('send-data-new-cd-dvd-drive-method', [-->
+        <!--              $event,-->
+        <!--              props.cdDvdDrivesIndex[key],-->
+        <!--            ])-->
+        <!--          "-->
+        <!--        />-->
+        <div
+          v-for="(item, key) in model.disk_devices.filter(
+            (disk) => disk.device_type === 'cdrom'
+          )"
+          :key="props.hardDisksIndex[key]"
+        >
+          <!--          TODO count-->
+          <common-vm-actions-common-customize-hardware-virtual-hardware-cd-dvd-drive
+            v-model:source="item.source"
+            v-model:bus="item.bus"
+            v-model:remove="item.remove"
+            v-model:detach="item.detach"
+            :index="props.cdDvdDrivesIndex[key]"
+            :hard-disks-count="
+              model.disk_devices.filter((disk) => disk.device_type !== 'cdrom')
+                ?.length || 0
+            "
+            :type="props.cdDvdDrivesType[key]"
+            :nodes="props.nodes"
+            :files="props.files"
+            :error-validation-fields="props.errorValidationFields"
+            :is-edit="props.isEdit"
+            :state="props.state"
+            :guest-machine-type="props.guestMachineType"
+            :compute-resource="props.computeResource"
+            @remove-error-by-title="emits('remove-error-by-title', $event)"
+            @get-storage="emits('get-storage', $event)"
+            @get-folders-or-files="emits('get-folders-or-files', $event)"
+            @get-active-device-child="emits('get-active-device-child', $event)"
+            @show-datastore-child="emits('show-datastore-child', $event)"
+            @remove="
+              emits('remove-cd-dvd-drive', [props.cdDvdDrivesIndex[key], item])
+            "
+            @roll-back="
+              emits('roll-back-cd-dvd-drive', props.cdDvdDrivesIndex[key])
+            "
+            @send-data="
+              emits('send-data-new-cd-dvd-drive-method', [
+                $event,
+                props.cdDvdDrivesIndex[key],
+              ])
+            "
+          />
+        </div>
+        <div v-for="(item, key) in model.usb_controllers" :key="key">
+          <common-vm-actions-common-customize-hardware-virtual-hardware-new-usb-controller
+            v-model="item.type"
+            :is-edit="props.isEdit"
+            :state="props.state"
+          />
+        </div>
         <template v-if="props.passthroughDevices || props.mediatedDevices">
           <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device
             v-for="(item, key) in props.pciDevices"
@@ -152,11 +272,11 @@
           />
         </template>
         <common-vm-actions-common-customize-hardware-virtual-hardware-video-card
+          v-model="model.video_card"
           :is-edit="props.isEdit"
           :video-card="props.videoCard"
           :error-validation-fields="props.errorValidationFields"
           :state="props.state"
-          @send-data="emits('send-data-video-card-method', $event)"
           @invalid="videoCardInvalid = $event"
           @remove-error-by-title="emits('remove-error-by-title', $event)"
         />
@@ -189,10 +309,7 @@ import type { UI_I_TablePayload } from '~/lib/models/table/interfaces'
 import type { UI_I_FolderOrFileTreePayload } from '~/lib/models/store/storage/interfaces'
 import type { UI_I_FileTreeNode } from '~/components/lib/models/interfaces'
 import type {
-  UI_I_SendDataCpu,
-  UI_I_SendDataMemory,
   UI_I_SendDataNewHardDisk,
-  UI_I_SendDataNewNetwork,
   UI_I_SendDataVideoCard,
   UI_I_SendDataNewCdDvdDrive,
   // UI_I_HardDisk,
@@ -211,11 +328,13 @@ import type {
 import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type {
   API_UI_I_VmEditCpu,
-  API_UI_I_VmEditMemory,
   UI_I_MediatedDevice,
   UI_I_PciDevice,
 } from '~/lib/models/store/vm/interfaces'
 import type { UI_I_TreeNode } from '~/components/common/recursionTree/lib/models/interfaces'
+import type { UI_I_CreateVmData } from '~/components/common/vm/actions/common/lib/models/interfaces'
+
+const model = defineModel<UI_I_CreateVmData>({ required: true })
 
 const cpuInvalid = defineModel<boolean>('cpuInvalid', { required: true })
 const memoryInvalid = defineModel<boolean>('memoryInvalid', { required: true })
@@ -230,7 +349,6 @@ const props = withDefaults(
     isEdit: boolean
     storage: UI_I_DatastoreTableItem | null
     project: UI_T_Project
-    maxCpus: number
     maxMemory: number
     cpuModels: UI_I_OptionItem[]
     datastore: UI_I_DatastoreTableItem[]
@@ -246,17 +364,12 @@ const props = withDefaults(
     pciDevicesIndex: number[]
     cdDvdDrivesType: UI_T_NetworkType[]
     cdDvdDrivesIndex: number[]
-    errorValidationFields: UI_I_ErrorValidationField<string>[]
+    errorValidationFields: UI_I_ErrorValidationField[]
     getDatastoreTableFunc: (payload: UI_I_TablePayload) => Promise<void>
     cpu?: API_UI_I_VmEditCpu
     state?: string | number
-    memory?: API_UI_I_VmEditMemory
-    networks?: UI_I_SendDataNewNetwork[] | null
-    hardDisks?: UI_I_SendDataNewHardDisk[] | null
     videoCard?: UI_I_SendDataVideoCard
     pciDevices?: UI_I_SendDataNewPciDevice[]
-    cdDvdDrives?: UI_I_SendDataNewCdDvdDrive[] | null
-    usbController?: string
     guestMachineType?: UI_I_OptionItem | null
     passthroughDevices?: UI_I_PciDevice[]
     mediatedDevices?: UI_I_MediatedDevice[]
@@ -266,13 +379,8 @@ const props = withDefaults(
   {
     cpu: undefined,
     state: undefined,
-    memory: undefined,
-    networks: undefined,
-    hardDisks: undefined,
     videoCard: undefined,
     pciDevices: undefined,
-    cdDvdDrives: undefined,
-    usbController: undefined,
     guestMachineType: undefined,
     passthroughDevices: undefined,
     mediatedDevices: undefined,
@@ -297,18 +405,11 @@ const emits = defineEmits<{
   ): void
   (event: 'show-datastore-child', value: UI_I_FileTreeNode): void
   (event: 'get-folders-or-files', value: UI_I_FolderOrFileTreePayload): void
-  (event: 'send-data-cpu-method', value: UI_I_SendDataCpu): void
   (event: 'set-invalid-hard-disk', value: [boolean, number]): void
   (event: 'remove-error-by-title', value: string): void
   (event: 'roll-back-cd-dvd-drive', value: number): void
   (event: 'set-invalid-pci-device', value: [boolean, number]): void
   (event: 'get-active-device-child', value: UI_I_FileTreeNode): void
-  (event: 'send-data-memory-method', value: UI_I_SendDataMemory): void
-  (event: 'send-data-video-card-method', value: UI_I_SendDataVideoCard): void
-  (
-    event: 'send-data-new-network-method',
-    value: [UI_I_SendDataNewNetwork, number]
-  ): void
   (
     event: 'send-data-pci-devices-method',
     value: [UI_I_SendDataNewPciDevice, number]
@@ -321,7 +422,6 @@ const emits = defineEmits<{
     event: 'send-data-new-cd-dvd-drive-method',
     value: [UI_I_SendDataNewCdDvdDrive, number]
   ): void
-  (event: 'send-data-new-usb-controller-method', value: string): void
 }>()
 
 const localization = computed<UI_I_Localization>(() => useLocal())

package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/CdDvdDrive.vue

@@ -3,7 +3,7 @@
     v-if="isNewView"
     v-model:delete-files-from-datastore="deleteFilesFromDatastore"
     v-model:selected-cd-dvd-drive="selectedCdDvdDrive"
-    v-model:cd-dvd-media="cdDvdMedia"
+    v-model:cd-dvd-media="source"
     v-model:is-show-file-modal="isShowFileModal"
     v-model:bus="bus"
     :index="props.index"
@@ -36,7 +36,7 @@
     v-else
     v-model:delete-files-from-datastore="deleteFilesFromDatastore"
     v-model:selected-cd-dvd-drive="selectedCdDvdDrive"
-    v-model:cd-dvd-media="cdDvdMedia"
+    v-model:cd-dvd-media="source"
     v-model:is-show-file-modal="isShowFileModal"
     v-model:bus="bus"
     :index="props.index"
@@ -71,7 +71,6 @@
 import type { UI_I_FileTreeNode } from '~/components/lib/models/interfaces'
 import type { UI_I_TablePayload } from '~/lib/models/table/interfaces'
 import type { UI_T_CdDvdDrive } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/lib/models/types'
-import type { UI_I_SendDataNewCdDvdDrive } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/interfaces'
 import type {
   UI_I_Localization,
   UI_I_HTMLSelectElement,
@@ -84,14 +83,19 @@ import type { UI_I_TreeNode } from '~/components/common/recursionTree/lib/models
 import { cdDvdDriveOptionsFunc } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/lib/config/options'
 import { fileTypesFunc } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/lib/config/fileTypes'
 
+const source = defineModel<string>('source', { required: true })
+const bus = defineModel<string>('bus', { required: true }) // PNCWEB-384
+
+const remove = defineModel<boolean>('remove', { required: true })
+const detach = defineModel<boolean>('detach', { required: true })
+
 const props = withDefaults(
   defineProps<{
     hardDisksCount: number
     index: number
-    cdDvdDrive: UI_I_SendDataNewCdDvdDrive
     nodes: UI_I_FileTreeNode[]
     files: UI_I_FileTreeNode[]
-    errorValidationFields: UI_I_ErrorValidationField<string>[]
+    errorValidationFields: UI_I_ErrorValidationField[]
     type: UI_T_CdDvdType
     isEdit: boolean
     disabled: boolean
@@ -107,7 +111,6 @@ const props = withDefaults(
 )
 
 const emits = defineEmits<{
-  (event: 'send-data', value: UI_I_SendDataNewCdDvdDrive): void
   (event: 'remove'): void
   (event: 'roll-back'): void
   (event: 'remove-error-by-title', value: string): void
@@ -117,6 +120,10 @@ const emits = defineEmits<{
   (event: 'show-datastore-child', value: UI_I_FileTreeNode): void
 }>()
 
+watch(() => props.type, (newValue) => {
+  detach.value = newValue === 'removed'
+})
+
 const { $store }: any = useNuxtApp()
 const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
 
@@ -151,13 +158,14 @@ const busValidationType = computed<string>(
 )
 
 const selectedCdDvdDrive = ref<UI_T_CdDvdDrive>('clientDevice')
+if (source.value) selectedCdDvdDrive.value = 'datastoreIsoFile'
 const cdDvdDriveOptions = ref<UI_I_OptionItem[]>(
   cdDvdDriveOptionsFunc(localization.value)
 )
 const changeCdDvdDrive = (event: UI_I_HTMLSelectElement): void => {
   const isDatastoreIsoFile = event.target.value === 'datastoreIsoFile'
   if (!isDatastoreIsoFile) {
-    cdDvdMedia.value = ''
+    source.value = ''
     return
   }
 
@@ -165,66 +173,71 @@ const changeCdDvdDrive = (event: UI_I_HTMLSelectElement): void => {
 }
 const isShowFileModal = ref<boolean>(false)
 const onHideFileModal = (): void => {
-  if (!cdDvdMedia.value) {
+  if (!source.value) {
     selectedCdDvdDrive.value = 'clientDevice'
   }
   isShowFileModal.value = false
 }
 const onSelectFile = (file: UI_I_FileTreeNode): void => {
-  cdDvdMedia.value = file.path
+  source.value = file.path
 }
 const fileTypes = computed<UI_I_OptionItem[]>(() =>
   fileTypesFunc(localization.value)
 )
 
-const cdDvdMedia = ref<string>('')
-// const bus = ref<string>('ide')
-const bus = ref<string>('sata') // PNCWEB-384
-
 const deleteFilesFromDatastore = ref<boolean>(false)
+watch(deleteFilesFromDatastore, (newValue) => {
+  remove.value = props.type === 'removed' && newValue
+})
 
-watch(
-  [cdDvdMedia, bus, deleteFilesFromDatastore, (): void => props.type],
-  () => {
-    emits('send-data', {
-      create: props.cdDvdDrive.create,
-      attach: props.cdDvdDrive.attach,
-      source: cdDvdMedia.value,
-      size: 0,
-      bus: bus.value,
-      device_type: 'cdrom',
-      provision_type: 'thick',
-      disk_mode: 'dependent',
-      sharing: false,
-      read_only: true,
-      shares: 0,
-      cache: 'none',
-      io: 'native',
-      limit_iops: 0,
-      discard: 'unmap',
-      target: props.cdDvdDrive.target,
-      boot_order: props.cdDvdDrive.boot_order,
-      detach: props.type === 'removed',
-      remove: props.type === 'removed' && deleteFilesFromDatastore.value, // Проверяем если удалили диск и указали Delete files from datastore
-    })
-  },
-  { immediate: true }
-)
+// const cdDvdMedia = ref<string>('')
+// const bus = ref<string>('ide')
+// const bus = ref<string>('sata') // PNCWEB-384
+//
+// const deleteFilesFromDatastore = ref<boolean>(false)
+
+// watch(
+//   [cdDvdMedia, bus, deleteFilesFromDatastore, (): void => props.type],
+//   () => {
+//     emits('send-data', {
+//       create: props.cdDvdDrive.create,
+//       attach: props.cdDvdDrive.attach,
+//       source: cdDvdMedia.value,
+//       size: 0,
+//       bus: bus.value,
+//       device_type: 'cdrom',
+//       provision_type: 'thick',
+//       disk_mode: 'dependent',
+//       sharing: false,
+//       read_only: true,
+//       shares: 0,
+//       cache: 'none',
+//       io: 'native',
+//       limit_iops: 0,
+//       discard: 'unmap',
+//       target: props.cdDvdDrive.target,
+//       boot_order: props.cdDvdDrive.boot_order,
+//       detach: props.type === 'removed',
+//       remove: props.type === 'removed' && deleteFilesFromDatastore.value, // Проверяем если удалили диск и указали Delete files from datastore
+//     })
+//   },
+//   { immediate: true }
+// )
 
 // Добавляем данные для редактирования
-watch(
-  () => props.cdDvdDrive,
-  (newValue) => {
-    if (newValue.source !== '') {
-      selectedCdDvdDrive.value = 'datastoreIsoFile'
-      cdDvdMedia.value = newValue.source
-    }
-    if (newValue.bus !== '') {
-      bus.value = newValue.bus
-    }
-  },
-  { immediate: true }
-)
+// watch(
+//   () => props.cdDvdDrive,
+//   (newValue) => {
+//     if (newValue.source !== '') {
+//       selectedCdDvdDrive.value = 'datastoreIsoFile'
+//       cdDvdMedia.value = newValue.source
+//     }
+//     if (newValue.bus !== '') {
+//       bus.value = newValue.bus
+//     }
+//   },
+//   { immediate: true }
+// )
 watch(
   isRunning,
   (newValue) => {

package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/lib/config/options.ts

@@ -5,7 +5,7 @@ export const cdDvdDriveOptionsFunc = (
   localization: UI_I_Localization
 ): UI_I_OptionItem[] => {
   return [
-    { text: '---', value: 'clientDevice' },
+    { text: localization.common.clientDevice, value: 'clientDevice' },
     { text: localization.common.datastoreIsoFile, value: 'datastoreIsoFile' },
   ]
 }