bfg-common 1.5.60 → 1.5.62

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

@@ -1,160 +1,138 @@
 <template>
-  <div class="add-vm">
-    <atoms-wizard
-      show
-      :wizard="wizard"
-      :selected-scheme="selectedScheme"
-      :title="localization.common.newVirtualMachine2"
-      :localization="localization"
-      test-id="new-virtual-machine-wizard"
-      @change-steps="onChangeSteps"
-      @hide="onHideModal"
-      @submit="onFinish"
-    >
-      <template #modalBody="{ selectedStep }">
-        <div class="add-vm-content">
-          <common-vm-actions-common-select-create-type
-            v-show="selectedStep.id === dynamicSteps.creationType"
-            v-model="selectedCreateType"
-            :import-from-v-m-warev-sphere="props.importFromVMWarevSphere"
-          />
-          <common-vm-actions-common-select-template
-            v-show="selectedStep.id === dynamicSteps.selectTemplate"
-            :template-submit="templateSubmit"
-            :templates-tree="props.templatesTree"
-            @submit="onChangeTemplate"
-          />
-          <common-vm-actions-common-select-name
-            v-show="
-              selectedStep.id === dynamicSteps.selectName ||
-              selectedStep.id === dynamicSteps.selectNameFolder
-            "
-            :show="
-              selectedStep.id === dynamicSteps.selectName ||
-              selectedStep.id === dynamicSteps.selectNameFolder
-            "
-            :name-form-submit="nameFormSubmit"
-            :project="props.project"
-            :data-center="props.dataCenter"
-            @submit="onChangeName(...$event)"
-            @check-name="emits('check-name', $event)"
-          />
-          <common-vm-actions-common-select-compute-resource
-            v-if="isSphere"
-            v-show="selectedStep.id === dynamicSteps.selectComputeResource"
-            v-model="vmForm.computeResource"
-            :compute-resource-submit="computeResourceSubmit"
-            :data-center="vmForm.dataCenter"
-            :compute-resource="props.computeResource"
-            :compute-resource-tree="props.computeResourceTree"
-            @submit="onChangeComputeResource"
-            @select-compute-resource-tree="onSelectComputeResourceTree"
-            @get-compute-resource-tree="
-              emits('get-compute-resource-tree', $event)
-            "
-            @show-compute-resource-tree="
-              emits('show-compute-resource-tree', $event)
-            "
-            @clear-compute-resource-tree="
-              emits('clear-compute-resource-tree', $event)
-            "
-          />
-          <common-vm-actions-common-select-storage
-            v-show="selectedStep.id === dynamicSteps.selectStorage"
-            :storage-submit="storageSubmit"
-            :datastore="props.datastore"
-            :get-datastore-table-func="props.getDatastoreTableFunc"
-            @submit="onChangeStorage"
-          />
-          <common-vm-actions-common-select-options
-            v-show="selectedStep.id === dynamicSteps.selectOptions"
-            @change="onChangeSelectOptions"
-          />
-          <common-vm-actions-common-select-compatibility
-            v-show="selectedStep.id === dynamicSteps.compatibility"
-            :options="compatibility"
-            :error-validation-fields="props.errorValidationFields"
-            @change="onChangeCompatibility"
-            @remove-error-by-title="emits('remove-error-by-title', $event)"
-          />
-          <common-vm-actions-common-select-os
-            v-show="
-              selectedStep.id === dynamicSteps.selectGuestOSMachineType ||
-              selectedStep.id === dynamicSteps.selectGuestOS
-            "
-            v-model:machine-type="vmForm.guestMachineType"
-            v-model:guest-os-family="vmForm.guestOsFamily"
-            v-model:guest-os-version="vmForm.guestOsVersion"
-            :families-options="guestOsFamilies"
-            :versions-options="guestOsVersions"
-            :machine-types-options="machineTypes"
-            :error-validation-fields="props.errorValidationFields"
-            @remove-error-by-title="emits('remove-error-by-title', $event)"
-          />
-          <common-vm-actions-common-customize-hardware
-            v-show="selectedStep.id === dynamicSteps.customizeHardware"
-            :project="props.project"
-            :vm-name="vmForm.name"
-            :guest-machine-type="vmForm.guestMachineType"
-            :guest-os-family="vmForm.guestOsFamily"
-            :guest-os-version="vmForm.guestOsVersion"
-            :storage="vmForm.storage"
-            :hard-disks-for-boot-options="virtualHardwareHardDisksLocal"
-            :cd-dvd-drives-for-boot-options="virtualHardwareCdDvdDrivesLocal"
-            :networks-for-boot-options="virtualHardwareNetworksLocal"
-            :cd-dvd-drives="virtualHardwareCdDvdDrivesLocal"
-            :customize-hardware-submit="customizeHardwareSubmit"
-            :max-cpus="maxCpus"
-            :max-memory="maxMemory"
-            :cpu-models="cpuModels"
-            :selected-nav-item="selectedNavItem"
-            :nodes="props.nodes"
-            :files="props.files"
-            :networks-table="props.networksTable"
-            :error-validation-fields="props.errorValidationFields"
-            :get-datastore-table-func="props.getDatastoreTableFunc"
-            :datastore="props.datastore"
-            :vm-cpu-help-text-second="props.vmCpuHelpTextSecond"
-            :passthrough-devices="props.passthroughDevices"
-            :mediated-devices="props.mediatedDevices"
-            :compute-resource="vmForm.computeResource"
-            @change-boot-order="onChangeBootOrder"
-            @send-data="onChangeCustomizeHardware"
-            @get-storage="emits('get-storage', $event)"
-            @get-folders-or-files="emits('get-folders-or-files', $event)"
-            @get-active-device-child="emits('get-active-device-child', $event)"
-            @show-datastore-child="emits('show-datastore-child', $event)"
-            @remove-error-by-title="emits('remove-error-by-title', $event)"
-            @get-networks-table="emits('get-networks-table', $event)"
-            @get-pci-devices="emits('get-pci-devices')"
-          />
-          <common-ready-to-complete
-            v-if="selectedStep.id === dynamicSteps.readyComplete"
-            :data="props.readyCompleteTableInfo"
-          />
-          <span
-            v-if="selectedStep.id > dynamicSteps.compatibility"
-            class="vm-hardware-version"
-            >{{ compatibilityInfo }}</span
-          >
-        </div>
-      </template>
-
-      <template #modalFooterContent>
-        <div v-if="isShowPowerOn" class="power-on-by-default-wrap">
-          <input
-            id="power-on-by-default"
-            v-model="isPowerOnByDefault"
-            data-id="power-on-by-default"
-            type="checkbox"
-          />
-          <label for="power-on-by-default" class="label-text-normal">{{
-            localization.common.powerOnByDefault
-          }}</label>
-        </div>
-      </template>
-    </atoms-wizard>
-  </div>
+  <common-vm-actions-add-new
+    v-if="isNewView"
+    v-model:vm-form="vmForm"
+    v-model:selected-create-type="selectedCreateType"
+    v-model:is-power-on-by-default="isPowerOnByDefault"
+    :project="props.project"
+    :nodes="props.nodes"
+    :files="props.files"
+    :networks-table="props.networksTable"
+    :datastore="props.datastore"
+    :error-validation-fields="props.errorValidationFields"
+    :ready-complete-table-info="props.readyCompleteTableInfo"
+    :vm-cpu-help-text-second="props.vmCpuHelpTextSecond"
+    :import-from-v-m-warev-sphere="props.importFromVMWarevSphere"
+    :get-datastore-table-func="props.getDatastoreTableFunc"
+    :passthrough-devices="props.passthroughDevices"
+    :mediated-devices="props.mediatedDevices"
+    :templates-tree="props.templatesTree"
+    :wizard="wizard"
+    :selected-scheme="selectedScheme"
+    :template-submit="templateSubmit"
+    :name-form-submit="nameFormSubmit"
+    :storage-submit="storageSubmit"
+    :customize-hardware-submit="customizeHardwareSubmit"
+    :is-sphere="isSphere"
+    :compatibility="compatibility"
+    :guestOsFamilies="guestOsFamilies"
+    :guestOsVersions="guestOsVersions"
+    :machineTypes="machineTypes"
+    :virtual-hardware-hard-disks-local="virtualHardwareHardDisksLocal"
+    :virtual-hardware-cd-dvd-drives-local="virtualHardwareCdDvdDrivesLocal"
+    :virtual-hardware-networks-local="virtualHardwareNetworksLocal"
+    :max-cpus="maxCpus"
+    :max-memory="maxMemory"
+    :cpu-models="cpuModels"
+    :selected-nav-item="selectedNavItem"
+    :compatibility-info="compatibilityInfo"
+    :is-show-power-on="isShowPowerOn"
+    :compute-resource-submit="computeResourceSubmit"
+    :data-center="props.dataCenter"
+    :compute-resource="props.computeResource"
+    :compute-resource-tree="props.computeResourceTree"
+    :vmt-settings="props.vmtSettings"
+    @check-name="onCheckName"
+    @get-storage="emits('get-storage', $event)"
+    @get-folders-or-files="emits('get-folders-or-files', $event)"
+    @get-active-device-child="emits('get-active-device-child', $event)"
+    @show-datastore-child="emits('show-datastore-child', $event)"
+    @remove-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"
+    @change-template="onChangeTemplate"
+    @change-name="onChangeName(...$event)"
+    @change-storage="onChangeStorage"
+    @change-select-options="onChangeSelectOptions"
+    @change-compatibility="onChangeCompatibility"
+    @change-boot-order="onChangeBootOrder"
+    @change-customize-hardware="onChangeCustomizeHardware"
+    @clear-compute-resource-tree="emits('clear-compute-resource-tree')"
+    @change-compute-resource="onChangeComputeResource"
+    @select-compute-resource-tree="onSelectComputeResourceTree"
+    @get-compute-resource-tree="emits('get-compute-resource-tree', $event)"
+    @show-compute-resource-tree="emits('show-compute-resource-tree', $event)"
+    @finish="onFinish"
+    @hide="onHideModal"
+  />
+  <common-vm-actions-add-old
+    v-else
+    v-model:vm-form="vmForm"
+    v-model:selected-create-type="selectedCreateType"
+    v-model:is-power-on-by-default="isPowerOnByDefault"
+    :project="props.project"
+    :nodes="props.nodes"
+    :files="props.files"
+    :networks-table="props.networksTable"
+    :datastore="props.datastore"
+    :error-validation-fields="props.errorValidationFields"
+    :ready-complete-table-info="props.readyCompleteTableInfo"
+    :vm-cpu-help-text-second="props.vmCpuHelpTextSecond"
+    :import-from-v-m-warev-sphere="props.importFromVMWarevSphere"
+    :get-datastore-table-func="props.getDatastoreTableFunc"
+    :passthrough-devices="props.passthroughDevices"
+    :mediated-devices="props.mediatedDevices"
+    :templates-tree="props.templatesTree"
+    :wizard="wizard"
+    :selected-scheme="selectedScheme"
+    :template-submit="templateSubmit"
+    :name-form-submit="nameFormSubmit"
+    :storage-submit="storageSubmit"
+    :customize-hardware-submit="customizeHardwareSubmit"
+    :is-sphere="isSphere"
+    :compatibility="compatibility"
+    :guestOsFamilies="guestOsFamilies"
+    :guestOsVersions="guestOsVersions"
+    :machineTypes="machineTypes"
+    :virtual-hardware-hard-disks-local="virtualHardwareHardDisksLocal"
+    :virtual-hardware-cd-dvd-drives-local="virtualHardwareCdDvdDrivesLocal"
+    :virtual-hardware-networks-local="virtualHardwareNetworksLocal"
+    :max-cpus="maxCpus"
+    :max-memory="maxMemory"
+    :cpu-models="cpuModels"
+    :selected-nav-item="selectedNavItem"
+    :compatibility-info="compatibilityInfo"
+    :is-show-power-on="isShowPowerOn"
+    :compute-resource-submit="computeResourceSubmit"
+    :data-center="props.dataCenter"
+    :compute-resource="props.computeResource"
+    :compute-resource-tree="props.computeResourceTree"
+    :vmt-settings="props.vmtSettings"
+    @check-name="onCheckName"
+    @get-storage="emits('get-storage', $event)"
+    @get-folders-or-files="emits('get-folders-or-files', $event)"
+    @get-active-device-child="emits('get-active-device-child', $event)"
+    @show-datastore-child="emits('show-datastore-child', $event)"
+    @remove-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"
+    @change-template="onChangeTemplate"
+    @change-name="onChangeName(...$event)"
+    @change-storage="onChangeStorage"
+    @change-select-options="onChangeSelectOptions"
+    @change-compatibility="onChangeCompatibility"
+    @change-boot-order="onChangeBootOrder"
+    @change-customize-hardware="onChangeCustomizeHardware"
+    @clear-compute-resource-tree="emits('clear-compute-resource-tree')"
+    @change-compute-resource="onChangeComputeResource"
+    @select-compute-resource-tree="onSelectComputeResourceTree"
+    @get-compute-resource-tree="emits('get-compute-resource-tree', $event)"
+    @show-compute-resource-tree="emits('show-compute-resource-tree', $event)"
+    @finish="onFinish"
+    @hide="onHideModal"
+  />
 </template>
 
 <script setup lang="ts">
@@ -190,7 +168,6 @@ import type {
   UI_I_VmFormCash,
 } from '~/components/common/vm/actions/common/lib/models/interfaces'
 import type { UI_I_SendDataCustomizeHardware } from '~/components/common/vm/actions/common/customizeHardware/lib/models/interfaces'
-import type { UI_I_OsChange } from '~/components/common/vm/actions/common/select/lib/models/interfaces'
 import type {
   UI_I_SendDataCpu,
   UI_I_SendDataMemory,
@@ -203,6 +180,7 @@ import type { UI_T_ChangeBootOrder } from '~/components/common/vm/actions/lib/mo
 import type {
   UI_I_MediatedDevice,
   UI_I_PciDevice,
+  UI_I_VmSettings,
 } from '~/lib/models/store/vm/interfaces'
 import { capabilities } from '~/components/common/vm/actions/common/lib/config/capabilities'
 import {
@@ -233,6 +211,7 @@ const props = defineProps<{
   vmNameInWizard: string
   templatesTree: UI_I_TreeNode[]
   capabilities?: UI_I_Capabilities
+  vmtSettings?: UI_I_VmSettings | null
   dataCenter?: UI_I_TreeNode // для сферы
   computeResource?: UI_I_TreeNode // для сферы
   computeResourceTree?: UI_I_TreeNode[] // для сферы
@@ -249,6 +228,7 @@ const emits = defineEmits<{
   (event: 'get-pci-devices'): void
   (event: 'get-pci-devices'): void
   (event: 'hide'): void
+  (event: 'select-template', value: string): void
   (
     event: 'get-compute-resource-tree',
     value: { id: string | number; cb: () => void }
@@ -258,7 +238,8 @@ const emits = defineEmits<{
   (event: 'clear-compute-resource-tree'): void // для сферы
 }>()
 
-const { $recursion } = useNuxtApp()
+const { $store, $recursion }: any = useNuxtApp()
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
 
 const localization = computed<UI_I_Localization>(() => useLocal())
 
@@ -333,7 +314,7 @@ const validationFunc = async (
       nextStep.id
     )
   ) {
-    const nameValidation = await checkName(value)
+    const nameValidation = await onCheckName(value)
 
     value = nameValidation.newValue
     stepHasError = stepHasError || nameValidation.stepHasError
@@ -368,11 +349,23 @@ const validationFunc = async (
       nextStep.id
     )
   ) {
-    const storageValidation = await checkCustomizeHardware(value)
+    const validation = await checkCustomizeHardware(value)
 
-    value = storageValidation.newValue
+    value = validation.newValue
 
-    stepHasError = stepHasError || storageValidation.stepHasError
+    stepHasError = stepHasError || validation.stepHasError
+  } else if (
+    wizard.isValidateForStep(
+      dynamicSteps.customizeHardwareTemplate,
+      currentStep.id,
+      nextStep.id
+    )
+  ) {
+    const validation = await checkCustomizeHardware(value, true)
+
+    value = validation.newValue
+
+    stepHasError = stepHasError || validation.stepHasError
   }
   wizard.setLoader(false)
 
@@ -415,7 +408,7 @@ const checkTemplate = async (
     }
   })
 }
-const checkName = async (
+const onCheckName = async (
   value: UI_I_WizardStep[]
 ): Promise<UI_I_ValidationReturn> => {
   let stepHasError = false
@@ -509,7 +502,8 @@ const checkStorage = async (
   })
 }
 const checkCustomizeHardware = async (
-  value: UI_I_WizardStep[]
+  value: UI_I_WizardStep[],
+  forTemplate = false
 ): Promise<UI_I_ValidationReturn> => {
   let stepHasError = false
 
@@ -517,7 +511,9 @@ const checkCustomizeHardware = async (
     customizeHardwareSubmit.value = (isValid: boolean) => {
       if (!isValid) {
         stepHasError = wizard.setValidation(
-          dynamicSteps.customizeHardware,
+          forTemplate
+            ? dynamicSteps.customizeHardwareTemplate
+            : dynamicSteps.customizeHardware,
           'customizeHardware',
           {
             fieldMessage: 'aaa',
@@ -525,10 +521,17 @@ const checkCustomizeHardware = async (
           }
         )
       } else if (
-        wizard.hasMessage(dynamicSteps.customizeHardware, 'customizeHardware')
+        wizard.hasMessage(
+          forTemplate
+            ? dynamicSteps.customizeHardwareTemplate
+            : dynamicSteps.customizeHardware,
+          'customizeHardware'
+        )
       ) {
         value = wizard.removeValidation(
-          dynamicSteps.customizeHardware,
+          forTemplate
+            ? dynamicSteps.customizeHardwareTemplate
+            : dynamicSteps.customizeHardware,
           'customizeHardware',
           value
         )
@@ -562,7 +565,7 @@ const vmFormCash = ref<UI_I_VmFormCash>({
   computeResourceTypeAndId: null,
 })
 
-const onChangeName = (name: string, node: UI_I_TreeNode): void => {
+const onChangeName = (name: string, node: UI_I_TreeNode | null): void => {
   vmForm.value.name = name
   if (isSphere.value) {
     vmForm.value.locationPath = node.id
@@ -723,8 +726,9 @@ const maxCpus = ref<number>(capabilities.maxCpus)
 const maxMemory = ref<number>(capabilities.maxMemory)
 
 const selectedTemplate = ref<string>('')
-const onChangeTemplate = (id: string): void => {
-  selectedTemplate.value = id
+const onChangeTemplate = (node: UI_I_TreeNode): void => {
+  selectedTemplate.value = node.id.toString()
+  emits('select-template', node.id.toString())
 }
 const selectedOptions = ref<string[]>([])
 const onChangeSelectOptions = (options: string[]) => {
@@ -741,34 +745,41 @@ const onChangeSelectOptions = (options: string[]) => {
   } else {
     wizard.changeScheme(2)
   }
+
+  isPowerOnByDefault.value = options.includes('power-on')
 }
 
 const onHideModal = (): void => {
   emits('hide')
 }
-</script>
 
-<style scoped lang="scss">
-:deep(.modal-body) {
-  display: flex;
-  flex-direction: column;
-}
-.add-vm-content {
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-}
-.vm-hardware-version {
-  align-self: flex-end;
-  margin-top: auto;
-}
-.power-on-by-default-wrap {
-  display: flex;
-  align-items: center;
-  margin-right: auto;
-
-  input {
-    margin-right: 6px;
+watch(
+  () => props.vmtSettings,
+  (newValue) => {
+    if (newValue) {
+      vmForm.value.name = newValue.name
+      vmForm.value.compatibility =
+        newValue.compatibility || vmForm.value.compatibility
+      vmForm.value.storage = newValue.storage
+      if (customizeHardware.value?.virtualHardware) {
+        customizeHardware.value.virtualHardware.cdDvdDrives =
+          newValue.cdDvdDrives
+        customizeHardware.value.virtualHardware.hardDisks = newValue.hardDisks
+        customizeHardware.value.virtualHardware.networks = newValue.networks
+        customizeHardware.value.virtualHardware.cpu = newValue.cpu
+        customizeHardware.value.virtualHardware.memory = newValue.memory
+        customizeHardware.value.virtualHardware.videoCard = newValue.videoCard
+        customizeHardware.value.virtualHardware.usbController =
+          newValue.usbController
+        customizeHardware.value.virtualHardware.pciDevices = newValue.pciDevices
+        customizeHardware.value.vmOptions = newValue.options
+      }
+      maxCpus.value = newValue.cpu.max_vcpus
+      cpuModels.value = newValue.cpu.model
+      isPowerOnByDefault.value = false
+    }
   }
-}
-</style>
+)
+</script>
+
+<style scoped lang="scss"></style>