bfg-common 1.3.409 → 1.3.411

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

@@ -1,95 +1,92 @@
 <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"
+    :wizard="wizard"
+    :selected-scheme="selectedScheme"
+    :title="title"
+    :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
-        isMigrateAdapterLoading?: boolean
-    }>(),
-    {
-        switchName: '',
-        networksList: () => [],
-        switchNetworks: () => [],
-        isMigrateAdapterLoading: false,
-    }
+  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>()
@@ -97,201 +94,200 @@ 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)
 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 }
+  () => props.isMigrateAdapterLoading,
+  (newValue: boolean) => {
+    wizard.setLoader(newValue)
+  },
+  { immediate: true }
 )
 
 onMounted(() => {
-    hostname.value = location.hostname
+  hostname.value = location.hostname
 })
 </script>