bfg-common 1.5.252 → 1.5.254

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 (40) 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 +19 -2
  6. package/assets/localization/local_en.json +19 -2
  7. package/assets/localization/local_hy.json +19 -2
  8. package/assets/localization/local_kk.json +19 -2
  9. package/assets/localization/local_ru.json +19 -2
  10. package/assets/localization/local_zh.json +20 -2
  11. package/assets/scss/clarity/local_ar.json +3 -1
  12. package/assets/scss/common/theme.scss +24 -0
  13. package/components/atoms/stack/StackBlock.vue +185 -185
  14. package/components/atoms/table/info/lib/models/interfaces.ts +10 -10
  15. package/components/common/browse/blocks/lib/models/types.ts +1 -1
  16. package/components/common/browse/lib/models/interfaces.ts +5 -5
  17. package/components/common/diagramMain/adapter/AdapterItems.vue +61 -61
  18. package/components/common/diagramMain/lib/config/initial.ts +50 -50
  19. package/components/common/diagramMain/lib/models/types.ts +21 -21
  20. package/components/common/diagramMain/lib/utils/utils.ts +331 -331
  21. package/components/common/diagramMain/modals/editSettings/ConfirmTeamingSettingsModal.vue +40 -40
  22. package/components/common/diagramMain/modals/editSettings/tabs/NetworkProperties.vue +214 -214
  23. package/components/common/diagramMain/modals/editSettings/tabs/Security.vue +189 -189
  24. package/components/common/diagramMain/modals/editSettings/tabs/SwitchProperties.vue +163 -163
  25. package/components/common/diagramMain/modals/editSettings/tabs/TeamingFailover.vue +175 -175
  26. package/components/common/diagramMain/modals/editSettings/tabs/port/IpvFourSettings.vue +346 -346
  27. package/components/common/diagramMain/modals/lib/config/initial.ts +180 -180
  28. package/components/common/diagramMain/modals/lib/config/vmKernelAdapter.ts +90 -90
  29. package/components/common/diagramMain/modals/lib/mappers/mappers.ts +87 -87
  30. package/components/common/diagramMain/modals/lib/utils/index.ts +24 -24
  31. package/components/common/diagramMain/modals/migrateVmkernelAdapter/lib/config/steps.ts +114 -114
  32. package/components/common/diagramMain/modals/migrateVmkernelAdapter/steps/ConnectionSettings.vue +169 -169
  33. package/components/common/diagramMain/modals/migrateVmkernelAdapter/steps/SelectVmkernelAdapter.vue +159 -159
  34. package/components/common/diagramMain/modals/migrateVmkernelAdapter/validations/common.ts +14 -14
  35. package/components/common/diagramMain/modals/migrateVmkernelAdapter/validations/connectionSettings.ts +137 -137
  36. package/components/common/diagramMain/modals/migrateVmkernelAdapter/validations/selectVmkernelAdapter.ts +52 -52
  37. package/components/common/diagramMain/modals/migrateVmkernelAdapter/validations/validations.ts +19 -19
  38. package/components/common/diagramMain/port/Ports.vue +47 -47
  39. package/lib/models/interfaces.ts +2 -0
  40. 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>