bfg-common 1.3.204 → 1.3.205
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/common/diagramMain/DiagramMain.vue +3 -0
- package/components/common/diagramMain/lib/utils/utils.ts +78 -78
- package/components/common/wizards/network/add/Add.vue +565 -548
- package/components/common/wizards/network/add/lib/config/sendData.ts +64 -50
- package/components/common/wizards/network/add/lib/models/interfaces.ts +31 -16
- package/components/common/wizards/network/add/steps/SelectConnectionType.vue +2 -2
- package/package.json +1 -1
|
@@ -1,187 +1,190 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
2
|
+
<atoms-wizard
|
|
3
|
+
v-model:show="props.show"
|
|
4
|
+
:steps="wizard.steps"
|
|
5
|
+
:selected-scheme="selectedScheme"
|
|
6
|
+
:is-loading="wizard.wizardLoader.status"
|
|
7
|
+
:loader-messages="wizard.wizardLoader.messages"
|
|
8
|
+
:title="title"
|
|
9
|
+
max-height="551px"
|
|
10
|
+
:was-completed="wasCompleted"
|
|
11
|
+
:localization="localization"
|
|
12
|
+
:class="[
|
|
13
13
|
'add-networking-wizard',
|
|
14
14
|
{
|
|
15
15
|
'is-dark': props.isDarkMode,
|
|
16
16
|
},
|
|
17
17
|
]"
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
18
|
+
@change-steps="onChangeSteps"
|
|
19
|
+
@hide="onHideAddNetworkingModal"
|
|
20
|
+
@submit="onSubmit"
|
|
21
|
+
>
|
|
22
|
+
<template #modalBody="{ selectedStep }">
|
|
23
|
+
<common-wizards-network-add-steps-select-connection-type
|
|
24
|
+
v-if="selectedStep.id === 0"
|
|
25
|
+
v-model="connectionTypeLocal"
|
|
26
|
+
/>
|
|
27
|
+
<common-wizards-network-add-steps-selected-target-device
|
|
28
|
+
v-if="selectedStep.id === 1"
|
|
29
|
+
:wizard="wizard"
|
|
30
|
+
:target-device="targetDevice"
|
|
31
|
+
:connection-type="connectionTypeLocal"
|
|
32
|
+
:standard-switches-initial="props.standardSwitchesInitial"
|
|
33
|
+
:messages-fields="selectedStep.fields"
|
|
34
|
+
:alert-messages="alertMessages[1]"
|
|
35
|
+
:selected-standard-switch-id="props.selectedStandardSwitchId"
|
|
36
|
+
:selected-switch-id="props.selectedSwitchId"
|
|
37
|
+
@hide-alert="onHideAlert"
|
|
38
|
+
@change-target-device="onChangeTargetDevice"
|
|
39
|
+
/>
|
|
40
|
+
<common-wizards-network-add-steps-create-standard-switch
|
|
41
|
+
v-if="selectedStep.id === 2 || selectedStep.id === 6"
|
|
42
|
+
:free-adapters="props.freeAdapters"
|
|
43
|
+
:added-adapters="addedAdapters"
|
|
44
|
+
:core-adapters="coreAdapters"
|
|
45
|
+
:adapter-status="adapterStatus"
|
|
46
|
+
:adapters="props.adapters"
|
|
47
|
+
:is-show-no-connected-active-adapters-modal="
|
|
48
48
|
isShowNoConnectedActiveAdaptersModal
|
|
49
49
|
"
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
50
|
+
:is-show-no-active-adapters-modal="isShowNoActiveAdaptersModal"
|
|
51
|
+
:is-dark-mode="props.isDarkMode"
|
|
52
|
+
@get-free-adapters="onGetFreeAdapters"
|
|
53
|
+
@change-added-adapters="onChangeAddedAdapters"
|
|
54
|
+
@change-adapter-status="onChangeAdapterStatus"
|
|
55
|
+
@confirm-no-active-adapters-modal="onConfirmNoActiveAdaptersModal"
|
|
56
|
+
@hide-no-connected-active-adapters-modal="
|
|
57
57
|
onHideNoConnectedActiveAdaptersModal
|
|
58
58
|
"
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
59
|
+
@hide-no-active-adapters-modal="onHideNoActiveAdaptersModal"
|
|
60
|
+
/>
|
|
61
|
+
<common-wizards-network-add-steps-port-properties
|
|
62
|
+
v-if="selectedStep.id === 3"
|
|
63
|
+
:wizard="wizard"
|
|
64
|
+
:port-properties="portProperties"
|
|
65
|
+
:mtu-from-switch="mtuFromSwitch"
|
|
66
|
+
:project="props.project"
|
|
67
|
+
:messages-fields="selectedStep.fields"
|
|
68
|
+
:alert-messages="alertMessages[3]"
|
|
69
|
+
:tcp-stacks="props.tcpStacks"
|
|
70
|
+
@change-gateway-flag="onChangeGatewayFlag"
|
|
71
|
+
@change-port-properties="onChangePortProperties"
|
|
72
|
+
@hide-alert="onHideAlert"
|
|
73
|
+
/>
|
|
74
|
+
<common-wizards-network-add-steps-ip-four-settings
|
|
75
|
+
v-if="selectedStep.id === 4"
|
|
76
|
+
:wizard="wizard"
|
|
77
|
+
:ip-four-settings="ipFourSettings"
|
|
78
|
+
:messages-fields="selectedStep.fields"
|
|
79
|
+
:alert-messages="alertMessages[4]"
|
|
80
|
+
:tcp-stacks="props.tcpStacks"
|
|
81
|
+
:tcp="portProperties.tcp"
|
|
82
|
+
:gateway-flag="gatewayFlag"
|
|
83
|
+
@change-gateway-flag="onChangeGatewayFlag"
|
|
84
|
+
@change-ip-four-settings="onChangeIpFourSettings"
|
|
85
|
+
@hide-alert="onHideAlert"
|
|
86
|
+
/>
|
|
87
|
+
<common-wizards-network-add-steps-connection-settings
|
|
88
|
+
v-if="selectedStep.id === 5"
|
|
89
|
+
:wizard="wizard"
|
|
90
|
+
:connection-settings="connectionSettings"
|
|
91
|
+
:messages-fields="selectedStep.fields"
|
|
92
|
+
:alert-messages="alertMessages[5]"
|
|
93
|
+
@change-connection-settings="onChangeConnectionSettings"
|
|
94
|
+
@hide-alert="onHideAlert"
|
|
95
|
+
/>
|
|
96
|
+
<!-- <common-wizards-network-add-steps-physical-adapter-->
|
|
97
|
+
<!-- v-if="selectedStep.id === 6"-->
|
|
98
|
+
<!-- />-->
|
|
99
|
+
<common-wizards-network-add-steps-ready-complete
|
|
100
|
+
v-if="selectedStep.id === 7"
|
|
101
|
+
:ready-complete-fields="readyCompleteFields"
|
|
102
|
+
/>
|
|
103
|
+
</template>
|
|
104
|
+
</atoms-wizard>
|
|
105
105
|
</template>
|
|
106
106
|
|
|
107
107
|
<script setup lang="ts">
|
|
108
108
|
import {
|
|
109
|
-
|
|
110
|
-
|
|
109
|
+
UI_I_ArbitraryObject,
|
|
110
|
+
UI_I_Localization,
|
|
111
111
|
} from '~/lib/models/interfaces'
|
|
112
112
|
import { UI_T_Project } from '~/lib/models/types'
|
|
113
113
|
import {
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
114
|
+
UI_I_PortProperties,
|
|
115
|
+
UI_I_IpFourSettings,
|
|
116
|
+
UI_I_ConnectionSettings,
|
|
117
|
+
UI_I_TargetDevice,
|
|
118
|
+
UI_I_Switch,
|
|
119
|
+
UI_I_ReadyCompleteFields,
|
|
120
|
+
UI_I_AddNetworkingSecondOrThirdSchemeDataSend,
|
|
121
|
+
UI_I_AddNetworkingZeroOrFirstSchemeDataSend,
|
|
122
|
+
UI_I_AddNetworkingFourthOrFifthSchemeDataSend,
|
|
123
|
+
UI_I_AddNetworkingEmits,
|
|
124
|
+
UI_I_TCPStack,
|
|
124
125
|
} from '~/components/common/wizards/network/add/lib/models/interfaces'
|
|
125
126
|
import {
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
127
|
+
UI_I_Adapter,
|
|
128
|
+
UI_I_AdapterStatus,
|
|
129
|
+
UI_I_SwitchAdapters,
|
|
129
130
|
} from '~/components/common/diagramMain/lib/models/interfaces'
|
|
130
131
|
import {
|
|
131
|
-
|
|
132
|
-
|
|
132
|
+
UI_I_ValidationReturn,
|
|
133
|
+
UI_I_WizardStep,
|
|
133
134
|
} from '~/components/atoms/wizard/lib/models/interfaces'
|
|
134
135
|
import { UI_E_ValidationFields } from '~/components/common/wizards/network/add/lib/models/enums'
|
|
135
136
|
import { getVlanId } from '~/components/common/wizards/network/add/lib/utils'
|
|
136
137
|
import Wizard from '~/components/atoms/wizard/lib/utils/utils'
|
|
137
138
|
import {
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
139
|
+
createZeroSchemeReadyCompleteFunc,
|
|
140
|
+
createFirstSchemeReadyCompleteFunc,
|
|
141
|
+
createSecondSchemeReadyCompleteFunc,
|
|
142
|
+
createThirdSchemeReadyCompleteFunc,
|
|
143
|
+
stepsSchemeInitial,
|
|
144
|
+
stepsFunc,
|
|
145
|
+
connectionSettingsInitial,
|
|
146
|
+
portPropertiesInitial,
|
|
147
|
+
ipFourSettingsInitial,
|
|
148
|
+
targetDeviceInitial,
|
|
149
|
+
addNetworkingZeroOrFirstSchemeDataFunc,
|
|
150
|
+
addNetworkingSecondOrThirdSchemeDataFunc,
|
|
151
|
+
addNetworkingFourthOrFifthSchemeDataFunc,
|
|
151
152
|
} from '~/components/common/wizards/network/add/lib/config'
|
|
152
153
|
|
|
153
154
|
import {
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
155
|
+
checkTargetDeviceSync,
|
|
156
|
+
checkAdaptersSync,
|
|
157
|
+
checkPortPropertiesSync,
|
|
158
|
+
checkIpFourSettingsSync,
|
|
159
|
+
checkConnectionSettingsSync,
|
|
160
|
+
checkNetworkAsync,
|
|
160
161
|
} from '~/components/common/wizards/network/add/validations/validations'
|
|
161
162
|
|
|
162
163
|
const props = withDefaults(
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
164
|
+
defineProps<{
|
|
165
|
+
show: boolean
|
|
166
|
+
adapters: UI_I_SwitchAdapters
|
|
167
|
+
standardSwitchesInitial: UI_I_Switch[]
|
|
168
|
+
freeAdapters: UI_I_Adapter[]
|
|
169
|
+
project?: UI_T_Project
|
|
170
|
+
isDarkMode?: boolean
|
|
171
|
+
selectedStandardSwitchId?: string
|
|
172
|
+
selectedSwitchId?: string
|
|
173
|
+
tcpStacks?: UI_I_TCPStack[]
|
|
174
|
+
tcpStackLoading?: boolean
|
|
175
|
+
diagramsData?: UI_I_DiagramData[]
|
|
176
|
+
}>(),
|
|
177
|
+
{
|
|
178
|
+
standardSwitchesInitial: () => [],
|
|
179
|
+
freeAdapters: () => [],
|
|
180
|
+
project: 'procurator',
|
|
181
|
+
isDarkMode: false,
|
|
182
|
+
selectedStandardSwitchId: '',
|
|
183
|
+
selectedSwitchId: '',
|
|
184
|
+
tcpStacks: () => [],
|
|
185
|
+
tcpStackLoading: false,
|
|
186
|
+
diagramsData: [],
|
|
187
|
+
}
|
|
185
188
|
)
|
|
186
189
|
|
|
187
190
|
const emits = defineEmits<UI_I_AddNetworkingEmits>()
|
|
@@ -190,12 +193,12 @@ const localization = computed<UI_I_Localization>(() => useLocal())
|
|
|
190
193
|
|
|
191
194
|
const hostname = ref<string>('')
|
|
192
195
|
const title = computed<string>(
|
|
193
|
-
|
|
196
|
+
() => `${hostname.value} - ${localization.value.addNetworking}`
|
|
194
197
|
)
|
|
195
198
|
|
|
196
199
|
const wizard: Wizard = new Wizard(
|
|
197
|
-
|
|
198
|
-
|
|
200
|
+
stepsFunc(localization.value),
|
|
201
|
+
stepsSchemeInitial
|
|
199
202
|
)
|
|
200
203
|
const wasCompleted = computed<boolean>(() => wizard.wasCompleted())
|
|
201
204
|
const selectedScheme = computed<number[]>(() => wizard.selectedScheme.value)
|
|
@@ -207,15 +210,15 @@ const readyCompleteFields = ref<UI_I_ReadyCompleteFields[]>([])
|
|
|
207
210
|
const connectionType = ref<string>('0')
|
|
208
211
|
|
|
209
212
|
const connectionTypeLocal = computed<string>({
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
213
|
+
get() {
|
|
214
|
+
return connectionType.value
|
|
215
|
+
},
|
|
216
|
+
set(newValue: string) {
|
|
217
|
+
wizard.resetAfterSelected()
|
|
218
|
+
connectionType.value = newValue
|
|
219
|
+
targetDevice.value.standardSwitch = props.selectedStandardSwitchId
|
|
220
|
+
targetDevice.value.switch = props.selectedSwitchId
|
|
221
|
+
},
|
|
219
222
|
})
|
|
220
223
|
|
|
221
224
|
// Step's content data (createStandardSwitch)
|
|
@@ -223,16 +226,16 @@ const addedAdapters = ref<string[]>([])
|
|
|
223
226
|
const coreAdapters = ref<string[]>([])
|
|
224
227
|
|
|
225
228
|
const onChangeAddedAdapters = (addedAdaptersNew: string[]): void => {
|
|
226
|
-
|
|
229
|
+
addedAdapters.value = addedAdaptersNew
|
|
227
230
|
}
|
|
228
231
|
|
|
229
232
|
const adapterStatus = ref<UI_I_AdapterStatus>({
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
+
active: [],
|
|
234
|
+
standby: [],
|
|
235
|
+
unused: [],
|
|
233
236
|
})
|
|
234
237
|
const onChangeAdapterStatus = (adapterStatusNew: UI_I_AdapterStatus): void => {
|
|
235
|
-
|
|
238
|
+
adapterStatus.value = adapterStatusNew
|
|
236
239
|
}
|
|
237
240
|
|
|
238
241
|
// Step's content data and changers (targetDevice)
|
|
@@ -240,511 +243,525 @@ const targetDevice = ref<UI_I_TargetDevice>(useDeepCopy(targetDeviceInitial))
|
|
|
240
243
|
const mtuFromSwitch = ref<number>(1500)
|
|
241
244
|
|
|
242
245
|
const onChangeTargetDevice = (newTargetDevice: UI_I_TargetDevice): void => {
|
|
243
|
-
|
|
244
|
-
|
|
246
|
+
const oldTargetDeviceSelected = useDeepCopy(targetDevice.value).selected
|
|
247
|
+
const newTargetDeviceSelected = newTargetDevice.selected
|
|
245
248
|
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
+
if (oldTargetDeviceSelected !== newTargetDeviceSelected) {
|
|
250
|
+
wizard.resetAfterSelected()
|
|
251
|
+
}
|
|
249
252
|
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
+
const selectedSwitch = props.standardSwitchesInitial.find(
|
|
254
|
+
(sw) => newTargetDevice.standardSwitch === sw.name
|
|
255
|
+
)
|
|
253
256
|
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
257
|
+
if (newTargetDeviceSelected === '1' && selectedSwitch) {
|
|
258
|
+
mtuFromSwitch.value = selectedSwitch?.mtu || 1500
|
|
259
|
+
}
|
|
260
|
+
if (newTargetDeviceSelected === '3') {
|
|
261
|
+
mtuFromSwitch.value = newTargetDevice.mtu || 1500
|
|
262
|
+
}
|
|
260
263
|
|
|
261
|
-
|
|
264
|
+
targetDevice.value = useDeepCopy(newTargetDevice)
|
|
262
265
|
}
|
|
263
266
|
|
|
264
267
|
// Step's content data and changers (portProperties)
|
|
265
268
|
const portProperties = ref<UI_I_PortProperties>(
|
|
266
|
-
|
|
269
|
+
useDeepCopy(portPropertiesInitial)
|
|
267
270
|
)
|
|
268
271
|
const onChangePortProperties = (newFields: UI_I_PortProperties): void => {
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
272
|
+
if (portProperties.value.tcp !== newFields.tcp) {
|
|
273
|
+
ipFourSettings.value.static.defaultGateway.value =
|
|
274
|
+
props.tcpStacks?.find((tcp: UI_I_TCPStack) => tcp.id === newFields.tcp)
|
|
275
|
+
.gateway || ''
|
|
276
|
+
}
|
|
277
|
+
portProperties.value = newFields
|
|
275
278
|
}
|
|
276
279
|
|
|
277
280
|
// Step's content data and changers (ipFourSettings)
|
|
278
281
|
const ipFourSettings = ref<UI_I_IpFourSettings>(ipFourSettingsInitial)
|
|
279
282
|
const onChangeIpFourSettings = (newFields: UI_I_IpFourSettings): void => {
|
|
280
|
-
|
|
283
|
+
ipFourSettings.value = newFields
|
|
281
284
|
}
|
|
282
285
|
|
|
283
286
|
const gatewayFlag = ref<boolean>(false)
|
|
284
287
|
const onChangeGatewayFlag = (newValue: boolean) => {
|
|
285
|
-
|
|
288
|
+
gatewayFlag.value = newValue
|
|
286
289
|
}
|
|
287
290
|
|
|
288
291
|
// Step's content data and changers (connectionSettings)
|
|
289
292
|
const connectionSettings = ref<UI_I_ConnectionSettings>(
|
|
290
|
-
|
|
293
|
+
connectionSettingsInitial
|
|
291
294
|
)
|
|
292
295
|
const onChangeConnectionSettings = (
|
|
293
|
-
|
|
296
|
+
newFields: UI_I_ConnectionSettings
|
|
294
297
|
): void => {
|
|
295
|
-
|
|
298
|
+
connectionSettings.value = newFields
|
|
296
299
|
}
|
|
297
300
|
|
|
298
301
|
const onHideAlert = (stepId: number): void => {
|
|
299
|
-
|
|
302
|
+
wizard.hideAlertMessagesByStepId(stepId)
|
|
300
303
|
}
|
|
301
304
|
|
|
302
305
|
let flagSwitch = ''
|
|
303
306
|
|
|
304
307
|
// Choosing Scheme
|
|
305
308
|
watch(
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
309
|
+
[connectionTypeLocal, targetDevice],
|
|
310
|
+
(newValues, oldValues) => {
|
|
311
|
+
const newCT = newValues[0] // -> newConnectionType
|
|
312
|
+
const oldCT = oldValues[0] // -> oldConnectionType
|
|
313
|
+
const newTD = newValues[1] // -> newTargetDevice
|
|
314
|
+
const oldTD = oldValues[1] // -> oldTargetDevice
|
|
315
|
+
if (!oldTD || oldTD.selected !== newTD.selected) {
|
|
316
|
+
flagSwitch = ''
|
|
317
|
+
addedAdapters.value = []
|
|
318
|
+
adapterStatus.value = {
|
|
319
|
+
active: [],
|
|
320
|
+
standby: [],
|
|
321
|
+
unused: [],
|
|
322
|
+
}
|
|
323
|
+
}
|
|
324
|
+
if (newCT !== oldCT) {
|
|
325
|
+
newCT === '0' && props.selectedStandardSwitchId
|
|
326
|
+
? (targetDevice.value.selected = '1')
|
|
327
|
+
: (targetDevice.value.selected = '0')
|
|
328
|
+
newCT === '1' && (targetDevice.value.selected = '1')
|
|
329
|
+
newCT === '2' && (targetDevice.value.selected = '2')
|
|
330
|
+
}
|
|
331
|
+
if (newCT === '0') {
|
|
332
|
+
;(newTD.selected === '0' || newTD.selected === '1') &&
|
|
333
|
+
wizard.changeScheme(0)
|
|
334
|
+
newTD.selected === '3' && wizard.changeScheme(1)
|
|
335
|
+
}
|
|
336
|
+
if (newCT === '1') {
|
|
337
|
+
newTD.selected === '1' && wizard.changeScheme(2)
|
|
338
|
+
newTD.selected === '3' && wizard.changeScheme(3)
|
|
339
|
+
}
|
|
340
|
+
if (newCT === '2') {
|
|
341
|
+
newTD.selected === '2' && wizard.changeScheme(4)
|
|
342
|
+
newTD.selected === '3' && wizard.changeScheme(5)
|
|
343
|
+
}
|
|
344
|
+
},
|
|
345
|
+
{ deep: true, immediate: true }
|
|
343
346
|
)
|
|
344
347
|
|
|
345
348
|
const onGetExistingStandardSwitches = (): void => {
|
|
346
|
-
|
|
347
|
-
|
|
349
|
+
wizard.setLoader(true)
|
|
350
|
+
emits('get-existing-standard-switches', () => wizard.setLoader(false))
|
|
348
351
|
}
|
|
349
352
|
|
|
350
353
|
const onGetTcpStacks = (): void => {
|
|
351
|
-
|
|
354
|
+
emits('get-tcp-stacks')
|
|
352
355
|
}
|
|
353
356
|
|
|
354
357
|
watch(
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
358
|
+
() => props.tcpStackLoading,
|
|
359
|
+
(newValue: boolean) => {
|
|
360
|
+
wizard.setLoader(newValue)
|
|
361
|
+
}
|
|
359
362
|
)
|
|
360
363
|
|
|
361
364
|
watch(
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
365
|
+
() => wizard.selectedStepId,
|
|
366
|
+
(newSelectedStep: number) => {
|
|
367
|
+
if (newSelectedStep === 1) {
|
|
368
|
+
onGetExistingStandardSwitches()
|
|
369
|
+
}
|
|
370
|
+
if (newSelectedStep === 3) {
|
|
371
|
+
onGetTcpStacks()
|
|
372
|
+
}
|
|
373
|
+
if (newSelectedStep === 6 && flagSwitch !== targetDevice.value.switch) {
|
|
374
|
+
const nics = props.standardSwitchesInitial.find(
|
|
375
|
+
(sw) => sw.id === targetDevice.value.switch
|
|
376
|
+
).nics
|
|
377
|
+
adapterStatus.value = {
|
|
378
|
+
active: nics.active || [],
|
|
379
|
+
standby: nics.standby || [],
|
|
380
|
+
unused: nics.unused || [],
|
|
381
|
+
}
|
|
382
|
+
coreAdapters.value = [
|
|
383
|
+
...adapterStatus.value.active,
|
|
384
|
+
...adapterStatus.value.standby,
|
|
385
|
+
...adapterStatus.value.unused,
|
|
386
|
+
]
|
|
387
|
+
flagSwitch = targetDevice.value.switch
|
|
388
|
+
}
|
|
389
|
+
|
|
390
|
+
if (newSelectedStep !== 7) return // If last step
|
|
391
|
+
if (wizard.isSelectedScheme(0)) {
|
|
392
|
+
readyCompleteFields.value = createZeroSchemeReadyCompleteFunc(
|
|
393
|
+
targetDevice.value,
|
|
394
|
+
portProperties.value,
|
|
395
|
+
ipFourSettings.value,
|
|
396
|
+
localization.value
|
|
397
|
+
)
|
|
398
|
+
return
|
|
399
|
+
}
|
|
400
|
+
|
|
401
|
+
if (wizard.isSelectedScheme(1)) {
|
|
402
|
+
readyCompleteFields.value = createFirstSchemeReadyCompleteFunc(
|
|
403
|
+
targetDevice.value,
|
|
404
|
+
portProperties.value,
|
|
405
|
+
ipFourSettings.value,
|
|
406
|
+
addedAdapters.value,
|
|
407
|
+
localization.value
|
|
408
|
+
)
|
|
409
|
+
return
|
|
410
|
+
}
|
|
411
|
+
if (wizard.isSelectedScheme(2)) {
|
|
412
|
+
readyCompleteFields.value = createSecondSchemeReadyCompleteFunc(
|
|
413
|
+
connectionSettings.value,
|
|
414
|
+
targetDevice.value,
|
|
415
|
+
localization.value
|
|
416
|
+
)
|
|
417
|
+
return
|
|
418
|
+
}
|
|
419
|
+
if (wizard.isSelectedScheme(3)) {
|
|
420
|
+
readyCompleteFields.value = createThirdSchemeReadyCompleteFunc(
|
|
421
|
+
connectionSettings.value,
|
|
422
|
+
targetDevice.value,
|
|
423
|
+
addedAdapters.value,
|
|
424
|
+
localization.value
|
|
425
|
+
)
|
|
426
|
+
}
|
|
423
427
|
}
|
|
424
|
-
}
|
|
425
428
|
)
|
|
426
429
|
|
|
427
430
|
// Reset data
|
|
428
431
|
const reset = (): void => {
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
432
|
+
wizard.reset()
|
|
433
|
+
connectionTypeLocal.value = '0'
|
|
434
|
+
targetDevice.value = useDeepCopy(targetDeviceInitial)
|
|
435
|
+
connectionSettings.value = useDeepCopy(connectionSettingsInitial)
|
|
436
|
+
portProperties.value = useDeepCopy(portPropertiesInitial)
|
|
437
|
+
ipFourSettings.value = useDeepCopy(ipFourSettingsInitial)
|
|
438
|
+
coreAdapters.value = []
|
|
439
|
+
addedAdapters.value = []
|
|
440
|
+
adapterStatus.value = {
|
|
441
|
+
active: [],
|
|
442
|
+
standby: [],
|
|
443
|
+
unused: [],
|
|
444
|
+
}
|
|
442
445
|
}
|
|
443
446
|
|
|
444
447
|
const isShowNoConnectedActiveAdaptersModal = ref(false)
|
|
445
448
|
const isShowNoActiveAdaptersModal = ref(false)
|
|
446
449
|
|
|
447
450
|
const showNoConnectedActiveAdaptersModal = (): void => {
|
|
448
|
-
|
|
451
|
+
isShowNoConnectedActiveAdaptersModal.value = true
|
|
449
452
|
}
|
|
450
453
|
const onHideNoConnectedActiveAdaptersModal = (): void => {
|
|
451
|
-
|
|
454
|
+
isShowNoConnectedActiveAdaptersModal.value = false
|
|
452
455
|
}
|
|
453
456
|
const showNoActiveAdaptersModal = (): void => {
|
|
454
|
-
|
|
457
|
+
isShowNoActiveAdaptersModal.value = true
|
|
455
458
|
}
|
|
456
459
|
const onHideNoActiveAdaptersModal = (): void => {
|
|
457
|
-
|
|
460
|
+
isShowNoActiveAdaptersModal.value = false
|
|
458
461
|
}
|
|
459
462
|
|
|
460
463
|
const onConfirmNoActiveAdaptersModal = (): void => {
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
+
onHideNoConnectedActiveAdaptersModal()
|
|
465
|
+
onHideNoActiveAdaptersModal()
|
|
466
|
+
wizard.selectStepHard(wizard.waitingStepId)
|
|
464
467
|
}
|
|
465
468
|
|
|
466
469
|
const onGetFreeAdapters = (showAddAdapterModal: () => void): void => {
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
470
|
+
wizard.setLoader(true)
|
|
471
|
+
emits('get-free-adapters', () => {
|
|
472
|
+
wizard.setLoader(false)
|
|
473
|
+
showAddAdapterModal()
|
|
474
|
+
})
|
|
472
475
|
}
|
|
473
476
|
|
|
474
477
|
const checkFinal = async (): Promise<UI_I_ArbitraryObject<string>> => {
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
|
|
490
|
-
|
|
478
|
+
let sendData:
|
|
479
|
+
| UI_I_AddNetworkingZeroOrFirstSchemeDataSend
|
|
480
|
+
| UI_I_AddNetworkingSecondOrThirdSchemeDataSend
|
|
481
|
+
| UI_I_AddNetworkingFourthOrFifthSchemeDataSend
|
|
482
|
+
|
|
483
|
+
let type: 'network' | 'vmkernel'
|
|
484
|
+
|
|
485
|
+
if (wizard.isSelectedScheme(0) || wizard.isSelectedScheme(1)) {
|
|
486
|
+
const vlan = getVlanId(portProperties.value.vlanId)
|
|
487
|
+
|
|
488
|
+
sendData = addNetworkingZeroOrFirstSchemeDataFunc(
|
|
489
|
+
targetDevice.value,
|
|
490
|
+
Number(vlan),
|
|
491
|
+
portProperties.value,
|
|
492
|
+
ipFourSettings.value,
|
|
493
|
+
wizard.isSelectedScheme(1),
|
|
494
|
+
adapterStatus.value
|
|
495
|
+
)
|
|
496
|
+
|
|
497
|
+
type = 'vmkernel'
|
|
498
|
+
}
|
|
499
|
+
|
|
500
|
+
if (wizard.isSelectedScheme(2) || wizard.isSelectedScheme(3)) {
|
|
501
|
+
const vlan = getVlanId(connectionSettings.value.vlanId)
|
|
502
|
+
|
|
503
|
+
sendData = addNetworkingSecondOrThirdSchemeDataFunc(
|
|
504
|
+
connectionSettings.value,
|
|
505
|
+
targetDevice.value,
|
|
506
|
+
Number(vlan),
|
|
507
|
+
wizard.isSelectedScheme(2),
|
|
508
|
+
adapterStatus.value
|
|
509
|
+
)
|
|
510
|
+
|
|
511
|
+
type = 'network'
|
|
512
|
+
}
|
|
513
|
+
|
|
514
|
+
if (wizard.isSelectedScheme(4) || wizard.isSelectedScheme(5)) {
|
|
515
|
+
sendData = addNetworkingFourthOrFifthSchemeDataFunc(
|
|
516
|
+
targetDevice.value.switch,
|
|
517
|
+
wizard.isSelectedScheme(4),
|
|
518
|
+
adapterStatus.value,
|
|
519
|
+
props.diagramsData,
|
|
520
|
+
targetDevice.value.mtu
|
|
521
|
+
)
|
|
522
|
+
|
|
523
|
+
type = 'network'
|
|
524
|
+
}
|
|
525
|
+
|
|
526
|
+
return new Promise((resolve, _reject) =>
|
|
527
|
+
emits(
|
|
528
|
+
'add-networking-data-validate',
|
|
529
|
+
sendData,
|
|
530
|
+
type,
|
|
531
|
+
(err_arg: UI_I_ArbitraryObject<string>): void => {
|
|
532
|
+
resolve(err_arg)
|
|
533
|
+
}
|
|
534
|
+
)
|
|
491
535
|
)
|
|
492
|
-
|
|
493
|
-
type = 'vmkernel'
|
|
494
|
-
}
|
|
495
|
-
|
|
496
|
-
if (wizard.isSelectedScheme(2) || wizard.isSelectedScheme(3)) {
|
|
497
|
-
const vlan = getVlanId(connectionSettings.value.vlanId)
|
|
498
|
-
|
|
499
|
-
sendData = addNetworkingSecondOrThirdSchemeDataFunc(
|
|
500
|
-
connectionSettings.value,
|
|
501
|
-
targetDevice.value,
|
|
502
|
-
Number(vlan),
|
|
503
|
-
wizard.isSelectedScheme(2),
|
|
504
|
-
adapterStatus.value
|
|
505
|
-
)
|
|
506
|
-
|
|
507
|
-
type = 'network'
|
|
508
|
-
}
|
|
509
|
-
|
|
510
|
-
if (wizard.isSelectedScheme(4) || wizard.isSelectedScheme(5)) {
|
|
511
|
-
sendData = addNetworkingFourthOrFifthSchemeDataFunc(
|
|
512
|
-
targetDevice.value.switch,
|
|
513
|
-
wizard.isSelectedScheme(4),
|
|
514
|
-
adapterStatus.value,
|
|
515
|
-
targetDevice.value.mtu
|
|
516
|
-
)
|
|
517
|
-
|
|
518
|
-
type = 'network'
|
|
519
|
-
}
|
|
520
|
-
|
|
521
|
-
return new Promise((resolve, _reject) =>
|
|
522
|
-
emits(
|
|
523
|
-
'add-networking-data-validate',
|
|
524
|
-
sendData,
|
|
525
|
-
type,
|
|
526
|
-
(err_arg: UI_I_ArbitraryObject<string>): void => {
|
|
527
|
-
resolve(err_arg)
|
|
528
|
-
}
|
|
529
|
-
)
|
|
530
|
-
)
|
|
531
536
|
}
|
|
532
537
|
|
|
533
538
|
const finalValidationFunc = async (
|
|
534
|
-
|
|
539
|
+
value: UI_I_WizardStep[]
|
|
535
540
|
): Promise<UI_I_ValidationReturn> => {
|
|
536
|
-
|
|
541
|
+
let stepHasError = false
|
|
537
542
|
|
|
538
|
-
|
|
543
|
+
wizard.setLoader(true)
|
|
539
544
|
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
|
|
545
|
+
const validationFields: {
|
|
546
|
+
[key: string]: string
|
|
547
|
+
} = await checkFinal()
|
|
543
548
|
|
|
544
|
-
|
|
549
|
+
wizard.setLoader(false)
|
|
545
550
|
|
|
546
|
-
|
|
547
|
-
|
|
551
|
+
for (const fieldName in validationFields) {
|
|
552
|
+
const stepId = wizard.getStepIdByFieldName(fieldName)
|
|
548
553
|
|
|
549
|
-
|
|
550
|
-
|
|
551
|
-
|
|
552
|
-
|
|
553
|
-
|
|
554
|
+
if (stepId !== -1) {
|
|
555
|
+
stepHasError = wizard.setValidation(stepId, fieldName, {
|
|
556
|
+
fieldMessage: validationFields[fieldName],
|
|
557
|
+
alertMessage: validationFields[fieldName],
|
|
558
|
+
})
|
|
559
|
+
}
|
|
554
560
|
}
|
|
555
|
-
}
|
|
556
561
|
|
|
557
|
-
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
|
|
562
|
+
return {
|
|
563
|
+
stepHasError,
|
|
564
|
+
newValue: value,
|
|
565
|
+
}
|
|
561
566
|
}
|
|
562
567
|
|
|
563
568
|
const validationFunc = async (
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
569
|
+
value: UI_I_WizardStep[],
|
|
570
|
+
currentStep: UI_I_WizardStep,
|
|
571
|
+
nextStep: UI_I_WizardStep
|
|
567
572
|
): Promise<UI_I_ValidationReturn> => {
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
|
|
573
|
+
let stepHasError = false
|
|
574
|
+
let stepShouldStop = {
|
|
575
|
+
ifOnCurrentStep: false,
|
|
576
|
+
ifFromAnyStep: false,
|
|
577
|
+
stoppageStepId: -1,
|
|
578
|
+
}
|
|
574
579
|
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
|
|
578
|
-
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
|
|
580
|
+
if (wizard.isValidateForStep(1, currentStep.id, nextStep.id)) {
|
|
581
|
+
const targetDeviceValidation = checkTargetDeviceSync(
|
|
582
|
+
localization.value,
|
|
583
|
+
targetDevice.value,
|
|
584
|
+
wizard,
|
|
585
|
+
value
|
|
586
|
+
)
|
|
582
587
|
|
|
583
|
-
|
|
588
|
+
value = targetDeviceValidation.newValue
|
|
584
589
|
|
|
585
|
-
|
|
586
|
-
|
|
590
|
+
stepHasError = stepHasError || targetDeviceValidation.stepHasError
|
|
591
|
+
}
|
|
587
592
|
|
|
588
|
-
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
const adapterValidation = checkAdaptersSync(
|
|
592
|
-
localization.value,
|
|
593
|
-
adapterStatus.value,
|
|
594
|
-
value,
|
|
595
|
-
currentStep.id,
|
|
596
|
-
nextStep.id,
|
|
597
|
-
props.freeAdapters,
|
|
598
|
-
showNoActiveAdaptersModal,
|
|
599
|
-
showNoConnectedActiveAdaptersModal
|
|
600
|
-
)
|
|
593
|
+
if (wizard.isValidateForStep(2, currentStep.id, nextStep.id)) {
|
|
594
|
+
wizard.waitingStepId = nextStep.id
|
|
601
595
|
|
|
602
|
-
|
|
596
|
+
const adapterValidation = checkAdaptersSync(
|
|
597
|
+
localization.value,
|
|
598
|
+
adapterStatus.value,
|
|
599
|
+
value,
|
|
600
|
+
currentStep.id,
|
|
601
|
+
nextStep.id,
|
|
602
|
+
props.freeAdapters,
|
|
603
|
+
showNoActiveAdaptersModal,
|
|
604
|
+
showNoConnectedActiveAdaptersModal
|
|
605
|
+
)
|
|
603
606
|
|
|
604
|
-
|
|
607
|
+
value = adapterValidation.newValue
|
|
605
608
|
|
|
606
|
-
|
|
607
|
-
}
|
|
609
|
+
stepShouldStop = adapterValidation.stepShouldStop || stepShouldStop
|
|
608
610
|
|
|
609
|
-
|
|
610
|
-
|
|
611
|
-
value,
|
|
612
|
-
portProperties.value.networkLabel,
|
|
613
|
-
3,
|
|
614
|
-
UI_E_ValidationFields.PORT_PROPERTIES_NETWORK,
|
|
615
|
-
emits,
|
|
616
|
-
localization.value,
|
|
617
|
-
wizard
|
|
618
|
-
)
|
|
611
|
+
stepHasError = stepHasError || adapterValidation.stepHasError
|
|
612
|
+
}
|
|
619
613
|
|
|
620
|
-
|
|
614
|
+
if (wizard.isValidateForStep(3, currentStep.id, nextStep.id)) {
|
|
615
|
+
const labelValidation = await checkNetworkAsync(
|
|
616
|
+
value,
|
|
617
|
+
portProperties.value.networkLabel,
|
|
618
|
+
3,
|
|
619
|
+
UI_E_ValidationFields.PORT_PROPERTIES_NETWORK,
|
|
620
|
+
emits,
|
|
621
|
+
localization.value,
|
|
622
|
+
wizard
|
|
623
|
+
)
|
|
621
624
|
|
|
622
|
-
|
|
623
|
-
localization.value,
|
|
624
|
-
portProperties.value,
|
|
625
|
-
wizard,
|
|
626
|
-
value
|
|
627
|
-
)
|
|
625
|
+
value = labelValidation.newValue
|
|
628
626
|
|
|
629
|
-
|
|
627
|
+
const portPropertiesValidation = checkPortPropertiesSync(
|
|
628
|
+
localization.value,
|
|
629
|
+
portProperties.value,
|
|
630
|
+
wizard,
|
|
631
|
+
value
|
|
632
|
+
)
|
|
630
633
|
|
|
631
|
-
|
|
632
|
-
stepHasError ||
|
|
633
|
-
labelValidation.stepHasError ||
|
|
634
|
-
portPropertiesValidation.stepHasError
|
|
635
|
-
}
|
|
634
|
+
value = portPropertiesValidation.newValue
|
|
636
635
|
|
|
637
|
-
|
|
638
|
-
|
|
639
|
-
|
|
640
|
-
|
|
641
|
-
|
|
642
|
-
value
|
|
643
|
-
)
|
|
636
|
+
stepHasError =
|
|
637
|
+
stepHasError ||
|
|
638
|
+
labelValidation.stepHasError ||
|
|
639
|
+
portPropertiesValidation.stepHasError
|
|
640
|
+
}
|
|
644
641
|
|
|
645
|
-
|
|
642
|
+
if (wizard.isValidateForStep(4, currentStep.id, nextStep.id)) {
|
|
643
|
+
const ipValidation = checkIpFourSettingsSync(
|
|
644
|
+
localization.value,
|
|
645
|
+
ipFourSettings.value,
|
|
646
|
+
wizard,
|
|
647
|
+
value
|
|
648
|
+
)
|
|
646
649
|
|
|
647
|
-
|
|
648
|
-
}
|
|
650
|
+
value = ipValidation.newValue
|
|
649
651
|
|
|
650
|
-
|
|
651
|
-
|
|
652
|
-
value,
|
|
653
|
-
connectionSettings.value.networkLabel,
|
|
654
|
-
5,
|
|
655
|
-
UI_E_ValidationFields.CONNECTION_SETTINGS_NETWORK,
|
|
656
|
-
emits,
|
|
657
|
-
localization.value,
|
|
658
|
-
wizard
|
|
659
|
-
)
|
|
652
|
+
stepHasError = stepHasError || ipValidation.stepHasError
|
|
653
|
+
}
|
|
660
654
|
|
|
661
|
-
|
|
655
|
+
if (wizard.isValidateForStep(5, currentStep.id, nextStep.id)) {
|
|
656
|
+
const labelValidation = await checkNetworkAsync(
|
|
657
|
+
value,
|
|
658
|
+
connectionSettings.value.networkLabel,
|
|
659
|
+
5,
|
|
660
|
+
UI_E_ValidationFields.CONNECTION_SETTINGS_NETWORK,
|
|
661
|
+
emits,
|
|
662
|
+
localization.value,
|
|
663
|
+
wizard
|
|
664
|
+
)
|
|
662
665
|
|
|
663
|
-
|
|
664
|
-
localization.value,
|
|
665
|
-
connectionSettings.value,
|
|
666
|
-
wizard,
|
|
667
|
-
value
|
|
668
|
-
)
|
|
666
|
+
value = labelValidation.newValue
|
|
669
667
|
|
|
670
|
-
|
|
668
|
+
const connectionSettingsValidation = checkConnectionSettingsSync(
|
|
669
|
+
localization.value,
|
|
670
|
+
connectionSettings.value,
|
|
671
|
+
wizard,
|
|
672
|
+
value
|
|
673
|
+
)
|
|
671
674
|
|
|
672
|
-
|
|
673
|
-
stepHasError ||
|
|
674
|
-
labelValidation.stepHasError ||
|
|
675
|
-
connectionSettingsValidation.stepHasError
|
|
676
|
-
}
|
|
675
|
+
value = connectionSettingsValidation.newValue
|
|
677
676
|
|
|
678
|
-
|
|
679
|
-
|
|
680
|
-
|
|
681
|
-
|
|
682
|
-
|
|
677
|
+
stepHasError =
|
|
678
|
+
stepHasError ||
|
|
679
|
+
labelValidation.stepHasError ||
|
|
680
|
+
connectionSettingsValidation.stepHasError
|
|
681
|
+
}
|
|
682
|
+
|
|
683
|
+
return {
|
|
684
|
+
newValue: value,
|
|
685
|
+
stepHasError,
|
|
686
|
+
stepShouldStop,
|
|
687
|
+
}
|
|
683
688
|
}
|
|
684
689
|
|
|
685
690
|
const onChangeSteps = async (value: UI_I_WizardStep[]): Promise<void> =>
|
|
686
|
-
|
|
691
|
+
wizard.changeSteps(value, validationFunc, finalValidationFunc)
|
|
687
692
|
|
|
688
693
|
const onHideAddNetworkingModal = (): void => {
|
|
689
|
-
|
|
690
|
-
|
|
694
|
+
emits('hide')
|
|
695
|
+
reset()
|
|
691
696
|
}
|
|
692
697
|
|
|
693
698
|
const onSubmit = async (): Promise<void> => {
|
|
694
|
-
|
|
695
|
-
|
|
696
|
-
|
|
697
|
-
|
|
698
|
-
|
|
699
|
-
|
|
700
|
-
|
|
701
|
-
|
|
702
|
-
|
|
703
|
-
|
|
704
|
-
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
|
|
708
|
-
|
|
709
|
-
|
|
710
|
-
|
|
711
|
-
|
|
712
|
-
|
|
713
|
-
|
|
714
|
-
|
|
715
|
-
|
|
716
|
-
|
|
717
|
-
|
|
718
|
-
|
|
719
|
-
|
|
720
|
-
|
|
721
|
-
|
|
722
|
-
|
|
723
|
-
|
|
724
|
-
|
|
725
|
-
|
|
726
|
-
|
|
699
|
+
wizard.setLoader(true)
|
|
700
|
+
let sendData:
|
|
701
|
+
| UI_I_AddNetworkingZeroOrFirstSchemeDataSend
|
|
702
|
+
| UI_I_AddNetworkingSecondOrThirdSchemeDataSend
|
|
703
|
+
| null = null
|
|
704
|
+
let type: 'network' | 'vmkernel' = 'network'
|
|
705
|
+
|
|
706
|
+
if (wizard.isSelectedScheme(0) || wizard.isSelectedScheme(1)) {
|
|
707
|
+
const vlan = getVlanId(portProperties.value.vlanId)
|
|
708
|
+
type = 'vmkernel'
|
|
709
|
+
sendData = addNetworkingZeroOrFirstSchemeDataFunc(
|
|
710
|
+
targetDevice.value,
|
|
711
|
+
Number(vlan),
|
|
712
|
+
portProperties.value,
|
|
713
|
+
ipFourSettings.value,
|
|
714
|
+
wizard.isSelectedScheme(1),
|
|
715
|
+
adapterStatus.value
|
|
716
|
+
)
|
|
717
|
+
}
|
|
718
|
+
|
|
719
|
+
if (wizard.isSelectedScheme(2) || wizard.isSelectedScheme(3)) {
|
|
720
|
+
const vlan = getVlanId(connectionSettings.value.vlanId)
|
|
721
|
+
type = 'network'
|
|
722
|
+
sendData = addNetworkingSecondOrThirdSchemeDataFunc(
|
|
723
|
+
connectionSettings.value,
|
|
724
|
+
targetDevice.value,
|
|
725
|
+
Number(vlan),
|
|
726
|
+
wizard.isSelectedScheme(2),
|
|
727
|
+
adapterStatus.value
|
|
728
|
+
)
|
|
729
|
+
}
|
|
730
|
+
|
|
731
|
+
if (wizard.isSelectedScheme(4) || wizard.isSelectedScheme(5)) {
|
|
732
|
+
sendData = addNetworkingFourthOrFifthSchemeDataFunc(
|
|
733
|
+
targetDevice.value.switch,
|
|
734
|
+
wizard.isSelectedScheme(4),
|
|
735
|
+
adapterStatus.value,
|
|
736
|
+
props.diagramsData,
|
|
737
|
+
targetDevice.value.mtu
|
|
738
|
+
)
|
|
739
|
+
|
|
740
|
+
type = 'adapter'
|
|
741
|
+
}
|
|
742
|
+
|
|
743
|
+
sendData &&
|
|
727
744
|
emits(
|
|
728
|
-
|
|
729
|
-
|
|
730
|
-
|
|
731
|
-
|
|
732
|
-
|
|
745
|
+
'send-add-networking-data',
|
|
746
|
+
sendData,
|
|
747
|
+
type,
|
|
748
|
+
() => wizard.setLoader(false),
|
|
749
|
+
onHideAddNetworkingModal
|
|
733
750
|
)
|
|
734
751
|
}
|
|
735
752
|
|
|
736
753
|
onMounted(() => {
|
|
737
|
-
|
|
754
|
+
hostname.value = location.hostname
|
|
738
755
|
})
|
|
739
756
|
|
|
740
757
|
watch(
|
|
741
|
-
|
|
742
|
-
|
|
743
|
-
|
|
744
|
-
|
|
745
|
-
|
|
746
|
-
|
|
747
|
-
|
|
758
|
+
props.tcpStacks,
|
|
759
|
+
(newValue: UI_I_TCPStack[]) => {
|
|
760
|
+
portProperties.value.tcp = newValue?.[0]?.id || ''
|
|
761
|
+
ipFourSettings.value.static.defaultGateway.value =
|
|
762
|
+
newValue?.[0]?.gateway || ''
|
|
763
|
+
},
|
|
764
|
+
{ deep: true }
|
|
748
765
|
)
|
|
749
766
|
</script>
|
|
750
767
|
|