bfg-common 1.6.95 → 1.6.97

package/components/common/wizards/network/add/Add.vue

@@ -1,100 +1,57 @@
 <template>
-  <common-wizards-network-add-new
-    v-if="isNewView"
-    v-model:connection-type="connectionTypeLocal"
-    :show="props.show"
-    :wizard="wizard"
-    :selected-scheme="selectedScheme"
-    :host-name="hostNameLocal"
-    :project="props.project"
-    :target-device="targetDevice"
-    :standard-switches-initial="props.standardSwitchesInitial"
-    :alert-messages="alertMessages"
-    :selected-standard-switch-id="props.selectedStandardSwitchId"
-    :selected-switch-id="props.selectedSwitchId"
-    :free-adapters="props.freeAdapters"
-    :added-adapters="addedAdapters"
-    :core-adapters="coreAdapters"
-    :adapter-status="adapterStatus"
-    :adapters="props.adapters"
-    :is-show-no-connected-active-adapters-modal="
-      isShowNoConnectedActiveAdaptersModal
-    "
-    :is-show-no-active-adapters-modal="isShowNoActiveAdaptersModal"
-    :is-dark-mode="props.isDarkMode"
-    :port-properties="portProperties"
-    :mtu-from-switch="mtuFromSwitch"
-    :tcp-stacks="props.tcpStacks"
-    :ip-four-settings="ipFourSettings"
-    :gateway-flag="gatewayFlag"
-    :connection-settings="connectionSettings"
-    :ready-complete-fields="readyCompleteFields"
-    @change-connection-settings="onChangeConnectionSettings"
-    @change-gateway-flag="onChangeGatewayFlag"
-    @change-ip-four-settings="onChangeIpFourSettings"
-    @change-port-properties="onChangePortProperties"
-    @get-free-adapters="onGetFreeAdapters"
-    @change-added-adapters="onChangeAddedAdapters"
-    @change-adapter-status="onChangeAdapterStatus"
-    @confirm-no-active-adapters-modal="onConfirmNoActiveAdaptersModal"
-    @hide-no-connected-active-adapters-modal="
-      onHideNoConnectedActiveAdaptersModal
-    "
-    @hide-no-active-adapters-modal="onHideNoActiveAdaptersModal"
-    @hide-alert="onHideAlert"
-    @change-target-device="onChangeTargetDevice"
-    @change-steps="onChangeSteps"
-    @hide="onHideAddNetworkingModal"
-    @submit="onSubmit"
-  />
-  <common-wizards-network-add-old
-    v-else
-    v-model:connection-type="connectionTypeLocal"
-    :show="props.show"
-    :wizard="wizard"
-    :selected-scheme="selectedScheme"
-    :title="title"
-    :project="props.project"
-    :target-device="targetDevice"
-    :standard-switches-initial="props.standardSwitchesInitial"
-    :alert-messages="alertMessages"
-    :selected-standard-switch-id="props.selectedStandardSwitchId"
-    :selected-switch-id="props.selectedSwitchId"
-    :free-adapters="props.freeAdapters"
-    :added-adapters="addedAdapters"
-    :core-adapters="coreAdapters"
-    :adapter-status="adapterStatus"
-    :adapters="props.adapters"
-    :is-show-no-connected-active-adapters-modal="
-      isShowNoConnectedActiveAdaptersModal
-    "
-    :is-show-no-active-adapters-modal="isShowNoActiveAdaptersModal"
-    :is-dark-mode="props.isDarkMode"
-    :port-properties="portProperties"
-    :mtu-from-switch="mtuFromSwitch"
-    :tcp-stacks="props.tcpStacks"
-    :ip-four-settings="ipFourSettings"
-    :gateway-flag="gatewayFlag"
-    :connection-settings="connectionSettings"
-    :ready-complete-fields="readyCompleteFields"
-    @change-connection-settings="onChangeConnectionSettings"
-    @change-gateway-flag="onChangeGatewayFlag"
-    @change-ip-four-settings="onChangeIpFourSettings"
-    @change-port-properties="onChangePortProperties"
-    @get-free-adapters="onGetFreeAdapters"
-    @change-added-adapters="onChangeAddedAdapters"
-    @change-adapter-status="onChangeAdapterStatus"
-    @confirm-no-active-adapters-modal="onConfirmNoActiveAdaptersModal"
-    @hide-no-connected-active-adapters-modal="
-      onHideNoConnectedActiveAdaptersModal
-    "
-    @hide-no-active-adapters-modal="onHideNoActiveAdaptersModal"
-    @hide-alert="onHideAlert"
-    @change-target-device="onChangeTargetDevice"
-    @change-steps="onChangeSteps"
-    @hide="onHideAddNetworkingModal"
-    @submit="onSubmit"
-  />
+  <div>
+    <component
+      :is="currentComponent"
+      v-model:connection-type="connectionTypeLocal"
+      :show="props.show"
+      :wizard="wizard"
+      :selected-scheme="selectedScheme"
+      :wizard-title="title"
+      :host-name="hostNameLocal"
+      :project="props.project"
+      :target-device="targetDevice"
+      :standard-switches-initial="props.standardSwitchesInitial"
+      :alert-messages="alertMessages"
+      :selected-standard-switch-id="props.selectedStandardSwitchId"
+      :selected-switch-id="props.selectedSwitchId"
+      :free-adapters="props.freeAdapters"
+      :added-adapters="addedAdapters"
+      :core-adapters="coreAdapters"
+      :adapter-status="adapterStatus"
+      :adapters="props.adapters"
+      :is-show-no-connected-active-adapters-modal="
+        isShowNoConnectedActiveAdaptersModal
+      "
+      :is-show-no-active-adapters-modal="isShowNoActiveAdaptersModal"
+      :is-dark-mode="props.isDarkMode"
+      :port-properties="portProperties"
+      :mtu-from-switch="mtuFromSwitch"
+      :tcp-stacks="props.tcpStacks"
+      :ip-four-settings="ipFourSettings"
+      :gateway-flag="gatewayFlag"
+      :connection-settings="connectionSettings"
+      :ready-complete-fields="readyCompleteFields"
+      :is-get-existing-switches-loading="props.isGetExistingSwitchesLoading"
+      :is-get-tcp-stack-loading="props.isGetTcpStackLoading"
+      @change-connection-settings="onChangeConnectionSettings"
+      @change-gateway-flag="onChangeGatewayFlag"
+      @change-ip-four-settings="onChangeIpFourSettings"
+      @change-port-properties="onChangePortProperties"
+      @get-free-adapters="onGetFreeAdapters"
+      @change-added-adapters="onChangeAddedAdapters"
+      @change-adapter-status="onChangeAdapterStatus"
+      @confirm-no-active-adapters-modal="onConfirmNoActiveAdaptersModal"
+      @hide-no-connected-active-adapters-modal="
+        onHideNoConnectedActiveAdaptersModal
+      "
+      @hide-no-active-adapters-modal="onHideNoActiveAdaptersModal"
+      @hide-alert="onHideAlert"
+      @change-target-device="onChangeTargetDevice"
+      @change-steps="onChangeSteps"
+      @hide="onHideAddNetworkingModal"
+      @submit="onSubmit"
+    />
+  </div>
 </template>
 
 <script setup lang="ts">
@@ -173,6 +130,8 @@ const props = withDefaults(
     tcpStacks?: UI_I_TCPStack[]
     diagramsData?: UI_I_DiagramData[]
     isNetworkingLoading?: boolean
+    isGetExistingSwitchesLoading?: boolean
+    isGetTcpStackLoading?: boolean
     hostName?: string
   }>(),
   {
@@ -185,6 +144,8 @@ const props = withDefaults(
     tcpStacks: () => [],
     diagramsData: [],
     isNetworkingLoading: false,
+    isGetExistingSwitchesLoading: false,
+    isGetTcpStackLoading: false,
   }
 )
 
@@ -224,6 +185,12 @@ const { $store }: any = useNuxtApp()
 
 const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
 
+const currentComponent = computed(() =>
+  isNewView.value
+    ? defineAsyncComponent(() => import('./AddNew.vue'))
+    : defineAsyncComponent(() => import('./AddOld.vue'))
+)
+
 const localization = computed<UI_I_Localization>(() => useLocal())
 
 const localHostName = ref<string>('')
@@ -323,7 +290,7 @@ const onChangeTargetDevice = (newTargetDevice: UI_I_TargetDevice): void => {
 
 // Step's content data and changers (portProperties)
 const portProperties = ref<UI_I_PortProperties>(
-  useDeepCopy(portPropertiesInitial)
+  useDeepCopy(portPropertiesInitial(localization.value))
 )
 const onChangePortProperties = (newFields: UI_I_PortProperties): void => {
   if (portProperties.value.tcp !== newFields.tcp) {
@@ -347,7 +314,7 @@ const onChangeGatewayFlag = (newValue: boolean) => {
 
 // Step's content data and changers (connectionSettings)
 const connectionSettings = ref<UI_I_ConnectionSettings>(
-  connectionSettingsInitial
+  connectionSettingsInitial(localization.value)
 )
 const onChangeConnectionSettings = (
   newFields: UI_I_ConnectionSettings
@@ -372,6 +339,7 @@ watch(
     const oldCT = oldValues[0] // -> oldConnectionType
     const newTD = newValues[1] // -> newTargetDevice
     const oldTD = oldValues[1] // -> oldTargetDevice
+
     if (!oldTD || oldTD.selected !== newTD.selected) {
       flagSwitch = ''
       addedAdapters.value = []
@@ -520,8 +488,10 @@ const reset = (): void => {
   targetDevice.value = useDeepCopy(
     targetDeviceInitialFunc(globalPermissions.value?.['Networks.UpdateSwitch'])
   )
-  connectionSettings.value = useDeepCopy(connectionSettingsInitial)
-  portProperties.value = useDeepCopy(portPropertiesInitial)
+  connectionSettings.value = useDeepCopy(
+    connectionSettingsInitial(localization.value)
+  )
+  portProperties.value = useDeepCopy(portPropertiesInitial(localization.value))
   ipFourSettings.value = useDeepCopy(ipFourSettingsInitial)
   coreAdapters.value = []
   addedAdapters.value = []
@@ -583,7 +553,7 @@ const checkFinal = async (): Promise<UI_I_ArbitraryObject<string>> => {
   let type: 'network' | 'vmkernel' | 'adapter' | 'new-switch'
 
   if (wizard.isSelectedScheme(0) || wizard.isSelectedScheme(1)) {
-    const vlan = getVlanId(portProperties.value.vlanId)
+    const vlan = getVlanId(portProperties.value.vlanId, localization.value)
 
     data = addNetworkingZeroOrFirstSchemeDataFunc(
       targetDevice.value,
@@ -598,7 +568,7 @@ const checkFinal = async (): Promise<UI_I_ArbitraryObject<string>> => {
   }
 
   if (wizard.isSelectedScheme(2) || wizard.isSelectedScheme(3)) {
-    const vlan = getVlanId(connectionSettings.value.vlanId)
+    const vlan = getVlanId(connectionSettings.value.vlanId, localization.value)
 
     data = addNetworkingSecondOrThirdSchemeDataFunc(
       connectionSettings.value,
@@ -648,9 +618,20 @@ const finalValidationFunc = async (
     const stepId = wizard.getStepIdByFieldName(fieldName)
 
     if (stepId !== -1) {
+      let message = ''
+
+      if (validationFields[fieldName]) {
+        message = `${validationFields[
+          fieldName
+        ][0].toUpperCase()}${validationFields[fieldName].substring(1)}`
+
+        message =
+          message.charAt(message.length - 1) !== '.' ? message + '.' : message
+      }
+
       stepHasError = wizard.setValidation(stepId, fieldName, {
-        fieldMessage: validationFields[fieldName],
-        alertMessage: validationFields[fieldName],
+        fieldMessage: message,
+        alertMessage: message,
       })
     }
   }
@@ -826,7 +807,7 @@ const onSubmit = async (): Promise<void> => {
   let type: 'network' | 'vmkernel' | 'adapter' | 'new-switch' = 'network'
 
   if (wizard.isSelectedScheme(0) || wizard.isSelectedScheme(1)) {
-    const vlan = getVlanId(portProperties.value.vlanId)
+    const vlan = getVlanId(portProperties.value.vlanId, localization.value)
     type = 'vmkernel'
     data = addNetworkingZeroOrFirstSchemeDataFunc(
       targetDevice.value,
@@ -839,7 +820,7 @@ const onSubmit = async (): Promise<void> => {
   }
 
   if (wizard.isSelectedScheme(2) || wizard.isSelectedScheme(3)) {
-    const vlan = getVlanId(connectionSettings.value.vlanId)
+    const vlan = getVlanId(connectionSettings.value.vlanId, localization.value)
     type = 'network'
     data = addNetworkingSecondOrThirdSchemeDataFunc(
       connectionSettings.value,
@@ -870,12 +851,21 @@ onMounted(() => {
 })
 
 watch(
-  () => props.isNetworkingLoading,
-  (newValue: boolean) => {
-    wizard.setLoader(newValue)
+  [
+    () => props.isNetworkingLoading,
+    () => props.isGetExistingSwitchesLoading,
+    () => props.isGetTcpStackLoading,
+  ],
+  (newValue: [boolean, boolean, boolean]) => {
+    const wizardLoading = isNewView.value
+      ? newValue[0]
+      : newValue.some((loading: boolean) => loading)
+
+    wizard.setLoader(wizardLoading)
   },
   {
     immediate: true,
+    deep: true,
   }
 )
 

package/components/common/wizards/network/add/AddNew.vue

@@ -44,18 +44,21 @@
         >
           <template #subTitle>
             <div ref="selectTargetDeviceBlock">
-              <div class="subtitle-block flex flex-col">
+              <div class="alert-block flex flex-col">
                 <template
-                  v-for="(message, field) in selectedStep.fields"
-                  :key="field"
+                  v-for="(message, field, key) in selectedStep.fields"
+                  :key="key"
                 >
                   <ui-alert
+                    v-if="!!message.alert"
                     :messages="[message.alert]"
                     test-id="select-target-device-alert"
-                    class="mb-4"
+                    size="md"
                     @hide="emits('hide-alert', selectedStep.id, field)"
                   />
                 </template>
+              </div>
+              <div class="subtitle-block flex flex-col">
                 <ui-wizard-subtitle :sub-title="selectedStep.subTitle" />
                 <ui-line margin="12px 0 0" />
               </div>
@@ -71,6 +74,9 @@
               :alert-messages="props.alertMessages[selectedStep.id]"
               :selected-standard-switch-id="props.selectedStandardSwitchId"
               :selected-switch-id="props.selectedSwitchId"
+              :is-get-existing-switches-loading="
+                props.isGetExistingSwitchesLoading
+              "
               @change-target-device="onChangeTargetDevice"
             />
           </template>
@@ -82,18 +88,21 @@
         >
           <template #subTitle>
             <div ref="createStandardSwitchBlock">
-              <div class="subtitle-block flex flex-col">
+              <div class="alert-block flex flex-col">
                 <template
-                  v-for="(message, field) in selectedStep.fields"
-                  :key="field"
+                  v-for="(message, field, key) in selectedStep.fields"
+                  :key="key"
                 >
                   <ui-alert
+                    v-if="!!message.alert"
                     :messages="[message.alert]"
                     test-id="create-standard-switch-alert"
-                    class="mb-4"
+                    size="md"
                     @hide="emits('hide-alert', selectedStep.id, field)"
                   />
                 </template>
+              </div>
+              <div class="subtitle-block flex flex-col">
                 <ui-wizard-subtitle :sub-title="selectedStep.subTitle" />
                 <ui-line margin="12px 0 0" />
               </div>
@@ -135,18 +144,21 @@
         >
           <template #subTitle>
             <div ref="portPropertiesBlock">
-              <div class="subtitle-block flex flex-col">
+              <div class="alert-block flex flex-col">
                 <template
-                  v-for="(message, field) in selectedStep.fields"
-                  :key="field"
+                  v-for="(message, field, key) in selectedStep.fields"
+                  :key="key"
                 >
                   <ui-alert
+                    v-if="!!message.alert"
                     :messages="[message.alert]"
                     test-id="port-properties-alert"
-                    class="mb-4"
+                    size="md"
                     @hide="emits('hide-alert', selectedStep.id, field)"
                   />
                 </template>
+              </div>
+              <div class="subtitle-block flex flex-col">
                 <ui-wizard-subtitle :sub-title="selectedStep.subTitle" />
                 <ui-line margin="12px 0 0" />
               </div>
@@ -161,6 +173,8 @@
               :messages-fields="selectedStep.fields"
               :alert-messages="props.alertMessages[selectedStep.id]"
               :tcp-stacks="props.tcpStacks"
+              :is-get-tcp-stack-loading="props.isGetTcpStackLoading"
+              :is-processing="props.wizard.wizardLoader.status"
               @change-gateway-flag="onChangeGatewayFlag"
               @change-port-properties="onChangePortProperties"
             />
@@ -173,18 +187,21 @@
         >
           <template #subTitle>
             <div ref="ipFourSettingsBlock">
-              <div class="subtitle-block flex flex-col">
+              <div class="alert-block flex flex-col">
                 <template
-                  v-for="(message, field) in selectedStep.fields"
-                  :key="field"
+                  v-for="(message, field, key) in selectedStep.fields"
+                  :key="key"
                 >
                   <ui-alert
+                    v-if="!!message.alert"
                     :messages="[message.alert]"
                     test-id="ip-four-settings-alert"
-                    class="mb-4"
+                    size="md"
                     @hide="emits('hide-alert', selectedStep.id, field)"
                   />
                 </template>
+              </div>
+              <div class="subtitle-block flex flex-col">
                 <ui-wizard-subtitle :sub-title="selectedStep.subTitle" />
                 <ui-line margin="12px 0 0" />
               </div>
@@ -199,6 +216,7 @@
               :tcp-stacks="props.tcpStacks"
               :tcp="props.portProperties.tcp"
               :gateway-flag="props.gatewayFlag"
+              :is-processing="props.wizard.wizardLoader.status"
               @change-gateway-flag="onChangeGatewayFlag"
               @change-ip-four-settings="onChangeIpFourSettings"
             />
@@ -211,18 +229,21 @@
         >
           <template #subTitle>
             <div ref="connectionSettingsBlock">
-              <div class="subtitle-block flex flex-col">
+              <div class="alert-block flex flex-col">
                 <template
-                  v-for="(message, field) in selectedStep.fields"
-                  :key="field"
+                  v-for="(message, field, key) in selectedStep.fields"
+                  :key="key"
                 >
                   <ui-alert
+                    v-if="!!message.alert"
                     :messages="[message.alert]"
                     test-id="connection-settings-alert"
-                    class="mb-4"
+                    size="md"
                     @hide="emits('hide-alert', selectedStep.id, field)"
                   />
                 </template>
+              </div>
+              <div class="subtitle-block flex flex-col">
                 <ui-wizard-subtitle :sub-title="selectedStep.subTitle" />
                 <ui-line margin="12px 0 0" />
               </div>
@@ -232,6 +253,7 @@
             <common-wizards-network-add-steps-connection-settings
               :wizard="props.wizard"
               :connection-settings="props.connectionSettings"
+              :is-processing="props.wizard.wizardLoader.status"
               :messages-fields="selectedStep.fields"
               :alert-messages="props.alertMessages[selectedStep.id]"
               @change-connection-settings="onChangeConnectionSettings"
@@ -313,6 +335,8 @@ const props = defineProps<{
   gatewayFlag: boolean
   connectionSettings: UI_I_ConnectionSettings
   readyCompleteFields: UI_I_ReadyCompleteFields[]
+  isGetExistingSwitchesLoading: boolean
+  isGetTcpStackLoading: boolean
 }>()
 
 const emits = defineEmits<{
@@ -341,7 +365,7 @@ const texts = computed<UI_I_WizardTexts>(() => ({
   back: localization.value.common.backCap,
   processing: localization.value.common.processing,
   next: localization.value.common.next,
-  finish: localization.value.common.create,
+  finish: localization.value.inventoryMonitor.apply,
   incompleteTitle: localization.value.common.incompleteProcess,
   incompleteMessage: localization.value.common.incompleteProcessMessage,
   incompleteCancel: localization.value.common.cancel,
@@ -434,6 +458,7 @@ const onChangeSteps = async (value: UI_I_WizardStep[]): Promise<void> => {
   }
   :deep(.ui-wizard-content-with-subtitle) {
     padding-right: 0;
+    scrollbar-gutter: unset;
   }
 }
 
@@ -447,5 +472,9 @@ const onChangeSteps = async (value: UI_I_WizardStep[]): Promise<void> => {
 
 :deep(.ui-alert-item) {
   margin-bottom: 12px;
+
+  &:last-of-type {
+    margin-bottom: 16px;
+  }
 }
 </style>

package/components/common/wizards/network/add/AddOld.vue

@@ -3,7 +3,7 @@
     v-model:show="props.show"
     :wizard="props.wizard"
     :selected-scheme="props.selectedScheme"
-    :title="props.title"
+    :title="props.wizardTitle"
     :localization="localization"
     :class="[
       'add-networking-wizard',
@@ -126,7 +126,7 @@ const props = defineProps<{
   show: boolean
   wizard: Wizard
   selectedScheme: number[]
-  title: string
+  wizardTitle: string
   project: UI_T_Project
   connectionType: string
   targetDevice: UI_I_TargetDevice

package/components/common/wizards/network/add/lib/config/config.ts

@@ -17,7 +17,7 @@ export const {
 } = addNetworkingStepsConfig
 export const {
   servicesInitial,
-  vlanIdSelectData,
+  vlanIdSelectDataFunc,
   targetDeviceInitialFunc,
   portPropertiesInitial,
   ipFourSettingsInitial,

package/components/common/wizards/network/add/lib/config/initialData.ts

@@ -33,16 +33,18 @@ export const targetDeviceInitialFunc = (
   mtu: 1500,
 })
 
-export const portPropertiesInitial: UI_I_PortProperties = {
+export const portPropertiesInitial = (
+  localization: UI_I_Localization
+): UI_I_PortProperties => ({
   networkLabel: '',
-  vlanId: 'None (0)',
+  vlanId: `${localization.common.none2} (0)`,
   mtu: {
     option: '0',
     size: 1500,
   },
   tcp: '',
   services: { ...servicesInitial },
-}
+})
 
 export const ipFourSettingsInitial: UI_I_IpFourSettings = {
   ipSettings: '0',
@@ -56,14 +58,26 @@ export const ipFourSettingsInitial: UI_I_IpFourSettings = {
   },
 }
 
-export const connectionSettingsInitial: UI_I_ConnectionSettings = {
+export const connectionSettingsInitial = (
+  localization: UI_I_Localization
+): UI_I_ConnectionSettings => ({
   networkLabel: 'VM Network',
-  vlanId: 'None (0)',
-}
+  vlanId: `${localization.common.none2} (0)`,
+})
 
-export const vlanIdSelectData: UI_I_VlanIdData[] = [
-  { text: 'None (0)', value: 'None (0)' },
-  { text: 'All (4095)', value: 'All (4095)' },
+export const vlanIdSelectDataFunc = (
+  localization: UI_I_Localization
+): UI_I_VlanIdData[] => [
+  {
+    text: `${localization.common.none2} (0)`,
+    value: `${localization.common.none2} (0)`,
+    testId: 'vlan-id-start'
+  },
+  {
+    text: `${localization.common.all} (4095)`,
+    value: `${localization.common.all} (4095)`,
+    testId: 'vlan-id-end'
+  },
 ]
 
 export const mtuItemsFunc = (

package/components/common/wizards/network/add/lib/config/selectSwitch.ts

@@ -28,7 +28,7 @@ export const selectNetworkTableHeadNewFunc = (
     isSortable: true,
     sort: 'asc',
     sortColumn: true,
-    width: '180px',
+    width: '',
     show: true,
     filter: true,
   },
@@ -77,7 +77,8 @@ export const selectNetworkTableBodyNewFunc = (
             col: 1,
             key: '',
             text: '--',
-          },,
+          },
+          ,
           {
             col: 2,
             key: '',
@@ -200,7 +201,7 @@ export const tableOptionsNew: UI_I_DataTableOptions = {
   showPageInfo: false,
   isSortable: true,
   server: false,
-  isResizable: false,
+  isResizable: true,
   showSearch: false,
   showColumnManager: false,
   withActions: false,
@@ -224,7 +225,7 @@ export const tableNetworkOptionsNew: UI_I_DataTableOptions = {
   showPageInfo: false,
   isSortable: true,
   server: false,
-  isResizable: false,
+  isResizable: true,
   showSearch: false,
   showColumnManager: true,
   withActions: false,

package/components/common/wizards/network/add/lib/config/steps.ts

@@ -145,8 +145,8 @@ export const stepsFunc = (
   },
   {
     id: 7,
-    title: localization.common.readyComplete,
-    subTitle: localization.common.reviewYourSettingsSelectionsWizard,
+    title: localization.vmWizard.readyComplete,
+    subTitle: localization.common.addNetworkingReadyCompleteSubtitle,
     status: UI_E_WIZARD_STATUS.INACTIVE,
     fields: {},
     isValid: true,
@@ -326,6 +326,7 @@ const makeFirstColumnOfZeroAndFirstScheme = (
       {
         name: localization.common.newStandardSwitch,
         value: '--',
+        icon: 'network-lib-ui-icon-vswitch',
       },
       {
         name: localization.common.assignedAdapters,
@@ -512,6 +513,7 @@ export const createFifthSchemeReadyCompleteFunc = (
         {
           name: localization.common.newStandardSwitch,
           value: '--',
+          icon: 'network-lib-ui-icon-vswitch',
         },
         {
           name: localization.common.assignedAdapters,

package/components/common/wizards/network/add/lib/models/interfaces.ts

@@ -177,6 +177,7 @@ export interface UI_I_AddNetworkingFourthOrFifthSchemeDataSend {
 export interface UI_I_VlanIdData {
   text: string
   value: string
+  testId?: string
 }
 
 export interface UI_I_NetworkValidation {