bfg-common 1.5.821 → 1.5.822

package/components/common/monitor/advanced/tools/chartOptionsModal/lib/utils/checkSubmit.ts

@@ -1,7 +1,7 @@
 import type { UI_I_AdvancedCounterItem } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/lib/models/interfaces'
 import {
   allowedHostCpuFieldNotObject,
-  allowedHostNetworkFieldNotObject,
+  // allowedHostNetworkFieldNotObject,
 } from '~/components/common/monitor/advanced/tools/chartOptionsModal/lib/config'
 
 export const checkIsDisabledSubmit = (

package/components/common/pages/backups/modals/lib/config/restore.ts

@@ -45,7 +45,6 @@ export const restoreDefaultFormFunc = (): UI_I_RestoreForm => {
       disk_devices: [],
       network_devices: [],
       passthrough_pci_devices: [],
-      passthrough_usb_devices: [],
       options: {
         remote_console: {
           type: '',

package/components/common/pages/backups/modals/lib/models/interfaces.ts

@@ -126,7 +126,6 @@ export interface API_UI_I_Pvm {
     }
   }
   passthrough_pci_devices: any[]
-  passthrough_usb_devices: any[]
   snapshots: any
   storage: {
     folder: string

package/components/common/vm/actions/add/New.vue

@@ -269,7 +269,6 @@
               :datastore="props.datastore"
               :is-datastore-loading="props.isDatastoreLoading"
               :vm-cpu-help-text-second="props.vmCpuHelpTextSecond"
-              :usb-devices="props.usbDevices"
               :passthrough-devices="props.passthroughDevices"
               :mediated-devices="props.mediatedDevices"
               :compute-resource="computeResource"
@@ -330,7 +329,6 @@
               :datastore="props.datastore"
               :is-datastore-loading="props.isDatastoreLoading"
               :vm-cpu-help-text-second="props.vmCpuHelpTextSecond"
-              :usb-devices="props.usbDevices"
               :passthrough-devices="props.passthroughDevices"
               :mediated-devices="props.mediatedDevices"
               :compute-resource="computeResource"
@@ -464,7 +462,6 @@ const props = withDefaults(
     vmCpuHelpTextSecond: string
     importFromVMWarevSphere: string
     getDatastoreTableFunc: (payload: UI_I_TablePayload) => Promise<void>
-    usbDevices: any[]
     passthroughDevices: UI_I_PciDevice[]
     mediatedDevices: UI_I_MediatedDevice[]
     templatesTree: UI_I_TreeNode[]

package/components/common/vm/actions/add/Old.vue

@@ -118,7 +118,6 @@
             :datastore="props.datastore"
             :is-datastore-loading="props.isDatastoreLoading"
             :vm-cpu-help-text-second="props.vmCpuHelpTextSecond"
-            :usb-devices="props.usbDevices"
             :passthrough-devices="props.passthroughDevices"
             :mediated-devices="props.mediatedDevices"
             :compute-resource="computeResource"
@@ -157,7 +156,6 @@
             :datastore="props.datastore"
             :is-datastore-loading="props.isDatastoreLoading"
             :vm-cpu-help-text-second="props.vmCpuHelpTextSecond"
-            :usb-devices="props.usbDevices"
             :passthrough-devices="props.passthroughDevices"
             :mediated-devices="props.mediatedDevices"
             :compute-resource="computeResource"
@@ -263,7 +261,6 @@ const props = withDefaults(
     vmCpuHelpTextSecond: string
     importFromVMWarevSphere: string
     getDatastoreTableFunc: (payload: UI_I_TablePayload) => Promise<void>
-    usbDevices: any[]
     passthroughDevices: UI_I_PciDevice[]
     mediatedDevices: UI_I_MediatedDevice[]
     templatesTree: UI_I_TreeNode[]

package/components/common/vm/actions/clone/new/New.vue

@@ -174,7 +174,6 @@
             :networks-table="props.networksTable"
             :error-validation-fields="props.errorValidationFields"
             :vm-cpu-help-text-second="props.vmCpuHelpTextSecond"
-            :usb-devices="props.usbDevices"
             :passthrough-devices="props.passthroughDevices"
             :mediated-devices="props.mediatedDevices"
             :get-datastore-table-func="props.getDatastoreTableFunc"
@@ -315,7 +314,6 @@ const props = withDefaults(
     readyCompleteTableInfo: UI_I_TableInfoItem[]
     vmCpuHelpTextSecond: string
     getDatastoreTableFunc: (payload: UI_I_TablePayload) => Promise<void>
-    usbDevices: any[]
     passthroughDevices: UI_I_PciDevice[]
     mediatedDevices: UI_I_MediatedDevice[]
     nameRequestUrl: string

package/components/common/vm/actions/clone/old/Old.vue

@@ -103,7 +103,6 @@
             :networks-table="props.networksTable"
             :error-validation-fields="props.errorValidationFields"
             :vm-cpu-help-text-second="props.vmCpuHelpTextSecond"
-            :usb-devices="props.usbDevices"
             :passthrough-devices="props.passthroughDevices"
             :mediated-devices="props.mediatedDevices"
             :get-datastore-table-func="props.getDatastoreTableFunc"
@@ -178,7 +177,6 @@ const props = withDefaults(
     readyCompleteTableInfo: UI_I_TableInfoItem[]
     vmCpuHelpTextSecond: string
     getDatastoreTableFunc: (payload: UI_I_TablePayload) => Promise<void>
-    usbDevices: any[]
     passthroughDevices: UI_I_PciDevice[]
     mediatedDevices: UI_I_MediatedDevice[]
     nameRequestUrl: string

package/components/common/vm/actions/common/customizeHardware/CustomizeHardware.vue

@@ -23,7 +23,6 @@
     :is-edit="props.isEdit"
     :is-clone="props.isClone"
     :state="props.state"
-    :usb-devices="props.usbDevices"
     :passthrough-devices="props.passthroughDevices"
     :mediated-devices="props.mediatedDevices"
     :project="props.project"
@@ -102,7 +101,6 @@ const props = withDefaults(
     isEdit?: boolean
     isClone?: boolean
     state?: string | number
-    usbDevices?: any[]
     passthroughDevices?: UI_I_PciDevice[]
     mediatedDevices?: UI_I_MediatedDevice[]
     project?: UI_T_Project
@@ -121,7 +119,6 @@ const props = withDefaults(
     isEdit: false,
     isClone: false,
     state: undefined,
-    usbDevices: undefined,
     passthroughDevices: undefined,
     mediatedDevices: undefined,
     project: undefined,

package/components/common/vm/actions/common/customizeHardware/New.vue

@@ -45,7 +45,6 @@
         :datastore="props.datastore"
         :is-datastore-loading="props.isDatastoreLoading"
         :vm-cpu-help-text-second="props.vmCpuHelpTextSecond"
-        :usb-devices="props.usbDevices"
         :passthrough-devices="props.passthroughDevices"
         :mediated-devices="props.mediatedDevices"
         :project="props.project"
@@ -137,7 +136,6 @@ const props = withDefaults(
     hardDisks?: UI_I_SendDataNewHardDisk[] | null
     pciDevices?: UI_I_SendDataNewPciDevice[]
     cdDvdDrives?: UI_I_SendDataNewCdDvdDrive[] | null
-    usbDevices?: any[]
     passthroughDevices?: UI_I_PciDevice[]
     mediatedDevices?: UI_I_MediatedDevice[]
     vmCpuHelpTextSecond?: string
@@ -155,7 +153,6 @@ const props = withDefaults(
     hardDisks: undefined,
     pciDevices: undefined,
     cdDvdDrives: undefined,
-    usbDevices: undefined,
     passthroughDevices: undefined,
     mediatedDevices: undefined,
     vmCpuHelpTextSecond: undefined,

package/components/common/vm/actions/common/customizeHardware/Old.vue

@@ -31,7 +31,6 @@
         :datastore="props.datastore"
         :is-datastore-loading="props.isDatastoreLoading"
         :vm-cpu-help-text-second="props.vmCpuHelpTextSecond"
-        :usb-devices="props.usbDevices"
         :passthrough-devices="props.passthroughDevices"
         :mediated-devices="props.mediatedDevices"
         :project="props.project"
@@ -119,7 +118,6 @@ const props = withDefaults(
     hardDisks?: UI_I_SendDataNewHardDisk[] | null
     pciDevices?: UI_I_SendDataNewPciDevice[]
     cdDvdDrives?: UI_I_SendDataNewCdDvdDrive[] | null
-    usbDevices?: any[]
     passthroughDevices?: UI_I_PciDevice[]
     mediatedDevices?: UI_I_MediatedDevice[]
     vmCpuHelpTextSecond?: string
@@ -136,7 +134,6 @@ const props = withDefaults(
     hardDisks: undefined,
     pciDevices: undefined,
     cdDvdDrives: undefined,
-    usbDevices: undefined,
     passthroughDevices: undefined,
     mediatedDevices: undefined,
     vmCpuHelpTextSecond: undefined,

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

@@ -58,8 +58,8 @@
           )"
           :key="props.hardDisksIndex[key]"
         >
-          <!--          TODO 111-->
-          <!--          v-model:vm-storage-policy="item.vm_storage_policy"-->
+<!--          TODO 111-->
+<!--          v-model:vm-storage-policy="item.vm_storage_policy"-->
           <common-vm-actions-common-customize-hardware-virtual-hardware-new-hard-disk
             v-model:size="item.size"
             v-model:provision-type="item.provision_type"
@@ -201,16 +201,6 @@
             "
           />
         </div>
-        <div v-for="(item, key) in model.passthrough_usb_devices" :key="key">
-          <common-vm-actions-common-customize-hardware-virtual-hardware-new-usb-device
-            v-model:vendor-name="item.vendor_name"
-            :index="props.usbDevicesIndex[key]"
-            :type="props.usbDevicesType[key]"
-            :usb-devices="props.usbDevices"
-            :state="props.state"
-            @remove="emits('remove-usb-device', props.usbDevicesIndex[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"
@@ -292,7 +282,7 @@ import type {
 import type { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
 import type {
   UI_T_HardDiskType,
-  UI_T_NetworkType, UI_T_PciDeviceType,
+  UI_T_NetworkType,
 } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/types'
 import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
 import type { UI_I_Localization } from '~/lib/models/interfaces'
@@ -334,9 +324,6 @@ const props = withDefaults(
     pciDevicesType: UI_T_NetworkType[]
     isShowFileModal: boolean
     pciDevicesIndex: number[]
-    usbDevices: any[]
-    usbDevicesType: UI_T_PciDeviceType[]
-    usbDevicesIndex: number[]
     cdDvdDrivesType: UI_T_NetworkType[]
     cdDvdDrivesIndex: number[]
     errorValidationFields: UI_I_ErrorValidationField<string>[]
@@ -373,7 +360,6 @@ const emits = defineEmits<{
   (event: 'hide-file-modal'): void
   (event: 'remove-hard-disk', value: [number, UI_I_SendDataNewHardDisk]): void
   (event: 'remove-pci-device', value: number): void
-  (event: 'remove-usb-device', value: number): void
   (event: 'get-networks-table', value: UI_I_TablePayload): void
   (event: 'add-exist-hard-disk', value: UI_I_FileTreeNode): void
   (event: 'roll-back-hard-disk', value: number): void
@@ -413,7 +399,6 @@ const deviceCount = computed<number>(
     (model.value.disk_devices?.length || 0) +
     (model.value.network_devices?.length || 0) +
     (model.value.passthrough_pci_devices?.length || 0) +
-    (model.value.passthrough_usb_devices?.length || 0) +
     6
 )
 const deviceCountText = computed<string>(() =>

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

@@ -36,8 +36,8 @@
           )"
           :key="props.hardDisksIndex[key]"
         >
-          <!--          TODO 111-->
-          <!--          v-model:vm-storage-policy="item.vm_storage_policy"-->
+<!--          TODO 111-->
+<!--          v-model:vm-storage-policy="item.vm_storage_policy"-->
           <common-vm-actions-common-customize-hardware-virtual-hardware-new-hard-disk
             v-model:size="item.size"
             v-model:provision-type="item.provision_type"
@@ -181,16 +181,6 @@
             "
           />
         </div>
-        <div v-for="(item, key) in model.passthrough_usb_devices" :key="key">
-          <common-vm-actions-common-customize-hardware-virtual-hardware-new-usb-device
-            v-model:vendor-name="item.vendor_name"
-            :index="props.usbDevicesIndex[key]"
-            :type="props.usbDevicesType[key]"
-            :usb-devices="props.usbDevices"
-            :state="props.state"
-            @remove="emits('remove-usb-device', props.usbDevicesIndex[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"
@@ -311,9 +301,6 @@ const props = withDefaults(
     pciDevicesType: UI_T_PciDeviceType[]
     isShowFileModal: boolean
     pciDevicesIndex: number[]
-    usbDevices: any[]
-    usbDevicesType: UI_T_PciDeviceType[]
-    usbDevicesIndex: number[]
     cdDvdDrivesType: UI_T_CdDvdType[]
     cdDvdDrivesIndex: number[]
     errorValidationFields: UI_I_ErrorValidationField[]
@@ -346,7 +333,6 @@ const emits = defineEmits<{
   (event: 'hide-file-modal'): void
   (event: 'remove-hard-disk', value: [number, UI_I_SendDataNewHardDisk]): void
   (event: 'remove-pci-device', value: number): void
-  (event: 'remove-usb-device', value: number): void
   (event: 'get-networks-table', value: UI_I_TablePayload): void
   (event: 'add-exist-hard-disk', value: UI_I_FileTreeNode): void
   (event: 'roll-back-hard-disk', value: number): void

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

@@ -24,9 +24,6 @@
     :pci-devices-type="pciDevicesType"
     :is-show-file-modal="isShowFileModal"
     :pci-devices-index="pciDevicesIndex"
-    :usb-devices="usbDevices"
-    :usb-devices-type="usbDevicesType"
-    :usb-devices-index="usbDevicesIndex"
     :cd-dvd-drives-type="cdDvdDrivesType"
     :cd-dvd-drives-index="cdDvdDrivesIndex"
     :error-validation-fields="errorValidationFields"
@@ -34,8 +31,8 @@
     :state="state"
     :video-card="videoCard"
     :guest-machine-type="guestMachineType"
-    :passthrough-devices="props.passthroughDevices"
-    :mediated-devices="props.mediatedDevices"
+    :passthrough-devices="passthroughDevices"
+    :mediated-devices="mediatedDevices"
     :vm-cpu-help-text-second="vmCpuHelpTextSecond"
     :compute-resource="props.computeResource"
     :compatibility-info="props.compatibilityInfo"
@@ -120,7 +117,6 @@ const props = withDefaults(
     cdDvdDrives?: UI_I_SendDataNewCdDvdDrive[] | null
     videoCard?: UI_I_SendDataVideoCard
     // pciDevices?: UI_I_SendDataNewPciDevice[]
-    usbDevices?: any[]
     passthroughDevices?: UI_I_PciDevice[]
     mediatedDevices?: UI_I_MediatedDevice[]
     guestMachineType?: UI_I_OptionItem | null
@@ -577,38 +573,6 @@ const onRemovePciDevice = (index: number): void => {
     })
 }
 
-
-
-const defaultUsbDevice: any = {
-  address: '',
-}
-const usbDevicesIndex = ref<number[]>([0])
-const usbDevicesType = ref<('new' | 'edit' | 'removed')[]>(['new'])
-if (!model.value.passthrough_usb_devices?.length) {
-  usbDevicesIndex.value = []
-  usbDevicesType.value = []
-} else {
-  model.value.passthrough_usb_devices.forEach((_disk, _index, array) => {
-    if (!props.isEdit && !props.isClone) return
-
-    const count = array.length
-    usbDevicesIndex.value = [...Array(count).keys()]
-    if (props.isEdit) {
-      usbDevicesType.value = Array(count).fill('edit')
-    } else if (props.isClone) {
-      usbDevicesType.value = Array(count).fill('clone') // before been new
-    }
-  })
-}
-const addUsbDevice = (): void => {
-  const newIndex = (usbDevicesIndex.value.at(-1) ?? -1) + 1
-  usbDevicesIndex.value.push(newIndex)
-  usbDevicesType.value.push('new')
-
-  if (!model.value.passthrough_usb_devices) model.value.passthrough_usb_devices = []
-  model.value.passthrough_usb_devices.push(useDeepCopy(defaultUsbDevice))
-}
-
 const isShowFileModal = ref<boolean>(false)
 const onAddDevice = (item: UI_I_DropdownTreeItemChild): void => {
   switch (item.value) {
@@ -618,9 +582,6 @@ const onAddDevice = (item: UI_I_DropdownTreeItemChild): void => {
     case 2:
       isShowFileModal.value = true
       break
-    case 3:
-      addUsbDevice()
-      break
     case 5:
       addCdDvdDrive()
       break

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

@@ -28,7 +28,7 @@ export const dropdownItemsFunc = (
           testId: 'existing-hard-disk',
         },
         // { text: 'RDM Disk', value: 2 },
-        { text: 'Host USB Device', value: 3 },
+        // { text: 'Host USB Device', value: 3 },
         // { text: 'NVDIMM', value: 4 },
         {
           text: localization.common.cdDvdDrive,

package/components/common/vm/actions/common/lib/models/interfaces.ts

@@ -137,7 +137,6 @@ export interface UI_I_CreateVmData {
   )[]
   network_devices: UI_I_SendDataNewNetwork[]
   passthrough_pci_devices: UI_I_SendDataNewPciDevice[]
-  passthrough_usb_devices: any[]
   usb_controllers: {
     type: string
   }[]

package/components/common/vm/actions/editSettings/Old.vue

@@ -27,7 +27,6 @@
             :video-card="vmSettings.video_card"
             :usb-controller="vmSettings.usb_controllers"
             :pci-devices="vmSettings.passthrough_pci_devices"
-            :usb-devices="vmSettings.passthrough_usb_devices"
             :hard-disks-for-edit="vmSettings.disk_devices.filter((disk) => disk.device_type !== 'cdrom')"
             :options="vmSettings.options"
             :selected-nav-item="props.selectedNavItem"

package/components/common/vm/actions/editSettings/new/New.vue

@@ -30,7 +30,6 @@
             :video-card="vmSettings.video_card"
             :usb-controller="vmSettings.usb_controllers"
             :pci-devices="vmSettings.passthrough_pci_devices"
-            :usb-devices="vmSettings.passthrough_usb_devices"
             :hard-disks-for-edit="vmSettings.disk_devices.filter((disk) => disk.device_type !== 'cdrom')"
             :options="vmSettings.options"
             :selected-nav-item="props.selectedNavItem"

package/components/common/vm/actions/lib/utils.ts

@@ -139,7 +139,6 @@ export const constructSendDataForm = (
     disk_devices,
     network_devices,
     passthrough_pci_devices,
-    passthrough_usb_devices,
     cpu,
     memory,
     usb_controllers,
@@ -170,7 +169,6 @@ export const constructSendDataForm = (
     disk_devices: diskDevices,
     network_devices: network_devices,
     passthrough_pci_devices: passthrough_pci_devices,
-    passthrough_usb_devices: passthrough_usb_devices,
     cpu: {
       vcpus: cpu.vcpus,
       max_vcpus: cpu.hotplug ? cpu.max_vcpus : 0,

package/lib/models/store/vm/interfaces.ts

@@ -210,7 +210,6 @@ export interface API_UI_I_Pvm {
     }
   }
   passthrough_pci_devices: any[]
-  passthrough_usb_devices: any[]
   snapshots: any
   storage: {
     folder: string
@@ -392,7 +391,6 @@ export interface API_UI_I_VmReadyToComplete {
     usb_controllers: API_UI_I_VmReadyToCompleteUsbController[]
     video_card: API_UI_I_VmReadyToCompleteVideoCard
     passthrough_pci_devices: API_UI_I_VmReadyToCompletePciDevice[]
-    passthrough_usb_devices: any[]
   }
   compute_resource?: string
   location?: string

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bfg-common",
   "private": false,
-  "version": "1.5.821",
+  "version": "1.5.822",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev --port=3002",

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newUsbDevice/New.vue

@@ -1,62 +0,0 @@
-<template>
-  <ui-stack-block
-    :removable="props.isRemovable"
-    test-id="usb-device-stack-block"
-    has-children
-    @remove="emits('remove')"
-  >
-    <template #stackBlockKey>
-      <div
-        :id="`vm-wizard-toggle-block-usb-device-${props.index}`"
-        :data-id="`vm-wizard-toggle-block-usb-device-${props.index}`"
-        class="flex-align-center"
-      >
-        <span>{{ props.label }}</span>
-      </div>
-    </template>
-    <template #stackBlockContent>
-      <div v-if="props.isEdit" class="selected-usb-device">
-        {{ props.selectedUsbDeviceText }}
-      </div>
-      <ui-select
-        v-else
-        id="usb-device-select"
-        v-model="vendorName"
-        :items="props.usbDevices"
-        :disabled="props.isEdit"
-        width="auto"
-        test-id="usb-device-select"
-        size="sm"
-      />
-    </template>
-  </ui-stack-block>
-</template>
-
-<script setup lang="ts">
-// import type { UI_T_PciDeviceType } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/types'
-// import type {
-//   UI_I_PciDevice,
-// } from '~/lib/models/store/vm/interfaces'
-
-const vendorName = defineModel<string>('vendorName', { required: true })
-
-const props = defineProps<{
-  index: number
-  type: any
-  usbDevices: any[]
-  isRemovable: boolean
-  label: string
-  isEdit: boolean
-  selectedUsbDeviceText?: string
-}>()
-
-const emits = defineEmits<{
-  (event: 'remove'): void
-}>()
-</script>
-
-<style scoped lang="scss">
-:deep(.stack-block.not-children .stack-block-label) {
-  height: auto;
-}
-</style>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newUsbDevice/NewUsbDevice.vue

@@ -1,65 +0,0 @@
-<template>
-  <component
-    :is="currentComponent"
-    v-model:vendor-name="vendorName"
-    :index="props.index"
-    :type="props.type"
-    :is-removable="isRemovable"
-    :is-edit="isEdit"
-    :label="label"
-    @remove="emits('remove')"
-  />
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_T_PciDeviceType } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/types'
-
-const vendorName = defineModel<string>('vendorName', {required: true})
-
-const props = withDefaults(
-  defineProps<{
-    index: number
-    type: UI_T_PciDeviceType
-    usbDevices: any[]
-    state?: string | number
-  }>(),
-  {
-    state: undefined,
-  }
-)
-const emits = defineEmits<{
-  (event: 'remove'): void
-}>()
-
-const { $store }: any = useNuxtApp()
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-const currentComponent = computed(() =>
-  isNewView.value
-    ? defineAsyncComponent(() => import('./New.vue'))
-    : defineAsyncComponent(() => import('./Old.vue'))
-)
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const isRunning = computed<boolean>(() => {
-  return props.state === 2
-})
-const isEdit = computed<boolean>(() => {
-  return props.type === 'edit'
-})
-
-const isRemovable = computed<boolean>(() => {
-  // return !props.isEdit || !isRunning.value
-  return !isEdit.value || !isRunning.value
-})
-
-const label = computed<string>(() => {
-  if (isEdit.value)
-    return `${localization.value.common.newUsbDevice || 'new usb'} ${props.index + 1}`
-
-  return `${localization.value.common.usbDevice || 'usb'} *`
-})
-</script>
-
-<style scoped lang="scss"></style>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newUsbDevice/Old.vue

@@ -1,66 +0,0 @@
-<template>
-  <div class="hardware-usb-device">
-    <atoms-stack-block
-      :removable="props.isRemovable"
-      test-id="usb-device-stack-block"
-      :has-children="false"
-      @remove="emits('remove')"
-    >
-      <template #stackBlockKey>
-        <div
-          :id="`vm-wizard-toggle-block-usb-device-${props.index}`"
-          :data-id="`vm-wizard-toggle-block-usb-device-${props.index}`"
-          class="flex-align-center"
-        >
-          <span>{{ props.label }}</span>
-        </div>
-      </template>
-      <template #stackBlockContent>
-        <div v-if="props.isEdit">
-          {{ props.selectedUsbDeviceText }}
-        </div>
-        <div v-else class="select">
-          <select
-            id="usb-device-select"
-            v-model="vendorName"
-            :disabled="props.isEdit"
-            data-id="usb-device-select"
-            @click.stop
-          >
-            <option
-              v-for="(item, key) in props.usbDevices"
-              :key="key"
-              :value="item.value"
-            >
-              {{ item.text }}
-            </option>
-          </select>
-        </div>
-      </template>
-    </atoms-stack-block>
-  </div>
-</template>
-
-<script setup lang="ts">
-// import type { UI_T_PciDeviceType } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/types'
-// import type {
-//   UI_I_PciDevice,
-// } from '~/lib/models/store/vm/interfaces'
-
-const vendorName = defineModel<string>('vendorName', { required: true })
-
-const props = defineProps<{
-  index: number
-  type: any
-  usbDevices: any[]
-  isRemovable: boolean
-  label: string
-  isEdit: boolean
-  selectedUsbDeviceText?: string
-}>()
-const emits = defineEmits<{
-  (event: 'remove'): void
-}>()
-</script>
-
-<style scoped lang="scss"></style>