bfg-common 1.5.322 → 1.5.325

package/assets/localization/local_be.json

@@ -1721,6 +1721,7 @@
     "vmLocation": "Месцазнаходжанне віртуальнай машыны",
     "vmMonitoring": "Маніторынг ВМ",
     "vmName": "Імя VM",
+    "vmtName": "Імя шаблона",
     "vmNameExistInSelectedLocation": "Віртуальная машына, шаблон з такой жа назвай існуе ў выбраным месцы. ",
     "vmNetwork": "Сетка ВМ",
     "vMOptions": "Параметры VM",

package/assets/localization/local_en.json

@@ -1720,6 +1720,7 @@
     "vmLocation": "VM Location",
     "vmMonitoring": "VM Monitoring",
     "vmName": "VM Name",
+    "vmtName": "Template Name",
     "vmNameExistInSelectedLocation": "A virtual machine, template with the same name exists in the selected location. Enter a new name.",
     "vmNetwork": "VM Network",
     "vMOptions": "VM Options",

package/assets/localization/local_hy.json

@@ -1720,6 +1720,7 @@
     "vmLocation": "Վիրտուալ մեքենայի գտնվելու վայրը",
     "vmMonitoring": "ՎՄ մոնիտորինգ",
     "vmName": "ՎՄ անունը",
+    "vmtName": "Կաղապարի անվանումը",
     "vmNameExistInSelectedLocation": "Ընտրված վայրում կա ՎՄ, կաղապար նույն անունով: ",
     "vmNetwork": "ՎՄ ցանց",
     "vMOptions": "VM կարգավորումներ",

package/assets/localization/local_kk.json

@@ -1720,6 +1720,7 @@
     "vmLocation": "Виртуалды машинаның орналасқан жері",
     "vmMonitoring": "ВМ бақылау",
     "vmName": "VM атауы",
+    "vmtName": "Шаблонның атауы",
     "vmNameExistInSelectedLocation": "Таңдалған жерде аттас VM, үлгі бар. ",
     "vmNetwork": "VM желісі",
     "vMOptions": "VM параметрлері",

package/assets/localization/local_ru.json

@@ -1720,6 +1720,7 @@
     "vmLocation": "Местоположение виртуальных машин",
     "vmMonitoring": "Мониторинг ВМ",
     "vmName": "Имя ВМ",
+    "vmtName": "Имя шаблона",
     "vmNameExistInSelectedLocation": "В выбранном расположении существует виртуальная машина, шаблон с таким же именем. Введите новое имя.",
     "vmNetwork": "Сеть ВМ",
     "vMOptions": "Параметры ВМ",

package/assets/localization/local_zh.json

@@ -1719,6 +1719,7 @@
     "vmLocation": "虚拟机位置",
     "vmMonitoring": "虚拟机监控",
     "vmName": "虚拟机名称",
+    "vmtName": "模板的名称",
     "vmNameExistInSelectedLocation": "所选位置已存在同名的虚拟机或模板。",
     "vmNetwork": "虚拟机网络",
     "vMOptions": "虚拟机设置",

package/components/common/monitor/overview/filters/lib/config/filterOptions.ts

@@ -69,7 +69,7 @@ export const viewFunc = (
       { text: localization.inventoryMonitor.overview, value: 'overview' },
       // { text: localization.common.space, value: 'space' },
       // { text: localization.inventoryMonitor.spaceUtilization, value: 'space_utilization' },
-      { text: localization.common.network, value: 'network' },
+      // { text: localization.common.network, value: 'network' }, TODO 700
       { text: localization.common.disks, value: 'disks' },
     ],
     cluster: [

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

@@ -42,6 +42,7 @@
     :errors="errors"
     :compute-resource="props.computeResource"
     :compatibility-info="props.compatibilityInfo"
+    :is-vmt="props.isVmt"
     @change-boot-order="emits('change-boot-order', $event)"
     @send-data="emits('send-data', $event)"
     @next="emits('next')"
@@ -98,6 +99,7 @@
     :nav-items="navItems"
     :errors="errors"
     :compute-resource="props.computeResource"
+    :is-vmt="props.isVmt"
     @change-boot-order="emits('change-boot-order', $event)"
     @send-data="emits('send-data', $event)"
     @next="emits('next')"
@@ -188,6 +190,7 @@ const props = defineProps<{
   project?: UI_T_Project
   computeResource?: UI_I_TreeNode | null
   compatibilityInfo?: string
+  isVmt?: boolean
 }>()
 const emits = defineEmits<{
   (event: 'change-boot-order', value: UI_T_ChangeBootOrder): void

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

@@ -81,6 +81,7 @@
         :error-validation-fields="props.errorValidationFields"
         :state="props.state"
         :compatibility-info="props.compatibilityInfo"
+        :is-vmt="props.isVmt"
         @change-boot-order="emits('change-boot-order', $event)"
         @send-data="emits('send-data-vm-options-method', $event)"
         @invalid="vmOptionsInvalid = $event"
@@ -177,6 +178,7 @@ const props = defineProps<{
   getDatastoreTableFunc?: (payload: UI_I_TablePayload) => Promise<void>
   computeResource?: UI_I_TreeNode | null
   compatibilityInfo?: string
+  isVmt?: boolean
 }>()
 const emits = defineEmits<{
   (event: 'get-storage', value: UI_I_TablePayload): void

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

@@ -65,6 +65,7 @@
         :is-clone="props.isClone"
         :error-validation-fields="props.errorValidationFields"
         :state="props.state"
+        :is-vmt="props.isVmt"
         @change-boot-order="emits('change-boot-order', $event)"
         @send-data="emits('send-data-vm-options-method', $event)"
         @invalid="vmOptionsInvalid = $event"
@@ -158,6 +159,7 @@ const props = defineProps<{
   vmCpuHelpTextSecond?: string
   getDatastoreTableFunc?: (payload: UI_I_TablePayload) => Promise<void>
   computeResource?: UI_I_TreeNode | null
+  isVmt?: boolean
 }>()
 const emits = defineEmits<{
   (event: 'get-storage', value: UI_I_TablePayload): void

package/components/common/vm/actions/common/customizeHardware/vmoptions/Vmoptions.vue

@@ -15,6 +15,7 @@
     :options="props.options"
     :state="props.state"
     :compatibility-info="props.compatibilityInfo"
+    :is-vmt="props.isVmt"
     @change-boot-order="emits('change-boot-order', $event)"
     @send-data-remote-console-options="sendDataRemoteConsoleOptionsMethod"
     @send-data-tools="sendDataToolsMethod"
@@ -36,6 +37,7 @@
     :error-validation-fields="props.errorValidationFields"
     :options="props.options"
     :state="props.state"
+    :is-vmt="props.isVmt"
     @change-boot-order="emits('change-boot-order', $event)"
     @send-data-remote-console-options="sendDataRemoteConsoleOptionsMethod"
     @send-data-tools="sendDataToolsMethod"
@@ -88,6 +90,7 @@ const props = defineProps<{
   options?: UI_I_SendDataVmoptions
   state?: string | number
   compatibilityInfo?: string
+  isVmt?: boolean
 }>()
 const emits = defineEmits<{
   (

package/components/common/vm/actions/common/customizeHardware/vmoptions/VmoptionsNew.vue

@@ -8,6 +8,7 @@
       :is-edit="props.isEdit"
       :is-clone="props.isClone"
       :state="props.state"
+      :is-vmt="props.isVmt"
     />
     <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options
       :error-validation-fields="props.errorValidationFields"
@@ -85,6 +86,7 @@ const props = defineProps<{
   options?: UI_I_SendDataVmoptions
   state?: string | number
   compatibilityInfo?: string
+  isVmt?: boolean
 }>()
 const emits = defineEmits<{
   (

package/components/common/vm/actions/common/customizeHardware/vmoptions/VmoptionsOld.vue

@@ -10,6 +10,7 @@
           :is-edit="props.isEdit"
           :is-clone="props.isClone"
           :state="props.state"
+          :is-vmt="props.isVmt"
         />
         <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options
           :error-validation-fields="props.errorValidationFields"
@@ -81,6 +82,7 @@ const props = defineProps<{
   errorValidationFields: UI_I_ErrorValidationField[]
   options?: UI_I_SendDataVmoptions
   state?: string | number
+  isVmt?: boolean
 }>()
 const emits = defineEmits<{
   (

package/components/common/vm/actions/common/customizeHardware/vmoptions/generalOptions/GeneralOptions.vue

@@ -6,6 +6,7 @@
     v-model:guest-os-family="guestOsFamily"
     v-model:guest-os-version="guestOsVersion"
     v-model:block-is-open="blockIsOpen"
+    :name-label="nameLabel"
     :is-disabled="isDisabled"
     :machine-type-options="machineTypeOptions"
     :os-options="osOptions"
@@ -19,6 +20,7 @@
     v-model:guest-os-family="guestOsFamily"
     v-model:guest-os-version="guestOsVersion"
     v-model:block-is-open="blockIsOpen"
+    :name-label="nameLabel"
     :is-disabled="isDisabled"
     :machine-type-options="machineTypeOptions"
     :os-options="osOptions"
@@ -29,6 +31,7 @@
 
 <script setup lang="ts">
 import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
 import { capabilities } from '~/components/common/vm/actions/common/lib/config/capabilities'
 
 const vmName = defineModel<string>('vmName', { required: true })
@@ -47,6 +50,7 @@ const props = defineProps<{
   isEdit: boolean
   isClone: boolean
   state?: string | number
+  isVmt?: boolean
 }>()
 
 const { $store }: any = useNuxtApp()
@@ -78,6 +82,14 @@ watch(
 )
 
 const blockIsOpen = ref<boolean>(false)
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const nameLabel = computed<string>(() => {
+  return props.isVmt
+    ? localization.value.common.vmtName
+    : localization.value.common.vmName
+})
 </script>
 
 <style scoped lang="scss"></style>

package/components/common/vm/actions/common/customizeHardware/vmoptions/generalOptions/GeneralOptionsNew.vue

@@ -25,7 +25,7 @@
     <template #stackChildren>
       <ui-stack-block :has-children="false">
         <template #stackBlockKey>
-          {{ localization.common.vmName }}
+          {{ props.nameLabel }}
         </template>
         <template #stackBlockContent>
           <div class="vm-name-wrap">
@@ -124,6 +124,7 @@ const guestOsVersion = defineModel<UI_I_OptionItem | null>('guestOsVersion', {
 
 const props = defineProps<{
   isDisabled: boolean
+  nameLabel: string
   machineTypeOptions: UI_I_OptionItem[]
   osOptions: UI_I_OptionItem[]
   versionsOptions: UI_I_OptionItem[]

package/components/common/vm/actions/common/customizeHardware/vmoptions/generalOptions/GeneralOptionsOld.vue

@@ -16,13 +16,13 @@
       </template>
       <template #stackBlockContent>
         <div v-show="!blockIsOpen">
-          {{ localization.common.vmName }}: {{ vmName }}
+          {{ props.nameLabel }}: {{ vmName }}
         </div>
       </template>
       <template #stackChildren>
         <atoms-stack-block :has-children="false">
           <template #stackBlockKey>
-            {{ localization.common.vmName }}
+            {{ props.nameLabel }}
           </template>
           <template #stackBlockContent>
             <span>{{ vmName }}</span>
@@ -138,11 +138,12 @@ const guestOsVersion = defineModel<UI_I_OptionItem | null>('guestOsVersion', {
 const props = defineProps<{
   isEdit: boolean
   isClone: boolean
-  state?: string | number
   isDisabled: boolean
+  nameLabel: string
   machineTypeOptions: UI_I_OptionItem[]
   osOptions: UI_I_OptionItem[]
   versionsOptions: UI_I_OptionItem[]
+  state?: string | number
 }>()
 const emits = defineEmits<{
   (event: 'change-os'): void

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

@@ -1,239 +1,242 @@
-<template>
-  <common-vm-actions-edit-settings-new
-    v-if="isNewView"
-    v-model:vm-name="vmName"
-    v-model:vm-settings="vmSettingsLocal"
-    :nodes="props.nodes"
-    :files="props.files"
-    :project="props.project"
-    :loading="loadingLocal"
-    :datastore="props.datastore"
-    :is-datastore-loading="props.isDatastoreLoading"
-    :networks-table="props.networksTable"
-    :selected-nav-item="selectedNavItem"
-    :vm-cpu-help-text-second="props.vmCpuHelpTextSecond"
-    :error-validation-fields="props.errorValidationFields"
-    :virtual-hardware-networks="virtualHardwareNetworksLocal"
-    :virtual-hardware-hard-disks="virtualHardwareHardDisksLocal"
-    :virtual-hardware-cd-dvd-drives="virtualHardwareCdDvdDrivesLocal"
-    :state="props.state"
-    :vm-name-old="props.vmSettings?.name"
-    :passthrough-devices="props.passthroughDevices"
-    :mediated-devices="props.mediatedDevices"
-    :get-datastore-table-func="props.getDatastoreTableFunc"
-    :customize-hardware-submit="customizeHardwareSubmit"
-    @hide="emits('hide')"
-    @validate="validateSendData"
-    @update-vm="emits('update-vm')"
-    @get-storage="emits('get-storage', $event)"
-    @get-pci-devices="emits('get-pci-devices')"
-    @change-boot-order="onChangeBootOrder"
-    @get-networks-table="emits('get-networks-table', $event)"
-    @get-folders-or-files="emits('get-folders-or-files', $event)"
-    @show-datastore-child="emits('show-datastore-child', $event)"
-    @get-active-device-child="emits('get-active-device-child', $event)"
-    @change-customize-hardware="onChangeCustomizeHardware"
-  />
-  <common-vm-actions-edit-settings-old
-    v-else
-    v-model:vm-name="vmName"
-    v-model:vm-settings="vmSettingsLocal"
-    :nodes="props.nodes"
-    :files="props.files"
-    :project="props.project"
-    :loading="loadingLocal"
-    :datastore="props.datastore"
-    :is-datastore-loading="props.isDatastoreLoading"
-    :networks-table="props.networksTable"
-    :selected-nav-item="selectedNavItem"
-    :vm-cpu-help-text-second="props.vmCpuHelpTextSecond"
-    :error-validation-fields="props.errorValidationFields"
-    :virtual-hardware-networks="virtualHardwareNetworksLocal"
-    :virtual-hardware-hard-disks="virtualHardwareHardDisksLocal"
-    :virtual-hardware-cd-dvd-drives="virtualHardwareCdDvdDrivesLocal"
-    :state="props.state"
-    :vm-name-old="props.vmSettings?.name"
-    :passthrough-devices="props.passthroughDevices"
-    :mediated-devices="props.mediatedDevices"
-    :get-datastore-table-func="props.getDatastoreTableFunc"
-    :customize-hardware-submit="customizeHardwareSubmit"
-    @hide="emits('hide')"
-    @validate="validateSendData"
-    @update-vm="emits('update-vm')"
-    @get-storage="emits('get-storage', $event)"
-    @get-pci-devices="emits('get-pci-devices')"
-    @change-boot-order="onChangeBootOrder"
-    @get-networks-table="emits('get-networks-table', $event)"
-    @get-folders-or-files="emits('get-folders-or-files', $event)"
-    @show-datastore-child="emits('show-datastore-child', $event)"
-    @get-active-device-child="emits('get-active-device-child', $event)"
-    @change-customize-hardware="onChangeCustomizeHardware"
-  />
-</template>
-
-<script setup lang="ts">
-import type { UI_T_Project } from '~/lib/models/types'
-import type { UI_I_FileTreeNode } from '~/components/lib/models/interfaces'
-import type { UI_I_NetworkTableItem } from '~/lib/models/store/network/interfaces'
-import type {
-  UI_I_MediatedDevice,
-  UI_I_PciDevice,
-  UI_I_VmSettings,
-} from '~/lib/models/store/vm/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_SendDataCustomizeHardware } from '~/components/common/vm/actions/common/customizeHardware/lib/models/interfaces'
-import type {
-  UI_I_SendDataNewCdDvdDrive,
-  UI_I_SendDataNewHardDisk,
-  UI_I_SendDataNewNetwork,
-  UI_I_SendDataCpu,
-  UI_I_SendDataMemory,
-} from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/interfaces'
-import type { UI_T_SelectedNavItem } from '~/components/common/vm/actions/common/lib/models/types'
-import type { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
-import type { UI_I_TablePayload } from '~/lib/models/table/interfaces'
-import type {
-  UI_I_DatastoreTableItem,
-  UI_I_FolderOrFileTreePayload,
-} from '~/lib/models/store/storage/interfaces'
-import type { UI_T_ChangeBootOrder } from '~/components/common/vm/actions/lib/models/types'
-import type { UI_T_EditVmFinishFunc } from '~/components/common/vm/actions/editSettings/lib/models/types'
-import type { UI_I_Capabilities } from '~/components/common/vm/actions/common/lib/models/interfaces'
-import { mapCapabilities } from '~/components/common/vm/actions/common/lib/utils/capabilities'
-
-const props = defineProps<{
-  project: UI_T_Project
-  loading: boolean
-  vmSettings: UI_I_VmSettings | null
-  nodes: UI_I_FileTreeNode[]
-  files: UI_I_FileTreeNode[]
-  networksTable: UI_I_NetworkTableItem[]
-  errorValidationFields: UI_I_ErrorValidationField<string>[]
-  vmCpuHelpTextSecond: string
-  vmId: string
-  datastore: UI_I_DatastoreTableItem[]
-  isDatastoreLoading: boolean
-  validateSendDataFunc: UI_T_EditVmFinishFunc
-  getDatastoreTableFunc?: (payload: UI_I_TablePayload) => Promise<void>
-  state?: string | number
-  passthroughDevices?: UI_I_PciDevice[]
-  mediatedDevices?: UI_I_MediatedDevice[]
-  capabilities?: UI_I_Capabilities
-}>()
-
-const emits = defineEmits<{
-  (event: 'hide'): void
-  (event: 'update-vm'): void
-  (event: 'get-storage', value: UI_I_TablePayload): void
-  (event: 'get-folders-or-files', value: UI_I_FolderOrFileTreePayload): void
-  (event: 'get-active-device-child', value: UI_I_FileTreeNode): void
-  (event: 'show-datastore-child', value: UI_I_FileTreeNode): void
-  (event: 'get-networks-table', value: UI_I_TablePayload): void
-  (event: 'get-pci-devices'): void
-}>()
-
-const { $store }: any = useNuxtApp()
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-watch(
-  () => props.capabilities,
-  () => {
-    if (props.capabilities) mapCapabilities(props.capabilities)
-  },
-  { deep: true, immediate: true }
-)
-
-const selectedNavItem = ref<UI_T_SelectedNavItem>(0)
-
-const loadingLocal = ref<boolean>(false)
-watch(
-  () => props.loading,
-  (newValue: boolean) => {
-    loadingLocal.value = newValue
-  },
-  { immediate: true }
-)
-
-const vmSettingsLocal = computed<UI_I_VmSettings | null>(() => props.vmSettings)
-
-const vmName = ref<string>(vmSettingsLocal.value?.name || '')
-watch(vmSettingsLocal, (newValue) => {
-  vmName.value = newValue?.name || ''
-})
-
-const virtualHardwareHardDisks = ref<UI_I_SendDataNewHardDisk[] | null>(null)
-const virtualHardwareCdDvdDrives = ref<UI_I_SendDataNewCdDvdDrive[] | null>(
-  null
-)
-const virtualHardwareNetworks = ref<UI_I_SendDataNewNetwork[] | null>(null)
-const onChangeBootOrder = (data: UI_T_ChangeBootOrder): void => {
-  virtualHardwareHardDisks.value = data[0]
-  virtualHardwareCdDvdDrives.value = data[1]
-  virtualHardwareNetworks.value = data[2]
-}
-
-const customizeHardware = ref<UI_I_SendDataCustomizeHardware | null>(null)
-const onChangeCustomizeHardware = (
-  data: UI_I_SendDataCustomizeHardware
-): void => {
-  customizeHardware.value = data
-}
-const virtualHardwareHardDisksLocal = computed<
-  UI_I_SendDataNewHardDisk[] | null
->(() => customizeHardware.value?.virtualHardware?.hardDisks || null)
-const virtualHardwareNetworksLocal = computed<UI_I_SendDataNewNetwork[] | null>(
-  () => customizeHardware.value?.virtualHardware?.networks || null
-)
-const virtualHardwareCdDvdDrivesLocal = computed<
-  UI_I_SendDataNewCdDvdDrive[] | null
->(() => customizeHardware.value?.virtualHardware?.cdDvdDrives || null)
-
-const virtualHardwareCpu = computed<UI_I_SendDataCpu | null>(
-  () => customizeHardware.value?.virtualHardware?.cpu || null
-)
-const virtualHardwareMemory = computed<UI_I_SendDataMemory | null>(
-  () => customizeHardware.value?.virtualHardware?.memory || null
-)
-
-const customizeHardwareSubmit = ref<null | Function>(null)
-const checkCustomizeHardware = async (): Promise<boolean> => {
-  return new Promise((resolve) => {
-    customizeHardwareSubmit.value = (data: boolean) => {
-      customizeHardwareSubmit.value = null
-
-      resolve(data)
-    }
-  })
-}
-
-const validateSendData = async (): Promise<void> => {
-  const isValid = await checkCustomizeHardware()
-  if (!isValid) {
-    return
-  }
-
-  loadingLocal.value = true
-  props
-    .validateSendDataFunc(
-      vmSettingsLocal.value,
-      virtualHardwareCpu.value,
-      virtualHardwareMemory.value,
-      customizeHardware.value,
-      virtualHardwareNetworks.value,
-      virtualHardwareHardDisks.value,
-      virtualHardwareCdDvdDrives.value,
-      vmName.value,
-      localization.value,
-      props.vmId
-    )
-    .then((data) => {
-      loadingLocal.value = false
-
-      !data && emits('update-vm')
-    })
-}
-</script>
-
-<style scoped lang="scss"></style>
+<template>
+  <common-vm-actions-edit-settings-new
+    v-if="isNewView"
+    v-model:vm-name="vmName"
+    v-model:vm-settings="vmSettingsLocal"
+    :nodes="props.nodes"
+    :files="props.files"
+    :project="props.project"
+    :loading="loadingLocal"
+    :datastore="props.datastore"
+    :is-datastore-loading="props.isDatastoreLoading"
+    :networks-table="props.networksTable"
+    :selected-nav-item="selectedNavItem"
+    :vm-cpu-help-text-second="props.vmCpuHelpTextSecond"
+    :error-validation-fields="props.errorValidationFields"
+    :virtual-hardware-networks="virtualHardwareNetworksLocal"
+    :virtual-hardware-hard-disks="virtualHardwareHardDisksLocal"
+    :virtual-hardware-cd-dvd-drives="virtualHardwareCdDvdDrivesLocal"
+    :state="props.state"
+    :vm-name-old="props.vmSettings?.name"
+    :passthrough-devices="props.passthroughDevices"
+    :mediated-devices="props.mediatedDevices"
+    :get-datastore-table-func="props.getDatastoreTableFunc"
+    :customize-hardware-submit="customizeHardwareSubmit"
+    :is-vmt="props.isVmt"
+    @hide="emits('hide')"
+    @validate="validateSendData"
+    @update-vm="emits('update-vm')"
+    @get-storage="emits('get-storage', $event)"
+    @get-pci-devices="emits('get-pci-devices')"
+    @change-boot-order="onChangeBootOrder"
+    @get-networks-table="emits('get-networks-table', $event)"
+    @get-folders-or-files="emits('get-folders-or-files', $event)"
+    @show-datastore-child="emits('show-datastore-child', $event)"
+    @get-active-device-child="emits('get-active-device-child', $event)"
+    @change-customize-hardware="onChangeCustomizeHardware"
+  />
+  <common-vm-actions-edit-settings-old
+    v-else
+    v-model:vm-name="vmName"
+    v-model:vm-settings="vmSettingsLocal"
+    :nodes="props.nodes"
+    :files="props.files"
+    :project="props.project"
+    :loading="loadingLocal"
+    :datastore="props.datastore"
+    :is-datastore-loading="props.isDatastoreLoading"
+    :networks-table="props.networksTable"
+    :selected-nav-item="selectedNavItem"
+    :vm-cpu-help-text-second="props.vmCpuHelpTextSecond"
+    :error-validation-fields="props.errorValidationFields"
+    :virtual-hardware-networks="virtualHardwareNetworksLocal"
+    :virtual-hardware-hard-disks="virtualHardwareHardDisksLocal"
+    :virtual-hardware-cd-dvd-drives="virtualHardwareCdDvdDrivesLocal"
+    :state="props.state"
+    :vm-name-old="props.vmSettings?.name"
+    :passthrough-devices="props.passthroughDevices"
+    :mediated-devices="props.mediatedDevices"
+    :get-datastore-table-func="props.getDatastoreTableFunc"
+    :customize-hardware-submit="customizeHardwareSubmit"
+    :is-vmt="props.isVmt"
+    @hide="emits('hide')"
+    @validate="validateSendData"
+    @update-vm="emits('update-vm')"
+    @get-storage="emits('get-storage', $event)"
+    @get-pci-devices="emits('get-pci-devices')"
+    @change-boot-order="onChangeBootOrder"
+    @get-networks-table="emits('get-networks-table', $event)"
+    @get-folders-or-files="emits('get-folders-or-files', $event)"
+    @show-datastore-child="emits('show-datastore-child', $event)"
+    @get-active-device-child="emits('get-active-device-child', $event)"
+    @change-customize-hardware="onChangeCustomizeHardware"
+  />
+</template>
+
+<script setup lang="ts">
+import type { UI_T_Project } from '~/lib/models/types'
+import type { UI_I_FileTreeNode } from '~/components/lib/models/interfaces'
+import type { UI_I_NetworkTableItem } from '~/lib/models/store/network/interfaces'
+import type {
+  UI_I_MediatedDevice,
+  UI_I_PciDevice,
+  UI_I_VmSettings,
+} from '~/lib/models/store/vm/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_SendDataCustomizeHardware } from '~/components/common/vm/actions/common/customizeHardware/lib/models/interfaces'
+import type {
+  UI_I_SendDataNewCdDvdDrive,
+  UI_I_SendDataNewHardDisk,
+  UI_I_SendDataNewNetwork,
+  UI_I_SendDataCpu,
+  UI_I_SendDataMemory,
+} from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/interfaces'
+import type { UI_T_SelectedNavItem } from '~/components/common/vm/actions/common/lib/models/types'
+import type { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
+import type { UI_I_TablePayload } from '~/lib/models/table/interfaces'
+import type {
+  UI_I_DatastoreTableItem,
+  UI_I_FolderOrFileTreePayload,
+} from '~/lib/models/store/storage/interfaces'
+import type { UI_T_ChangeBootOrder } from '~/components/common/vm/actions/lib/models/types'
+import type { UI_T_EditVmFinishFunc } from '~/components/common/vm/actions/editSettings/lib/models/types'
+import type { UI_I_Capabilities } from '~/components/common/vm/actions/common/lib/models/interfaces'
+import { mapCapabilities } from '~/components/common/vm/actions/common/lib/utils/capabilities'
+
+const props = defineProps<{
+  project: UI_T_Project
+  loading: boolean
+  vmSettings: UI_I_VmSettings | null
+  nodes: UI_I_FileTreeNode[]
+  files: UI_I_FileTreeNode[]
+  networksTable: UI_I_NetworkTableItem[]
+  errorValidationFields: UI_I_ErrorValidationField<string>[]
+  vmCpuHelpTextSecond: string
+  vmId: string
+  datastore: UI_I_DatastoreTableItem[]
+  isDatastoreLoading: boolean
+  validateSendDataFunc: UI_T_EditVmFinishFunc
+  getDatastoreTableFunc?: (payload: UI_I_TablePayload) => Promise<void>
+  state?: string | number
+  passthroughDevices?: UI_I_PciDevice[]
+  mediatedDevices?: UI_I_MediatedDevice[]
+  capabilities?: UI_I_Capabilities
+  isVmt?: boolean
+}>()
+
+const emits = defineEmits<{
+  (event: 'hide'): void
+  (event: 'update-vm'): void
+  (event: 'get-storage', value: UI_I_TablePayload): void
+  (event: 'get-folders-or-files', value: UI_I_FolderOrFileTreePayload): void
+  (event: 'get-active-device-child', value: UI_I_FileTreeNode): void
+  (event: 'show-datastore-child', value: UI_I_FileTreeNode): void
+  (event: 'get-networks-table', value: UI_I_TablePayload): void
+  (event: 'get-pci-devices'): void
+}>()
+
+const { $store }: any = useNuxtApp()
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+watch(
+  () => props.capabilities,
+  () => {
+    if (props.capabilities) mapCapabilities(props.capabilities)
+  },
+  { deep: true, immediate: true }
+)
+
+const selectedNavItem = ref<UI_T_SelectedNavItem>(0)
+
+const loadingLocal = ref<boolean>(false)
+watch(
+  () => props.loading,
+  (newValue: boolean) => {
+    loadingLocal.value = newValue
+  },
+  { immediate: true }
+)
+
+const vmSettingsLocal = computed<UI_I_VmSettings | null>(() => props.vmSettings)
+
+const vmName = ref<string>(vmSettingsLocal.value?.name || '')
+watch(vmSettingsLocal, (newValue) => {
+  vmName.value = newValue?.name || ''
+})
+
+const virtualHardwareHardDisks = ref<UI_I_SendDataNewHardDisk[] | null>(null)
+const virtualHardwareCdDvdDrives = ref<UI_I_SendDataNewCdDvdDrive[] | null>(
+  null
+)
+const virtualHardwareNetworks = ref<UI_I_SendDataNewNetwork[] | null>(null)
+const onChangeBootOrder = (data: UI_T_ChangeBootOrder): void => {
+  virtualHardwareHardDisks.value = data[0]
+  virtualHardwareCdDvdDrives.value = data[1]
+  virtualHardwareNetworks.value = data[2]
+}
+
+const customizeHardware = ref<UI_I_SendDataCustomizeHardware | null>(null)
+const onChangeCustomizeHardware = (
+  data: UI_I_SendDataCustomizeHardware
+): void => {
+  customizeHardware.value = data
+}
+const virtualHardwareHardDisksLocal = computed<
+  UI_I_SendDataNewHardDisk[] | null
+>(() => customizeHardware.value?.virtualHardware?.hardDisks || null)
+const virtualHardwareNetworksLocal = computed<UI_I_SendDataNewNetwork[] | null>(
+  () => customizeHardware.value?.virtualHardware?.networks || null
+)
+const virtualHardwareCdDvdDrivesLocal = computed<
+  UI_I_SendDataNewCdDvdDrive[] | null
+>(() => customizeHardware.value?.virtualHardware?.cdDvdDrives || null)
+
+const virtualHardwareCpu = computed<UI_I_SendDataCpu | null>(
+  () => customizeHardware.value?.virtualHardware?.cpu || null
+)
+const virtualHardwareMemory = computed<UI_I_SendDataMemory | null>(
+  () => customizeHardware.value?.virtualHardware?.memory || null
+)
+
+const customizeHardwareSubmit = ref<null | Function>(null)
+const checkCustomizeHardware = async (): Promise<boolean> => {
+  return new Promise((resolve) => {
+    customizeHardwareSubmit.value = (data: boolean) => {
+      customizeHardwareSubmit.value = null
+
+      resolve(data)
+    }
+  })
+}
+
+const validateSendData = async (): Promise<void> => {
+  const isValid = await checkCustomizeHardware()
+  if (!isValid) {
+    return
+  }
+
+  loadingLocal.value = true
+  props
+    .validateSendDataFunc(
+      vmSettingsLocal.value,
+      virtualHardwareCpu.value,
+      virtualHardwareMemory.value,
+      customizeHardware.value,
+      virtualHardwareNetworks.value,
+      virtualHardwareHardDisks.value,
+      virtualHardwareCdDvdDrives.value,
+      vmName.value,
+      localization.value,
+      props.vmId
+    )
+    .then((data) => {
+      loadingLocal.value = false
+
+      !data && emits('update-vm')
+    })
+}
+</script>
+
+<style scoped lang="scss"></style>

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

@@ -53,6 +53,7 @@
             :is-datastore-loading="props.isDatastoreLoading"
             :customize-hardware-submit="props.customizeHardwareSubmit"
             is-edit
+            :is-vmt="props.isVmt"
             @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)"
@@ -118,6 +119,7 @@ const props = defineProps<{
   mediatedDevices?: any[]
   getDatastoreTableFunc?: (payload: UI_I_TablePayload) => Promise<void>
   customizeHardwareSubmit?: null | Function
+  isVmt?: boolean
 }>()
 
 const emits = defineEmits<{

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

@@ -56,6 +56,7 @@
             :is-datastore-loading="props.isDatastoreLoading"
             :customize-hardware-submit="props.customizeHardwareSubmit"
             is-edit
+            :is-vmt="props.isVmt"
             @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)"
@@ -125,6 +126,7 @@ const props = defineProps<{
   mediatedDevices?: any[]
   getDatastoreTableFunc?: (payload: UI_I_TablePayload) => Promise<void>
   customizeHardwareSubmit?: null | Function
+  isVmt?: boolean
 }>()
 
 const emits = defineEmits<{

package/package.json

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