bfg-common 1.3.252 → 1.3.254

package/components/common/diagramMain/modals/migrateVmkernelAdapter/MigrateVmkernelAdapter.vue

@@ -1,93 +1,95 @@
 <template>
-  <atoms-wizard
-    v-model:show="props.show"
-    :steps="wizard.steps"
-    :selected-scheme="selectedScheme"
-    :is-loading="wizard.wizardLoader.status"
-    :loader-messages="wizard.wizardLoader.messages"
-    :title="title"
-    :was-completed="wasCompleted"
-    :localization="localization"
-    :class="[
+    <atoms-wizard
+            v-model:show="props.show"
+            :steps="wizard.steps"
+            :selected-scheme="selectedScheme"
+            :is-loading="wizard.wizardLoader.status"
+            :loader-messages="wizard.wizardLoader.messages"
+            :title="title"
+            :was-completed="wasCompleted"
+            :localization="localization"
+            :class="[
       'migrate-vm-kernel-modal',
       {
         'is-dark': props.isDarkMode,
       },
     ]"
-    @change-steps="onChangeSteps"
-    @hide="onHide"
-    @submit="onSubmit"
-  >
-    <template #modalBody="{ selectedStep }">
-      <common-diagram-main-modals-migrate-vmkernel-adapter-steps-select-vmkernel-adapter
-        v-if="selectedStep.id === 0"
-        :vmkernel-adapter="vmkernelAdapter"
-        :table-data="filteredNetworksList"
-        :alert-messages="alertMessages[0]"
-        @hide-alert="onHideAlert"
-        @change-vmkernel-adapter="onChangeMigrateVmkernelAdapter"
-      />
-      <common-diagram-main-modals-migrate-vmkernel-adapter-steps-connection-settings
-        v-if="selectedStep.id === 1"
-        :connection-settings="connectionSettings"
-        :messages-fields="selectedStep.fields"
-        :alert-messages="alertMessages[1]"
-        :wizard="wizard"
-        @hide-alert="onHideAlert"
-        @change-connection-settings="onChangeConnectionSettings"
-      />
-      <common-diagram-main-modals-migrate-vmkernel-adapter-steps-vmkernel-adapter-ready-complete
-        v-if="selectedStep.id === 2"
-        :data="readyCompleteData"
-      />
-    </template>
-  </atoms-wizard>
+            @change-steps="onChangeSteps"
+            @hide="onHide"
+            @submit="onSubmit"
+    >
+        <template #modalBody="{ selectedStep }">
+            <common-diagram-main-modals-migrate-vmkernel-adapter-steps-select-vmkernel-adapter
+                    v-if="selectedStep.id === 0"
+                    :vmkernel-adapter="vmkernelAdapter"
+                    :table-data="filteredNetworksList"
+                    :alert-messages="alertMessages[0]"
+                    @hide-alert="onHideAlert"
+                    @change-vmkernel-adapter="onChangeMigrateVmkernelAdapter"
+            />
+            <common-diagram-main-modals-migrate-vmkernel-adapter-steps-connection-settings
+                    v-if="selectedStep.id === 1"
+                    :connection-settings="connectionSettings"
+                    :messages-fields="selectedStep.fields"
+                    :alert-messages="alertMessages[1]"
+                    :wizard="wizard"
+                    @hide-alert="onHideAlert"
+                    @change-connection-settings="onChangeConnectionSettings"
+            />
+            <common-diagram-main-modals-migrate-vmkernel-adapter-steps-vmkernel-adapter-ready-complete
+                    v-if="selectedStep.id === 2"
+                    :data="readyCompleteData"
+            />
+        </template>
+    </atoms-wizard>
 </template>
 
 <script setup lang="ts">
 import { UI_I_Localization } from '~/lib/models/interfaces'
 import {
-  UI_I_Network,
-  UI_I_VmkernelAdapterTableData,
+    UI_I_Network,
+    UI_I_VmkernelAdapterTableData,
 } from '~/components/common/diagramMain/lib/models/interfaces'
 import {
-  UI_I_ConnectionSettings,
-  UI_I_SelectVmkernelAdapter,
+    UI_I_ConnectionSettings,
+    UI_I_SelectVmkernelAdapter,
 } from '~/components/common/wizards/network/add/lib/models/interfaces'
 import {
-  UI_I_WizardStep,
-  UI_I_ValidationReturn,
+    UI_I_WizardStep,
+    UI_I_ValidationReturn,
 } from '~/components/atoms/wizard/lib/models/interfaces'
 import {
-  UI_I_MigrateVmkernelAdapterEmits,
-  UI_I_MigrationVmkernelAdapterReadyComplete,
+    UI_I_MigrateVmkernelAdapterEmits,
+    UI_I_MigrationVmkernelAdapterReadyComplete,
 } from '~/components/common/diagramMain/lib/models/interfaces'
 import { UI_E_MigrationValidationFields } from '~/components/common/diagramMain/lib/models/enums'
 import {
-  stepsFunc,
-  stepsSchemeInitial,
+    stepsFunc,
+    stepsSchemeInitial,
 } from '~/components/common/diagramMain/modals/migrateVmkernelAdapter/lib/config/steps'
 import {
-  checkNetworkAsync,
-  checkConnectionSettingsSync,
-  checkSelectedVmSync,
+    checkNetworkAsync,
+    checkConnectionSettingsSync,
+    checkSelectedVmSync,
 } from '~/components/common/diagramMain/modals/migrateVmkernelAdapter/validations/validations'
 import Wizard from '~/components/atoms/wizard/lib/utils/utils'
 import { readyCompleteInitial } from '~/components/common/diagramMain/modals/migrateVmkernelAdapter/lib/config/steps'
 
 const props = withDefaults(
-  defineProps<{
-    show: boolean
-    switchName?: string
-    networksList?: UI_I_Network[]
-    switchNetworks?: UI_I_Network[]
-    isDarkMode: boolean
-  }>(),
-  {
-    switchName: '',
-    networksList: () => [],
-    switchNetworks: () => [],
-  }
+    defineProps<{
+        show: boolean
+        switchName?: string
+        networksList?: UI_I_Network[]
+        switchNetworks?: UI_I_Network[]
+        isDarkMode: boolean
+        isMigrateAdapterLoading?: boolean
+    }>(),
+    {
+        switchName: '',
+        networksList: () => [],
+        switchNetworks: () => [],
+        isMigrateAdapterLoading: false,
+    }
 )
 
 const emits = defineEmits<UI_I_MigrateVmkernelAdapterEmits>()
@@ -95,8 +97,8 @@ const emits = defineEmits<UI_I_MigrateVmkernelAdapterEmits>()
 const localization = computed<UI_I_Localization>(() => useLocal())
 
 const wizard: Wizard = new Wizard(
-  stepsFunc(localization.value),
-  stepsSchemeInitial
+    stepsFunc(localization.value),
+    stepsSchemeInitial
 )
 const wasCompleted = computed<boolean>(() => wizard.wasCompleted())
 const selectedScheme = computed<number[]>(() => wizard.selectedScheme.value)
@@ -104,184 +106,192 @@ const alertMessages = computed<string[][]>(() => wizard.alertMessages.value)
 
 const hostname = ref<string>('')
 const title = computed<string>(
-  () =>
-    `${hostname.value} - ${localization.value.migrateVmKernelNetworkAdapterTo} ${props.switchName}`
+    () =>
+        `${hostname.value} - ${localization.value.migrateVmKernelNetworkAdapterTo} ${props.switchName}`
 )
 
 const connectionSettings = ref<UI_I_ConnectionSettings>({
-  networkLabel: 'VM Network',
-  vlanId: 'None (0)',
+    networkLabel: 'VM Network',
+    vlanId: 'None (0)',
 })
 
 const vmkernelAdapter = ref<UI_I_SelectVmkernelAdapter>({
-  vm: '',
+    vm: '',
 })
 
 const readyCompleteData =
-  ref<UI_I_MigrationVmkernelAdapterReadyComplete>(readyCompleteInitial)
+    ref<UI_I_MigrationVmkernelAdapterReadyComplete>(readyCompleteInitial)
 
 const validationFunc = async (
-  value: UI_I_WizardStep[],
-  currentStep: UI_I_WizardStep,
-  nextStep: UI_I_WizardStep
+    value: UI_I_WizardStep[],
+    currentStep: UI_I_WizardStep,
+    nextStep: UI_I_WizardStep
 ): Promise<UI_I_ValidationReturn> => {
-  let stepHasError = false
+    let stepHasError = false
 
-  if (wizard.isValidateForStep(0, currentStep.id, nextStep.id)) {
-    const selectVmkernelAdapterValidation = checkSelectedVmSync(
-      localization.value,
-      vmkernelAdapter.value,
-      wizard,
-      value
-    )
+    if (wizard.isValidateForStep(0, currentStep.id, nextStep.id)) {
+        const selectVmkernelAdapterValidation = checkSelectedVmSync(
+            localization.value,
+            vmkernelAdapter.value,
+            wizard,
+            value
+        )
 
-    value = selectVmkernelAdapterValidation.newValue
+        value = selectVmkernelAdapterValidation.newValue
 
-    stepHasError = stepHasError || selectVmkernelAdapterValidation.stepHasError
-  }
+        stepHasError = stepHasError || selectVmkernelAdapterValidation.stepHasError
+    }
 
-  if (wizard.isValidateForStep(1, currentStep.id, nextStep.id)) {
-    const labelValidation = await checkNetworkAsync(
-      value,
-      connectionSettings.value.networkLabel,
-      1,
-      UI_E_MigrationValidationFields.CONNECTION_SETTINGS_NETWORK,
-      emits,
-      localization.value,
-      wizard
-    )
-
-    value = labelValidation.newValue
-
-    const connectionSettingsValidation = checkConnectionSettingsSync(
-      localization.value,
-      connectionSettings.value,
-      wizard,
-      value
-    )
-
-    value = connectionSettingsValidation.newValue
-
-    stepHasError =
-      stepHasError ||
-      labelValidation.stepHasError ||
-      connectionSettingsValidation.stepHasError
-  }
+    if (wizard.isValidateForStep(1, currentStep.id, nextStep.id)) {
+        const labelValidation = await checkNetworkAsync(
+            value,
+            connectionSettings.value.networkLabel,
+            1,
+            UI_E_MigrationValidationFields.CONNECTION_SETTINGS_NETWORK,
+            emits,
+            localization.value,
+            wizard
+        )
+
+        value = labelValidation.newValue
+
+        const connectionSettingsValidation = checkConnectionSettingsSync(
+            localization.value,
+            connectionSettings.value,
+            wizard,
+            value
+        )
+
+        value = connectionSettingsValidation.newValue
+
+        stepHasError =
+            stepHasError ||
+            labelValidation.stepHasError ||
+            connectionSettingsValidation.stepHasError
+    }
 
-  return {
-    newValue: value,
-    stepHasError,
-  }
+    return {
+        newValue: value,
+        stepHasError,
+    }
 }
 
 const finalValidationFunc = async (
-  value: UI_I_WizardStep[]
+    value: UI_I_WizardStep[]
 ): Promise<UI_I_ValidationReturn> => {
-  let stepHasError = false
+    let stepHasError = false
 
-  // wizard.setLoader(true)
+    // wizard.setLoader(true)
 
-  // wizard.setLoader(false)
-  return {
-    stepHasError,
-    newValue: value,
-  }
+    // wizard.setLoader(false)
+    return {
+        stepHasError,
+        newValue: value,
+    }
 }
 
 const onChangeSteps = async (value: UI_I_WizardStep[]): Promise<void> =>
-  wizard.changeSteps(value, validationFunc, finalValidationFunc)
+    wizard.changeSteps(value, validationFunc, finalValidationFunc)
 
 const filteredNetworksList = ref<UI_I_VmkernelAdapterTableData[]>([])
 
 watch(
-  () => wizard.selectedStepId,
-  (newSelectedStepId: number) => {
-    if (newSelectedStepId !== 2) return
-
-    const from = filteredNetworksList.value.find(
-      (network) => network.name === vmkernelAdapter.value.vm
-    )
-
-    readyCompleteData.value = {
-      vm: vmkernelAdapter.value.vm,
-      currentSettings: {
-        switch: from?.switch || '',
-        network: from?.networkLabel || '',
-      },
-      newSettings: {
-        switch: props.switchName,
-        network: connectionSettings.value.networkLabel,
-      },
-      vlanId: connectionSettings.value.vlanId,
+    () => wizard.selectedStepId,
+    (newSelectedStepId: number) => {
+        if (newSelectedStepId !== 2) return
+
+        const from = filteredNetworksList.value.find(
+            (network) => network.name === vmkernelAdapter.value.vm
+        )
+
+        readyCompleteData.value = {
+            vm: vmkernelAdapter.value.vm,
+            currentSettings: {
+                switch: from?.switch || '',
+                network: from?.networkLabel || '',
+            },
+            newSettings: {
+                switch: props.switchName,
+                network: connectionSettings.value.networkLabel,
+            },
+            vlanId: connectionSettings.value.vlanId,
+        }
     }
-  }
 )
 
 watch(
-  () => props.switchNetworks,
-  (netsOnSwitch: UI_I_Network[]) => {
-    const vmKernelNetworksIdOnSwitch = netsOnSwitch
-      .filter((net: UI_I_Network) => net.networkType === '1')
-      .map((net: UI_I_Network) => net.id)
-
-    filteredNetworksList.value = props.networksList
-      .filter(
-        (net: UI_I_Network) =>
-          net.networkType === '1' &&
-          !vmKernelNetworksIdOnSwitch.includes(net.id)
-      )
-      .map((net: UI_I_Network, index: number) => ({
-        name: net.sysx?.id || '',
-        networkLabel: net.title,
-        switch: net.switchName || '',
-        ipAddress: net.sysx?.ipv4_settings.ipv4 || '--',
-        tcp: net.sysx?.tcp_stack
-          ? localization.value[net.sysx?.tcp_stack]
-          : '--',
-        id: `${net.sysx?.id || ''}-${index}`,
-      }))
-  },
-  { deep: true, immediate: true }
+    () => props.switchNetworks,
+    (netsOnSwitch: UI_I_Network[]) => {
+        const vmKernelNetworksIdOnSwitch = netsOnSwitch
+            .filter((net: UI_I_Network) => net.networkType === '1')
+            .map((net: UI_I_Network) => net.id)
+
+        filteredNetworksList.value = props.networksList
+            .filter(
+                (net: UI_I_Network) =>
+                    net.networkType === '1' &&
+                    !vmKernelNetworksIdOnSwitch.includes(net.id)
+            )
+            .map((net: UI_I_Network, index: number) => ({
+                name: net.sysx?.id || '',
+                networkLabel: net.title,
+                switch: net.switchName || '',
+                ipAddress: net.sysx?.ipv4_settings.ipv4 || '--',
+                tcp: net.sysx?.tcp_stack
+                    ? localization.value[net.sysx?.tcp_stack]
+                    : '--',
+                id: `${net.sysx?.id || ''}-${index}`,
+            }))
+    },
+    { deep: true, immediate: true }
 )
 
 const onChangeConnectionSettings = (
-  newFields: UI_I_ConnectionSettings
+    newFields: UI_I_ConnectionSettings
 ): void => {
-  connectionSettings.value = newFields
+    connectionSettings.value = newFields
 }
 
 const onChangeMigrateVmkernelAdapter = (
-  newFields: UI_I_SelectVmkernelAdapter
+    newFields: UI_I_SelectVmkernelAdapter
 ): void => {
-  vmkernelAdapter.value = newFields
+    vmkernelAdapter.value = newFields
 }
 
 const reset = (): void => {
-  wizard.reset()
-  connectionSettings.value = {
-    networkLabel: 'VM Network',
-    vlanId: 'None (0)',
-  }
-  vmkernelAdapter.value = {
-    vm: '',
-  }
+    wizard.reset()
+    connectionSettings.value = {
+        networkLabel: 'VM Network',
+        vlanId: 'None (0)',
+    }
+    vmkernelAdapter.value = {
+        vm: '',
+    }
 }
 
 const onHideAlert = (stepId: number): void => {
-  wizard.hideAlertMessagesByStepId(stepId)
+    wizard.hideAlertMessagesByStepId(stepId)
 }
 
 const onHide = (): void => {
-  emits('hide')
-  reset()
+    emits('hide')
+    reset()
 }
 
 const onSubmit = (): void => {
-  onHide()
+    onHide()
 }
 
+watch(
+    () => props.isMigrateAdapterLoading,
+    (newValue: boolean) => {
+        wizard.setLoader(newValue)
+    },
+    { immediate: true }
+)
+
 onMounted(() => {
-  hostname.value = location.hostname
+    hostname.value = location.hostname
 })
 </script>
 

package/components/common/diagramMain/modals/migrateVmkernelAdapter/validations/connectionSettings.ts

@@ -75,24 +75,24 @@ export const checkConnectionSettingsSync = (
 }
 
 const checkNetwork = async (
-  networkLabel: string,
+  label: string,
   localization: UI_I_Localization,
   emits: UI_I_MigrateVmkernelAdapterEmits
 ): Promise<UI_I_AsyncCheckReturn> => {
-  if (networkLabel) {
+  if (label) {
     return new Promise((resolve, _reject) =>
-      emits('check-network-label', networkLabel, (error_message: string) => {
-        if (error_message === '') {
+      emits('check-network-label', label, (message: string) => {
+        if (message === '') {
           resolve({
             isValid: true,
             message: '',
           })
         }
 
-        if (error_message !== '') {
+        if (message !== '') {
           resolve({
             isValid: false,
-            message: error_message,
+            message,
           })
         }
       })
@@ -107,7 +107,7 @@ const checkNetwork = async (
 
 export const checkNetworkAsync = async (
   value: UI_I_WizardStep[],
-  networkLabel: string,
+  label: string,
   stepId: number,
   fieldName: string,
   emits: UI_I_MigrateVmkernelAdapterEmits,
@@ -116,14 +116,10 @@ export const checkNetworkAsync = async (
 ): Promise<UI_I_ValidationReturn> => {
   let stepHasError = false
 
-  wizard.setLoader(true)
-
   const labelValidation: {
     isValid: boolean
     message: string
-  } = await checkNetwork(networkLabel, localization, emits)
-
-  wizard.setLoader(false)
+  } = await checkNetwork(label, localization, emits)
 
   if (!labelValidation.isValid) {
     stepHasError = wizard.setValidation(stepId, fieldName, {