bfg-common 1.5.835 → 1.5.836

package/assets/localization/local_be.json

@@ -3585,7 +3585,9 @@
     "selectOptions": "Выберыце параметры",
     "configureOptionsForNewVm": "Наладзьце параметры запуску і вызначце тып кланавання для новай віртуальнай машыны.",
     "configureOptionsForCloneVm": "Наладзьце параметры запуску, аперацыйнай сістэмы і абсталявання новай віртуальнай машыны.",
-    "vmStoragePolicy": "VM storage policy"
+    "vmStoragePolicy": "Палітыка захоўвання ВМ",
+    "hostUsbDevice": "USB-прылада хоста",
+    "newHostUsbDevice": "Новая USB-прылада хоста"
   },
   "feedback": {
     "additionalDetailsHelp": "Даведка па дадатковых звестках",
@@ -3990,11 +3992,5 @@
     "autostart": "Аўтазапуск",
     "enableAutostart": "Уключыць аўтазапуск",
     "disableAutostart": "Адключыць аўтазапуск"
-  },
-  "temp": {
-    "title": "Віртуальны metro storage кластар",
-    "stepTitle": "Выберыце зыходны хост",
-    "serverAddress": "Адрас сервера",
-    "fqdnOrIpAddress": "FQDN або IP-адрас"
   }
 }

package/assets/localization/local_en.json

@@ -3589,7 +3589,9 @@
     "selectOptions": "Select Options",
     "configureOptionsForNewVm": "Configure startup parameters and define the cloning type for the new virtual machine.",
     "configureOptionsForCloneVm": "Configure startup parameters, operating system, and hardware for the new virtual machine.",
-    "vmStoragePolicy": "VM storage policy"
+    "vmStoragePolicy": "VM storage policy",
+    "hostUsbDevice": "Host USB Device",
+    "newHostUsbDevice": "New Host USB Device"
   },
   "feedback": {
     "additionalDetailsHelp": "Additional Details Help",
@@ -3994,11 +3996,5 @@
     "autostart": "Autostart",
     "enableAutostart": "Enable autostart",
     "disableAutostart": "Disable autostart"
-  },
-  "temp": {
-    "title": "Virtual metro storage cluster",
-    "stepTitle": "Select source host",
-    "serverAddress": "Server Address",
-    "fqdnOrIpAddress": "FQDN or IP address"
   }
 }

package/assets/localization/local_hy.json

@@ -3589,7 +3589,9 @@
     "selectOptions": "Ընտրեք պարամետրերը",
     "configureOptionsForNewVm": "Կարգավորեք մեկնարկային պարամետրերը և սահմանեք նոր վիրտուալ մեքենայի կլոնավորման տեսակը:",
     "configureOptionsForCloneVm": "Կարգավորեք նոր վիրտուալ մեքենայի մեկնարկային պարամետրերը, օպերացիոն համակարգը և սարքավորումները:",
-    "vmStoragePolicy": "VM storage policy"
+    "vmStoragePolicy": "ՎՄ պահպանման քաղաքականություն",
+    "hostUsbDevice": "Հոստի USB սարք",
+    "newHostUsbDevice": "Հոստի նոր USB սարք"
   },
   "feedback": {
     "additionalDetailsHelp": "Լրացուցիչ մանրամասներ Օգնություն",
@@ -3994,11 +3996,5 @@
     "autostart": "Ավտոմատ մեկնարկ",
     "enableAutostart": "Միացնել ավտոմատ մեկնարկը",
     "disableAutostart": "Անջատել ավտոմատ մեկնարկը"
-  },
-  "temp": {
-    "title": "Վիրտուալ metro storage կլաստեր",
-    "stepTitle": "Ընտրեք աղբյուրի հոստ",
-    "serverAddress": "Սերվերի հասցե",
-    "fqdnOrIpAddress": "FQDN կամ IP հասցե"
   }
 }

package/assets/localization/local_kk.json

@@ -3589,7 +3589,9 @@
     "selectOptions": "Параметрлерді таңдаңыз",
     "configureOptionsForNewVm": "Жаңа виртуалды машинаның іске қосу параметрлерін баптаңыз және клондау түрін анықтаңыз.",
     "configureOptionsForCloneVm": "Жаңа виртуалды машинаның іске қосу параметрлерін, операциялық жүйесін және жабдықтарын баптаңыз.",
-    "vmStoragePolicy": "VM storage policy"
+    "vmStoragePolicy": "ВМ сақтау саясаты",
+    "hostUsbDevice": "Хосттың USB құрылғысы",
+    "newHostUsbDevice": "Хосттың жаңа USB құрылғысы"
   },
   "feedback": {
     "additionalDetailsHelp": "Қосымша мәліметтер анықтамасы",
@@ -3994,11 +3996,5 @@
     "autostart": "Автожаңғалту",
     "enableAutostart": "Автожаңғалтуды қосу",
     "disableAutostart": "Автожаңғалтуды өшіру"
-  },
-  "temp": {
-    "title": "Виртуалды metro storage кластері",
-    "stepTitle": "Дереккөз хостты таңдаңыз",
-    "serverAddress": "Сервердің мекенжайы",
-    "fqdnOrIpAddress": "FQDN немесе IP-мекенжай"
   }
 }

package/assets/localization/local_ru.json

@@ -3588,7 +3588,9 @@
     "selectOptions": "Выберите параметры",
     "configureOptionsForNewVm": "Настройте параметры запуска и определите тип клонирования для новой виртуальной машины.",
     "configureOptionsForCloneVm": "Настройте параметры запуска, операционной системы и оборудования новой виртуальной машины.",
-    "vmStoragePolicy": "VM storage policy"
+    "vmStoragePolicy": "Политика хранения ВМ",
+    "hostUsbDevice": "USB-устройство хоста",
+    "newHostUsbDevice": "Новое USB-устройство хоста"
   },
   "feedback": {
     "additionalDetailsHelp": "Дополнительная информация Помощь",
@@ -3993,11 +3995,5 @@
     "autostart": "Автозапуск",
     "enableAutostart": "Автозапуск вкл",
     "disableAutostart": "Автозапуск выкл"
-  },
-  "temp": {
-    "title": "Виртуальный metro storage кластер",
-    "stepTitle": "Выберите исходный хост",
-    "serverAddress": "Адрес сервера",
-    "fqdnOrIpAddress": "FQDN или IP-адрес"
   }
 }

package/assets/localization/local_zh.json

@@ -3586,7 +3586,9 @@
     "selectOptions": "选择选项",
     "configureOptionsForNewVm": "配置启动参数并定义新虚拟机的克隆类型。",
     "configureOptionsForCloneVm": "配置新虚拟机的启动参数、操作系统和硬件。",
-    "vmStoragePolicy": "VM storage policy"
+    "vmStoragePolicy": "虚拟机存储策略",
+    "hostUsbDevice": "主机USB设备",
+    "newHostUsbDevice": "新主机USB设备"
   },
   "feedback": {
     "additionalDetailsHelp": "其他详细信息帮助",
@@ -3991,11 +3993,5 @@
     "autostart": "自动启动",
     "enableAutostart": "启用自动启动",
     "disableAutostart": "禁用自动启动"
-  },
-  "temp": {
-    "title": "虚拟Metro存储集群",
-    "stepTitle": "选择源主机",
-    "serverAddress": "服务器地址",
-    "fqdnOrIpAddress": "FQDN或IP地址"
   }
 }

package/components/common/layout/theHeader/Old.vue

@@ -29,7 +29,7 @@
           >
         </nuxt-link>
       </div>
-      <form style="width: 100%; height: 100%" @click="onTemp">
+      <form>
         <atoms-input-search />
       </form>
 
@@ -146,10 +146,6 @@ const onUpdateLanguage = (language: string): void => {
 }
 
 const isShowFeedback = ref<boolean>(false)
-
-const onTemp = (): void => {
-  useLocalStorage('temp', true)
-}
 </script>
 
 <style scoped lang="scss">

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,6 +45,7 @@ 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,6 +126,7 @@ 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/Add.vue

@@ -17,6 +17,7 @@
     :vm-cpu-help-text-second="props.vmCpuHelpTextSecond"
     :import-from-v-m-warev-sphere="props.importFromVMWarevSphere"
     :get-datastore-table-func="props.getDatastoreTableFunc"
+    :usb-devices="props.usbDevices"
     :passthrough-devices="props.passthroughDevices"
     :mediated-devices="props.mediatedDevices"
     :templates-tree="props.templatesTree"
@@ -143,6 +144,7 @@ const props = withDefaults(
     validateSendDataFunc: UI_T_AddVmFinishFunc<
       [UI_T_SelectedNavItem, null | number] | null
     >
+    usbDevices: any[]
     passthroughDevices: UI_I_PciDevice[]
     mediatedDevices: UI_I_MediatedDevice[]
     vmNameInWizard: string

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

@@ -269,6 +269,7 @@
               :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"
@@ -329,6 +330,7 @@
               :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"
@@ -462,6 +464,7 @@ 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,6 +118,7 @@
             :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"
@@ -156,6 +157,7 @@
             :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"
@@ -261,6 +263,7 @@ 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/Clone.vue

@@ -1,64 +1,67 @@
 <template>
-  <component
-    :is="currentComponent"
-    v-model="model"
-    v-model:scheduler-task-form="schedulerTaskForm"
-    v-model:compute-resource="vmForm.computeResource"
-    v-model:location="location"
-    :project="props.project"
-    :nodes="props.nodes"
-    :files="props.files"
-    :networks-table="props.networksTable"
-    :datastore="props.datastore"
-    :is-datastore-loading="props.isDatastoreLoading"
-    :error-validation-fields="props.errorValidationFields"
-    :ready-complete-table-info="props.readyCompleteTableInfo"
-    :vm-cpu-help-text-second="props.vmCpuHelpTextSecond"
-    :get-datastore-table-func="props.getDatastoreTableFunc"
-    :passthrough-devices="props.passthroughDevices"
-    :mediated-devices="props.mediatedDevices"
-    :name-request-url="props.nameRequestUrl"
-    :selected-virtual-machine="props.selectedVirtualMachine"
-    :is-new-vm-from-template="props.isNewVmFromTemplate"
-    :compute-resource-tree="props.computeResourceTree"
-    :location-nodes="props.locationNodes"
-    :wizard="wizard"
-    :selected-scheme="selectedScheme"
-    :title="title"
-    :name-form-submit="nameFormSubmit"
-    :storage-submit="storageSubmit"
-    :customize-hardware-submit="customizeHardwareSubmit"
-    :selected-nav-item="selectedNavItem"
-    :is-loading="isLoading"
-    :allowed-location-kinds="allowedLocationKinds"
-    :is-sphere="isSphere"
-    :location-description="locationDescription"
-    :name-test-ids="nameTestIds"
-    :guest-os-families="guestOsFamilies"
-    :guest-os-versions="guestOsVersions"
-    :machine-types="machineTypes"
-    :dynamic-steps="dynamicSteps"
-    :is-loading-compute-tree="isLoadingComputeTree"
-    :compute-resource-alert="computeResourceAlert"
-    :compatibility-text="compatibilityText"
-    :compatibility-info="compatibilityInfo"
-    :max-memory="maxMemory"
-    :cpu-models="cpuModels"
-    @get-folders-or-files="emits('get-folders-or-files', $event)"
-    @change-name="onChangeName"
-    @change-storage="onChangeStorage"
-    @change-select-options="onChangeSelectOptions"
-    @change-clone-count="cloneCount = $event"
-    @get-storage="emits('get-storage', $event)"
-    @get-active-device-child="emits('get-active-device-child', $event)"
-    @show-datastore-child="emits('show-datastore-child', $event)"
-    @remove-error-by-title="emits('remove-error-by-title', $event)"
-    @get-networks-table="emits('get-networks-table', $event)"
-    @get-pci-devices="emits('get-pci-devices')"
-    @change-steps="onChangeSteps"
-    @hide="onHideModal"
-    @finish="onFinish"
-  />
+  <div>
+    <component
+        :is="currentComponent"
+        v-model="model"
+        v-model:scheduler-task-form="schedulerTaskForm"
+        v-model:compute-resource="vmForm.computeResource"
+        v-model:location="location"
+        :project="props.project"
+        :nodes="props.nodes"
+        :files="props.files"
+        :networks-table="props.networksTable"
+        :datastore="props.datastore"
+        :is-datastore-loading="props.isDatastoreLoading"
+        :error-validation-fields="props.errorValidationFields"
+        :ready-complete-table-info="props.readyCompleteTableInfo"
+        :vm-cpu-help-text-second="props.vmCpuHelpTextSecond"
+        :get-datastore-table-func="props.getDatastoreTableFunc"
+        :usb-devices="props.usbDevices"
+        :passthrough-devices="props.passthroughDevices"
+        :mediated-devices="props.mediatedDevices"
+        :name-request-url="props.nameRequestUrl"
+        :selected-virtual-machine="props.selectedVirtualMachine"
+        :is-new-vm-from-template="props.isNewVmFromTemplate"
+        :compute-resource-tree="props.computeResourceTree"
+        :location-nodes="props.locationNodes"
+        :wizard="wizard"
+        :selected-scheme="selectedScheme"
+        :title="title"
+        :name-form-submit="nameFormSubmit"
+        :storage-submit="storageSubmit"
+        :customize-hardware-submit="customizeHardwareSubmit"
+        :selected-nav-item="selectedNavItem"
+        :is-loading="isLoading"
+        :allowed-location-kinds="allowedLocationKinds"
+        :is-sphere="isSphere"
+        :location-description="locationDescription"
+        :name-test-ids="nameTestIds"
+        :guest-os-families="guestOsFamilies"
+        :guest-os-versions="guestOsVersions"
+        :machine-types="machineTypes"
+        :dynamic-steps="dynamicSteps"
+        :is-loading-compute-tree="isLoadingComputeTree"
+        :compute-resource-alert="computeResourceAlert"
+        :compatibility-text="compatibilityText"
+        :compatibility-info="compatibilityInfo"
+        :max-memory="maxMemory"
+        :cpu-models="cpuModels"
+        @get-folders-or-files="emits('get-folders-or-files', $event)"
+        @change-name="onChangeName"
+        @change-storage="onChangeStorage"
+        @change-select-options="onChangeSelectOptions"
+        @change-clone-count="cloneCount = $event"
+        @get-storage="emits('get-storage', $event)"
+        @get-active-device-child="emits('get-active-device-child', $event)"
+        @show-datastore-child="emits('show-datastore-child', $event)"
+        @remove-error-by-title="emits('remove-error-by-title', $event)"
+        @get-networks-table="emits('get-networks-table', $event)"
+        @get-pci-devices="emits('get-pci-devices')"
+        @change-steps="onChangeSteps"
+        @hide="onHideModal"
+        @finish="onFinish"
+    />
+  </div>
 </template>
 
 <script setup lang="ts">
@@ -121,6 +124,7 @@ const props = withDefaults(
     finishFunc: any
     getDatastoreTableFunc: (payload: UI_I_TablePayload) => Promise<void>
     validateSendDataFunc: any
+    usbDevices: any[]
     passthroughDevices: UI_I_PciDevice[]
     mediatedDevices: UI_I_MediatedDevice[]
     vmNameInWizard: string
@@ -657,7 +661,7 @@ const machineTypes = ref<UI_I_OptionItem[]>(capabilities.value.machineTypes)
 
 const compatibility = computed<UI_I_OptionItem[]>(() => capabilities.value.compatibility)
 const compatibilityInfo = computed<string>(() => {
-  const selectedOption = compatibility.value.find(item => item.value === model.value.compatibility)
+  const selectedOption = compatibility.value.find(item => item.value === model.value?.compatibility)
 
   if (!selectedOption) return ''
 

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

@@ -174,6 +174,7 @@
             :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"
@@ -314,6 +315,7 @@ 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,6 +103,7 @@
             :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"
@@ -177,6 +178,7 @@ 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,6 +23,7 @@
     :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"
@@ -101,6 +102,7 @@ const props = withDefaults(
     isEdit?: boolean
     isClone?: boolean
     state?: string | number
+    usbDevices?: any[]
     passthroughDevices?: UI_I_PciDevice[]
     mediatedDevices?: UI_I_MediatedDevice[]
     project?: UI_T_Project
@@ -119,6 +121,7 @@ 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,6 +45,7 @@
         :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"
@@ -136,6 +137,7 @@ 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
@@ -153,6 +155,7 @@ 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,6 +31,7 @@
         :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"
@@ -118,6 +119,7 @@ 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
@@ -134,6 +136,7 @@ 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,6 +201,19 @@
             "
           />
         </div>
+          <div v-for="(item, key) in model.passthrough_usb_devices" :key="key">
+            <common-vm-actions-common-customize-hardware-virtual-hardware-new-usb-device
+              :item="item"
+              :index="props.usbDevicesIndex[key]"
+              :type="props.usbDevicesType[key]"
+              :available-usb-devices="props.availableUsbDevices"
+              :state="props.state"
+              @change="
+                emits('change-usb-device', [props.usbDevicesIndex[key], $event])
+              "
+              @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"
@@ -283,6 +296,7 @@ import type { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
 import type {
   UI_T_HardDiskType,
   UI_T_NetworkType,
+  UI_T_PciDeviceType,
 } 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'
@@ -324,6 +338,9 @@ const props = withDefaults(
     pciDevicesType: UI_T_NetworkType[]
     isShowFileModal: boolean
     pciDevicesIndex: number[]
+    availableUsbDevices: any[]
+    usbDevicesType: UI_T_PciDeviceType[]
+    usbDevicesIndex: number[]
     cdDvdDrivesType: UI_T_NetworkType[]
     cdDvdDrivesIndex: number[]
     errorValidationFields: UI_I_ErrorValidationField<string>[]
@@ -360,6 +377,8 @@ 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: 'change-usb-device', value: [number, any]): 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
@@ -399,6 +418,7 @@ 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,6 +181,19 @@
             "
           />
         </div>
+        <div v-for="(item, key) in model.passthrough_usb_devices" :key="key">
+          <common-vm-actions-common-customize-hardware-virtual-hardware-new-usb-device
+            :item="item"
+            :index="props.usbDevicesIndex[key]"
+            :type="props.usbDevicesType[key]"
+            :available-usb-devices="props.availableUsbDevices"
+            :state="props.state"
+            @change="
+              emits('change-usb-device', [props.usbDevicesIndex[key], $event])
+            "
+            @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"
@@ -301,6 +314,9 @@ const props = withDefaults(
     pciDevicesType: UI_T_PciDeviceType[]
     isShowFileModal: boolean
     pciDevicesIndex: number[]
+    availableUsbDevices: any[]
+    usbDevicesType: UI_T_PciDeviceType[]
+    usbDevicesIndex: number[]
     cdDvdDrivesType: UI_T_CdDvdType[]
     cdDvdDrivesIndex: number[]
     errorValidationFields: UI_I_ErrorValidationField[]
@@ -333,6 +349,8 @@ 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: 'change-usb-device', value: [number, any]): 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,6 +24,9 @@
     :pci-devices-type="pciDevicesType"
     :is-show-file-modal="isShowFileModal"
     :pci-devices-index="pciDevicesIndex"
+    :available-usb-devices="availableUsbDevices"
+    :usb-devices-type="usbDevicesType"
+    :usb-devices-index="usbDevicesIndex"
     :cd-dvd-drives-type="cdDvdDrivesType"
     :cd-dvd-drives-index="cdDvdDrivesIndex"
     :error-validation-fields="errorValidationFields"
@@ -31,8 +34,8 @@
     :state="state"
     :video-card="videoCard"
     :guest-machine-type="guestMachineType"
-    :passthrough-devices="passthroughDevices"
-    :mediated-devices="mediatedDevices"
+    :passthrough-devices="props.passthroughDevices"
+    :mediated-devices="props.mediatedDevices"
     :vm-cpu-help-text-second="vmCpuHelpTextSecond"
     :compute-resource="props.computeResource"
     :compatibility-info="props.compatibilityInfo"
@@ -43,6 +46,8 @@
     @hide-file-modal="isShowFileModal = false"
     @remove-hard-disk="onRemoveHardDisk(...$event)"
     @remove-pci-device="onRemovePciDevice"
+    @remove-usb-device="onRemoveUsbDevice"
+    @change-usb-device="onChangeUsbDevice"
     @get-networks-table="emits('get-networks-table', $event)"
     @add-exist-hard-disk="onAddExistHardDisk"
     @roll-back-hard-disk="onRollBackHardDisk"
@@ -117,6 +122,7 @@ 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
@@ -130,6 +136,7 @@ const props = withDefaults(
     cdDvdDrives: undefined,
     videoCard: undefined,
     // pciDevices: undefined,
+    usbDevices: () => [],
     passthroughDevices: undefined,
     mediatedDevices: undefined,
     guestMachineType: undefined,
@@ -158,12 +165,35 @@ const currentComponent = computed(() =>
 
 const localization = computed<UI_I_Localization>(() => useLocal())
 
+const usbDevicesLocal = ref<any[]>(useDeepCopy(props.usbDevices))
+watch(
+  () => props.usbDevices,
+  (newValue) => {
+    usbDevicesLocal.value = useDeepCopy(newValue)
+  },
+  { deep: true }
+)
+
+const availableUsbDevices = computed<any[]>(() => {
+  return (
+    usbDevicesLocal.value.filter((device) => {
+      if (device.passthrough === 'Pathroughed') return null
+
+      const isUniqueDevice = model.value.passthrough_usb_devices.every(
+        (item) => item.product_id !== device.product_id
+      )
+      if (isUniqueDevice) return device
+    }) || []
+  )
+})
+
 const dropdownItems = computed<UI_I_DropdownTreeItem[]>(() =>
   dropdownItemsFunc(
     localization.value,
     props.state,
     props.passthroughDevices,
-    props.mediatedDevices
+    props.mediatedDevices,
+    availableUsbDevices.value
   )
 )
 
@@ -557,7 +587,8 @@ const addPciDevice = (): void => {
   pciDevicesType.value.push('new')
 
   // pciDevicesLocal.value.push(useDeepCopy(defaultPciDevice))
-  if (!model.value.passthrough_pci_devices) model.value.passthrough_pci_devices = []
+  if (!model.value.passthrough_pci_devices)
+    model.value.passthrough_pci_devices = []
   model.value.passthrough_pci_devices.push(useDeepCopy(defaultPciDevice))
 }
 const onRemovePciDevice = (index: number): void => {
@@ -573,6 +604,75 @@ const onRemovePciDevice = (index: number): void => {
     })
 }
 
+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(availableUsbDevices.value[0])
+  )
+}
+const onRemoveUsbDevice = (index: number): void => {
+  const removeIndex = usbDevicesIndex.value.indexOf(index)
+  usbDevicesIndex.value = usbDevicesIndex.value.filter((item) => item !== index)
+  usbDevicesType.value = usbDevicesType.value.filter(
+    (_item, key) => key !== removeIndex
+  )
+
+  let removedItemId = ''
+  model.value.passthrough_usb_devices =
+    model.value.passthrough_usb_devices.filter((usbDevice, key: number) => {
+      if (removeIndex === key) {
+        removedItemId = usbDevice.product_id
+      }
+      return removeIndex !== key
+    })
+
+  usbDevicesLocal.value = usbDevicesLocal.value.map((device) => {
+    if (removedItemId) {
+      device.passthrough = 'Enable'
+    }
+    return device
+  })
+}
+const onChangeUsbDevice = (data: [number, string]): void => {
+  const [index, value] = data
+
+  usbDevicesLocal.value = usbDevicesLocal.value.map((device) => {
+    if (model.value.passthrough_usb_devices[index].product_id === device.product_id) {
+      device.passthrough = 'Enable'
+    }
+    return device
+  })
+
+  const newItem = usbDevicesLocal.value.find(
+    (device) => device.product_id === +value
+  )
+  if (newItem) model.value.passthrough_usb_devices[index] = newItem
+}
+
 const isShowFileModal = ref<boolean>(false)
 const onAddDevice = (item: UI_I_DropdownTreeItemChild): void => {
   switch (item.value) {
@@ -582,6 +682,9 @@ 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

@@ -7,7 +7,8 @@ export const dropdownItemsFunc = (
   localization: UI_I_Localization,
   state: string | number | undefined,
   passthroughDevices?: UI_I_PciDevice[],
-  mediatedDevices?: any[]
+  mediatedDevices?: any[],
+  availableUsbDevices?: any[]
 ): UI_I_DropdownTreeItem[] => {
   const { $text } = useNuxtApp()
 
@@ -28,7 +29,12 @@ export const dropdownItemsFunc = (
           testId: 'existing-hard-disk',
         },
         // { text: 'RDM Disk', value: 2 },
-        // { text: 'Host USB Device', value: 3 },
+        {
+          text: localization.vmWizard.hostUsbDevice,
+          value: 3,
+          disabled: !availableUsbDevices?.length,
+          testId: 'host-usb-device',
+        },
         // { text: 'NVDIMM', value: 4 },
         {
           text: localization.common.cdDvdDrive,
@@ -49,7 +55,7 @@ export const dropdownItemsFunc = (
 
     // TODO 700
     {
-      text:  localization.common.otherDevices,
+      text: localization.common.otherDevices,
       children: [
         {
           text: localization.common.pciDevice,

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

@@ -0,0 +1,73 @@
+<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>
+      <ui-select
+        id="usb-device-select"
+        v-model="selectedUsbDevice"
+        :items="items"
+        width="auto"
+        test-id="usb-device-select"
+        size="sm"
+        @change="onChange"
+      />
+    </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'
+
+import type { UI_T_SelectedValue } from 'bfg-uikit/components/ui/select/models/types'
+import type { UI_I_Dropdown } from 'bfg-uikit/components/ui/dropdown/models/interfaces'
+
+const props = defineProps<{
+  item: any
+  index: number
+  type: any
+  usbDevices: any[]
+  isRemovable: boolean
+  label: string
+}>()
+
+const emits = defineEmits<{
+  (event: 'change', value: any): void
+  (event: 'remove'): void
+}>()
+
+const items = computed<UI_I_Dropdown[]>(() => {
+  return props.usbDevices.map((device) => {
+    return {
+      text: device.product_name,
+      value: device.product_id,
+    }
+  })
+})
+const selectedUsbDevice = ref<any>(props.item.product_id)
+
+const onChange = (value: UI_T_SelectedValue): void => {
+  emits('change', value)
+}
+</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

@@ -0,0 +1,72 @@
+<template>
+  <component
+    :is="currentComponent"
+    :item="props.item"
+    :index="props.index"
+    :type="props.type"
+    :is-removable="isRemovable"
+    :label="label"
+    :usb-devices="availableUsbDevicesLocal"
+    @change="emits('change', $event)"
+    @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 props = withDefaults(
+  defineProps<{
+    item: any
+    index: number
+    type: UI_T_PciDeviceType
+    availableUsbDevices: any[]
+    state?: string | number
+  }>(),
+  {
+    state: undefined,
+  }
+)
+const emits = defineEmits<{
+  (event: 'change', value: any): void
+  (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 availableUsbDevicesLocal = computed<any[]>(() => {
+  return [...props.availableUsbDevices, props.item]
+})
+
+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.vmWizard.hostUsbDevice} ${
+      props.index + 1
+    }`
+
+  return `${localization.value.vmWizard.newHostUsbDevice} *`
+})
+</script>
+
+<style scoped lang="scss"></style>

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

@@ -0,0 +1,65 @@
+<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 class="select">
+          <select
+            id="usb-device-select"
+            :value="props.item.product_id"
+            data-id="usb-device-select"
+            @change="onChange"
+            @click.stop
+          >
+            <option
+              v-for="(item, key) in props.usbDevices"
+              :key="key"
+              :value="item.product_id"
+            >
+              {{ item.product_name }}
+            </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 props = defineProps<{
+  item: any
+  index: number
+  type: any
+  usbDevices: any[]
+  isRemovable: boolean
+  label: string
+}>()
+const emits = defineEmits<{
+  (event: 'change', value: string): void
+  (event: 'remove'): void
+}>()
+
+const onChange = (event: any): void => {
+  emits('change', event.target.value)
+}
+</script>
+
+<style scoped lang="scss"></style>

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

@@ -137,6 +137,7 @@ 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/EditSettings.vue

@@ -14,6 +14,7 @@
     :error-validation-fields="props.errorValidationFields"
     :state="props.state"
     :vm-name-old="vmNameOld"
+    :usb-devices="props.usbDevices"
     :passthrough-devices="props.passthroughDevices"
     :mediated-devices="props.mediatedDevices"
     :get-datastore-table-func="props.getDatastoreTableFunc"
@@ -73,6 +74,7 @@ const props = withDefaults(
     validateSendDataFunc: UI_T_EditVmFinishFunc
     getDatastoreTableFunc?: (payload: UI_I_TablePayload) => Promise<void>
     state?: string | number
+    usbDevices?: any[]
     passthroughDevices?: UI_I_PciDevice[]
     mediatedDevices?: UI_I_MediatedDevice[]
     capabilities?: UI_I_Capabilities
@@ -81,6 +83,7 @@ const props = withDefaults(
   {
     getDatastoreTableFunc: undefined,
     state: undefined,
+    usbDevices: undefined,
     passthroughDevices: undefined,
     mediatedDevices: undefined,
     capabilities: undefined,

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

@@ -35,6 +35,7 @@
             :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"
             :state="props.state"
@@ -95,6 +96,7 @@ const props = withDefaults(
     cpuModels: UI_I_OptionItem[]
     state?: string | number
     vmNameOld?: string
+    usbDevices?: any[]
     passthroughDevices?: UI_I_PciDevice[]
     mediatedDevices?: any[]
     getDatastoreTableFunc?: (payload: UI_I_TablePayload) => Promise<void>
@@ -104,6 +106,7 @@ const props = withDefaults(
   {
     state: undefined,
     vmNameOld: undefined,
+    usbDevices: undefined,
     passthroughDevices: undefined,
     mediatedDevices: undefined,
     getDatastoreTableFunc: undefined,

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

@@ -38,6 +38,7 @@
             :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"
             :state="props.state"
@@ -102,6 +103,7 @@ const props = withDefaults(
     cpuModels: UI_I_OptionItem[]
     state?: string | number
     vmNameOld?: string
+    usbDevices?: any[]
     passthroughDevices?: UI_I_PciDevice[]
     mediatedDevices?: any[]
     getDatastoreTableFunc?: (payload: UI_I_TablePayload) => Promise<void>
@@ -111,6 +113,7 @@ const props = withDefaults(
   {
     state: undefined,
     vmNameOld: undefined,
+    usbDevices: undefined,
     passthroughDevices: undefined,
     mediatedDevices: undefined,
     getDatastoreTableFunc: undefined,

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

@@ -139,6 +139,7 @@ export const constructSendDataForm = (
     disk_devices,
     network_devices,
     passthrough_pci_devices,
+    passthrough_usb_devices,
     cpu,
     memory,
     usb_controllers,
@@ -169,6 +170,7 @@ 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,6 +210,7 @@ export interface API_UI_I_Pvm {
     }
   }
   passthrough_pci_devices: any[]
+  passthrough_usb_devices: any[]
   snapshots: any
   storage: {
     folder: string
@@ -391,6 +392,7 @@ 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.835",
+  "version": "1.5.836",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev --port=3002",