bfg-common 1.5.252 → 1.5.253

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.
Files changed (39) hide show
  1. package/assets/img/icons/icons-sprite-dark-3.svg +227 -227
  2. package/assets/img/icons/icons-sprite-dark-5.svg +488 -488
  3. package/assets/img/icons/icons-sprite-light-3.svg +227 -227
  4. package/assets/img/icons/icons-sprite-light-5.svg +488 -488
  5. package/assets/localization/local_be.json +11 -1
  6. package/assets/localization/local_en.json +11 -1
  7. package/assets/localization/local_hy.json +11 -1
  8. package/assets/localization/local_kk.json +11 -1
  9. package/assets/localization/local_ru.json +11 -1
  10. package/assets/localization/local_zh.json +12 -2
  11. package/assets/scss/common/theme.scss +379 -355
  12. package/components/atoms/stack/StackBlock.vue +185 -185
  13. package/components/atoms/table/info/lib/models/interfaces.ts +10 -10
  14. package/components/common/browse/blocks/lib/models/types.ts +1 -1
  15. package/components/common/browse/lib/models/interfaces.ts +5 -5
  16. package/components/common/diagramMain/adapter/AdapterItems.vue +61 -61
  17. package/components/common/diagramMain/lib/config/initial.ts +50 -50
  18. package/components/common/diagramMain/lib/models/types.ts +21 -21
  19. package/components/common/diagramMain/lib/utils/utils.ts +331 -331
  20. package/components/common/diagramMain/modals/editSettings/ConfirmTeamingSettingsModal.vue +40 -40
  21. package/components/common/diagramMain/modals/editSettings/tabs/NetworkProperties.vue +214 -214
  22. package/components/common/diagramMain/modals/editSettings/tabs/Security.vue +189 -189
  23. package/components/common/diagramMain/modals/editSettings/tabs/SwitchProperties.vue +163 -163
  24. package/components/common/diagramMain/modals/editSettings/tabs/TeamingFailover.vue +175 -175
  25. package/components/common/diagramMain/modals/editSettings/tabs/port/IpvFourSettings.vue +346 -346
  26. package/components/common/diagramMain/modals/lib/config/initial.ts +180 -180
  27. package/components/common/diagramMain/modals/lib/config/vmKernelAdapter.ts +90 -90
  28. package/components/common/diagramMain/modals/lib/mappers/mappers.ts +87 -87
  29. package/components/common/diagramMain/modals/lib/utils/index.ts +24 -24
  30. package/components/common/diagramMain/modals/migrateVmkernelAdapter/lib/config/steps.ts +114 -114
  31. package/components/common/diagramMain/modals/migrateVmkernelAdapter/steps/ConnectionSettings.vue +169 -169
  32. package/components/common/diagramMain/modals/migrateVmkernelAdapter/steps/SelectVmkernelAdapter.vue +159 -159
  33. package/components/common/diagramMain/modals/migrateVmkernelAdapter/validations/common.ts +14 -14
  34. package/components/common/diagramMain/modals/migrateVmkernelAdapter/validations/connectionSettings.ts +137 -137
  35. package/components/common/diagramMain/modals/migrateVmkernelAdapter/validations/selectVmkernelAdapter.ts +52 -52
  36. package/components/common/diagramMain/modals/migrateVmkernelAdapter/validations/validations.ts +19 -19
  37. package/components/common/diagramMain/port/Ports.vue +47 -47
  38. package/lib/models/interfaces.ts +1 -0
  39. package/package.json +1 -1
package/components/common/diagramMain/modals/editSettings/tabs/Security.vue CHANGED
@@ -1,189 +1,189 @@
1
- <template>
2
- <div class="wizard-content__container">
3
- <div class="wizard-content">
4
- <form action="">
5
- <div class="horizontal-flex-container">
6
- <span class="flex-property-label-group large">
7
- {{ localization.common.promiscuousMode }}
8
- </span>
9
-
10
- <div class="flex-property-value-group overridable-dropdown">
11
- <div class="horizontal-flex-container no-margin">
12
- <div class="flex-property-value-group">
13
- <div class="horizontal-flex-container">
14
- <div
15
- v-if="!props.isSwitch"
16
- class="flex-property-label-group small checkbox-inline"
17
- >
18
- <input
19
- id="promiscuous-mode"
20
- v-model="fieldsValues.promiscuousMode.checked"
21
- data-id="promiscuous-mode-input"
22
- type="checkbox"
23
- />
24
- <label for="promiscuous-mode" class="normal-weight">
25
- {{ localization.common.override }}
26
- </label>
27
- </div>
28
- <div class="flex-property-value-group">
29
- <div class="select">
30
- <select
31
- id="promiscuous-mode-select"
32
- v-model="fieldsValues.promiscuousMode.selected"
33
- :disabled="!fieldsValues.promiscuousMode.checked"
34
- data-id="promiscuous-mode-select"
35
- name="selectName"
36
- >
37
- <option :value="2" :label="localization.common.reject">
38
- {{ localization.common.reject }}
39
- </option>
40
- <option :value="1" :label="localization.common.accept">
41
- {{ localization.common.accept }}
42
- </option>
43
- </select>
44
- </div>
45
- </div>
46
- </div>
47
- </div>
48
- </div>
49
- </div>
50
- </div>
51
- <div class="horizontal-flex-container">
52
- <span class="flex-property-label-group large">
53
- {{ localization.common.macAddressChanges }}
54
- </span>
55
-
56
- <div class="flex-property-value-group overridable-dropdown">
57
- <div class="horizontal-flex-container no-margin">
58
- <div class="flex-property-value-group">
59
- <div class="horizontal-flex-container">
60
- <div
61
- v-if="!props.isSwitch"
62
- class="flex-property-label-group small checkbox-inline"
63
- >
64
- <input
65
- id="mac-address-changes"
66
- v-model="fieldsValues.macAddressChanges.checked"
67
- data-id="mac-address-changes"
68
- type="checkbox"
69
- />
70
- <label for="mac-address-changes" class="normal-weight">
71
- {{ localization.common.override }}
72
- </label>
73
- </div>
74
- <div class="flex-property-value-group">
75
- <div class="select">
76
- <select
77
- id="mac-address-select"
78
- v-model="fieldsValues.macAddressChanges.selected"
79
- :disabled="!fieldsValues.macAddressChanges.checked"
80
- data-id="mac-address-select"
81
- name="selectName"
82
- >
83
- <option :value="2" :label="localization.common.reject">
84
- {{ localization.common.reject }}
85
- </option>
86
- <option :value="1" :label="localization.common.accept">
87
- {{ localization.common.accept }}
88
- </option>
89
- </select>
90
- </div>
91
- </div>
92
- </div>
93
- </div>
94
- </div>
95
- </div>
96
- </div>
97
- <div class="horizontal-flex-container">
98
- <span class="flex-property-label-group large">
99
- {{ localization.common.forgedTransmits }}
100
- </span>
101
-
102
- <div class="flex-property-value-group overridable-dropdown">
103
- <div class="horizontal-flex-container no-margin">
104
- <div class="flex-property-value-group">
105
- <div class="horizontal-flex-container">
106
- <div
107
- v-if="!props.isSwitch"
108
- class="flex-property-label-group small checkbox-inline"
109
- >
110
- <input
111
- id="forged-transmits"
112
- v-model="fieldsValues.forgedTransmits.checked"
113
- data-id="forged-transmits-input"
114
- type="checkbox"
115
- />
116
- <label for="forged-transmits" class="normal-weight">
117
- {{ localization.common.override }}
118
- </label>
119
- </div>
120
- <div class="flex-property-value-group">
121
- <div class="select">
122
- <select
123
- id="forged-transmits"
124
- v-model="fieldsValues.forgedTransmits.selected"
125
- :disabled="!fieldsValues.forgedTransmits.checked"
126
- data-id="forged-transmits-select"
127
- name="selectName"
128
- >
129
- <option :value="2" :label="localization.common.reject">
130
- {{ localization.common.reject }}
131
- </option>
132
- <option :value="1" :label="localization.common.accept">
133
- {{ localization.common.accept }}
134
- </option>
135
- </select>
136
- </div>
137
- </div>
138
- </div>
139
- </div>
140
- </div>
141
- </div>
142
- </div>
143
- </form>
144
- </div>
145
- </div>
146
- </template>
147
-
148
- <script setup lang="ts">
149
- import type { UI_I_Localization } from '~/lib/models/interfaces'
150
- import type {
151
- UI_I_ModalsInitialData,
152
- UI_I_SecurityFields,
153
- } from '~/components/common/diagramMain/lib/models/interfaces'
154
- import { securityFieldsInitialFunc } from '~/components/common/diagramMain/modals/lib/config'
155
-
156
- // Props from up
157
- const props = withDefaults(
158
- defineProps<{
159
- isSwitch: boolean
160
- initialData?: UI_I_ModalsInitialData
161
- }>(),
162
- {
163
- isSwitch: false,
164
- }
165
- )
166
-
167
- // UI_I_Localization
168
- const localization = computed<UI_I_Localization>(() => useLocal())
169
-
170
- const fieldsValues = ref<UI_I_SecurityFields>(
171
- securityFieldsInitialFunc(props.isSwitch, props.initialData)
172
- )
173
-
174
- const emits = defineEmits<{
175
- (event: 'change-edit-security-data', securityData: UI_I_SecurityFields): void
176
- }>()
177
-
178
- onMounted(() => {
179
- emits('change-edit-security-data', fieldsValues.value)
180
- })
181
-
182
- watch(
183
- fieldsValues,
184
- (newFieldsValues: UI_I_SecurityFields) => {
185
- emits('change-edit-security-data', newFieldsValues)
186
- },
187
- { deep: true }
188
- )
189
- </script>
1
+ <template>
2
+ <div class="wizard-content__container">
3
+ <div class="wizard-content">
4
+ <form action="">
5
+ <div class="horizontal-flex-container">
6
+ <span class="flex-property-label-group large">
7
+ {{ localization.common.promiscuousMode }}
8
+ </span>
9
+
10
+ <div class="flex-property-value-group overridable-dropdown">
11
+ <div class="horizontal-flex-container no-margin">
12
+ <div class="flex-property-value-group">
13
+ <div class="horizontal-flex-container">
14
+ <div
15
+ v-if="!props.isSwitch"
16
+ class="flex-property-label-group small checkbox-inline"
17
+ >
18
+ <input
19
+ id="promiscuous-mode"
20
+ v-model="fieldsValues.promiscuousMode.checked"
21
+ data-id="promiscuous-mode-input"
22
+ type="checkbox"
23
+ />
24
+ <label for="promiscuous-mode" class="normal-weight">
25
+ {{ localization.common.override }}
26
+ </label>
27
+ </div>
28
+ <div class="flex-property-value-group">
29
+ <div class="select">
30
+ <select
31
+ id="promiscuous-mode-select"
32
+ v-model="fieldsValues.promiscuousMode.selected"
33
+ :disabled="!fieldsValues.promiscuousMode.checked"
34
+ data-id="promiscuous-mode-select"
35
+ name="selectName"
36
+ >
37
+ <option :value="2" :label="localization.common.reject">
38
+ {{ localization.common.reject }}
39
+ </option>
40
+ <option :value="1" :label="localization.common.accept">
41
+ {{ localization.common.accept }}
42
+ </option>
43
+ </select>
44
+ </div>
45
+ </div>
46
+ </div>
47
+ </div>
48
+ </div>
49
+ </div>
50
+ </div>
51
+ <div class="horizontal-flex-container">
52
+ <span class="flex-property-label-group large">
53
+ {{ localization.common.macAddressChanges }}
54
+ </span>
55
+
56
+ <div class="flex-property-value-group overridable-dropdown">
57
+ <div class="horizontal-flex-container no-margin">
58
+ <div class="flex-property-value-group">
59
+ <div class="horizontal-flex-container">
60
+ <div
61
+ v-if="!props.isSwitch"
62
+ class="flex-property-label-group small checkbox-inline"
63
+ >
64
+ <input
65
+ id="mac-address-changes"
66
+ v-model="fieldsValues.macAddressChanges.checked"
67
+ data-id="mac-address-changes"
68
+ type="checkbox"
69
+ />
70
+ <label for="mac-address-changes" class="normal-weight">
71
+ {{ localization.common.override }}
72
+ </label>
73
+ </div>
74
+ <div class="flex-property-value-group">
75
+ <div class="select">
76
+ <select
77
+ id="mac-address-select"
78
+ v-model="fieldsValues.macAddressChanges.selected"
79
+ :disabled="!fieldsValues.macAddressChanges.checked"
80
+ data-id="mac-address-select"
81
+ name="selectName"
82
+ >
83
+ <option :value="2" :label="localization.common.reject">
84
+ {{ localization.common.reject }}
85
+ </option>
86
+ <option :value="1" :label="localization.common.accept">
87
+ {{ localization.common.accept }}
88
+ </option>
89
+ </select>
90
+ </div>
91
+ </div>
92
+ </div>
93
+ </div>
94
+ </div>
95
+ </div>
96
+ </div>
97
+ <div class="horizontal-flex-container">
98
+ <span class="flex-property-label-group large">
99
+ {{ localization.common.forgedTransmits }}
100
+ </span>
101
+
102
+ <div class="flex-property-value-group overridable-dropdown">
103
+ <div class="horizontal-flex-container no-margin">
104
+ <div class="flex-property-value-group">
105
+ <div class="horizontal-flex-container">
106
+ <div
107
+ v-if="!props.isSwitch"
108
+ class="flex-property-label-group small checkbox-inline"
109
+ >
110
+ <input
111
+ id="forged-transmits"
112
+ v-model="fieldsValues.forgedTransmits.checked"
113
+ data-id="forged-transmits-input"
114
+ type="checkbox"
115
+ />
116
+ <label for="forged-transmits" class="normal-weight">
117
+ {{ localization.common.override }}
118
+ </label>
119
+ </div>
120
+ <div class="flex-property-value-group">
121
+ <div class="select">
122
+ <select
123
+ id="forged-transmits"
124
+ v-model="fieldsValues.forgedTransmits.selected"
125
+ :disabled="!fieldsValues.forgedTransmits.checked"
126
+ data-id="forged-transmits-select"
127
+ name="selectName"
128
+ >
129
+ <option :value="2" :label="localization.common.reject">
130
+ {{ localization.common.reject }}
131
+ </option>
132
+ <option :value="1" :label="localization.common.accept">
133
+ {{ localization.common.accept }}
134
+ </option>
135
+ </select>
136
+ </div>
137
+ </div>
138
+ </div>
139
+ </div>
140
+ </div>
141
+ </div>
142
+ </div>
143
+ </form>
144
+ </div>
145
+ </div>
146
+ </template>
147
+
148
+ <script setup lang="ts">
149
+ import type { UI_I_Localization } from '~/lib/models/interfaces'
150
+ import type {
151
+ UI_I_ModalsInitialData,
152
+ UI_I_SecurityFields,
153
+ } from '~/components/common/diagramMain/lib/models/interfaces'
154
+ import { securityFieldsInitialFunc } from '~/components/common/diagramMain/modals/lib/config'
155
+
156
+ // Props from up
157
+ const props = withDefaults(
158
+ defineProps<{
159
+ isSwitch: boolean
160
+ initialData?: UI_I_ModalsInitialData
161
+ }>(),
162
+ {
163
+ isSwitch: false,
164
+ }
165
+ )
166
+
167
+ // UI_I_Localization
168
+ const localization = computed<UI_I_Localization>(() => useLocal())
169
+
170
+ const fieldsValues = ref<UI_I_SecurityFields>(
171
+ securityFieldsInitialFunc(props.isSwitch, props.initialData)
172
+ )
173
+
174
+ const emits = defineEmits<{
175
+ (event: 'change-edit-security-data', securityData: UI_I_SecurityFields): void
176
+ }>()
177
+
178
+ onMounted(() => {
179
+ emits('change-edit-security-data', fieldsValues.value)
180
+ })
181
+
182
+ watch(
183
+ fieldsValues,
184
+ (newFieldsValues: UI_I_SecurityFields) => {
185
+ emits('change-edit-security-data', newFieldsValues)
186
+ },
187
+ { deep: true }
188
+ )
189
+ </script>