bfg-common 1.5.198 → 1.5.200
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/assets/img/icons/icons-sprite-dark-3.svg +227 -227
- package/assets/img/icons/icons-sprite-dark-5.svg +488 -488
- package/assets/img/icons/icons-sprite-light-3.svg +227 -227
- package/assets/img/icons/icons-sprite-light-5.svg +488 -488
- package/assets/localization/local_be.json +3 -3
- package/assets/localization/local_en.json +3 -3
- package/assets/localization/local_hy.json +3 -3
- package/assets/localization/local_kk.json +3 -3
- package/assets/localization/local_ru.json +3 -3
- package/assets/localization/local_zh.json +3 -3
- package/components/atoms/dropdown/Portlet.vue +113 -113
- package/components/common/browse/blocks/lib/models/types.ts +1 -1
- package/components/common/browse/lib/models/interfaces.ts +5 -5
- package/components/common/diagramMain/adapter/AdapterItems.vue +61 -61
- package/components/common/diagramMain/lib/config/initial.ts +50 -50
- package/components/common/diagramMain/lib/models/types.ts +21 -21
- package/components/common/diagramMain/lib/utils/utils.ts +331 -331
- package/components/common/diagramMain/modals/editSettings/ConfirmTeamingSettingsModal.vue +40 -40
- package/components/common/diagramMain/modals/editSettings/tabs/NetworkProperties.vue +214 -214
- package/components/common/diagramMain/modals/editSettings/tabs/Security.vue +189 -189
- package/components/common/diagramMain/modals/editSettings/tabs/SwitchProperties.vue +163 -163
- package/components/common/diagramMain/modals/editSettings/tabs/TeamingFailover.vue +175 -175
- package/components/common/diagramMain/modals/editSettings/tabs/port/IpvFourSettings.vue +346 -346
- package/components/common/diagramMain/modals/lib/config/initial.ts +180 -180
- package/components/common/diagramMain/modals/lib/config/vmKernelAdapter.ts +90 -90
- package/components/common/diagramMain/modals/lib/mappers/mappers.ts +87 -87
- package/components/common/diagramMain/modals/lib/utils/index.ts +24 -24
- package/components/common/diagramMain/modals/migrateVmkernelAdapter/lib/config/steps.ts +114 -114
- package/components/common/diagramMain/modals/migrateVmkernelAdapter/steps/ConnectionSettings.vue +169 -169
- package/components/common/diagramMain/modals/migrateVmkernelAdapter/steps/SelectVmkernelAdapter.vue +159 -159
- package/components/common/diagramMain/modals/migrateVmkernelAdapter/validations/common.ts +14 -14
- package/components/common/diagramMain/modals/migrateVmkernelAdapter/validations/connectionSettings.ts +137 -137
- package/components/common/diagramMain/modals/migrateVmkernelAdapter/validations/selectVmkernelAdapter.ts +52 -52
- package/components/common/diagramMain/modals/migrateVmkernelAdapter/validations/validations.ts +19 -19
- package/components/common/diagramMain/port/Ports.vue +47 -47
- package/components/common/graph/GraphOld.vue +50 -50
- package/components/common/graph/graphNew/GraphNew.vue +194 -194
- package/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/lib/config/utils.ts +1040 -1040
- package/package.json +2 -2
|
@@ -2999,10 +2999,10 @@
|
|
|
2999
2999
|
},
|
|
3000
3000
|
"glpi": {
|
|
3001
3001
|
"connectToGlpi": "Падключыцца да GLPI",
|
|
3002
|
-
"hostAddress": "Адрас
|
|
3002
|
+
"hostAddress": "Адрас GLPI",
|
|
3003
3003
|
"appToken": "Дадатак Токен",
|
|
3004
|
-
"entityName": "Назва
|
|
3005
|
-
"inventoryTime": "
|
|
3004
|
+
"entityName": "Назва арганізацыі (сутнасць)",
|
|
3005
|
+
"inventoryTime": "Графік інвентарызацыі",
|
|
3006
3006
|
"inventoryTimeHelp": "Дапамога часу на інвентарызацыю",
|
|
3007
3007
|
"inventoryTimeHelpDescription": "Калі ласка, пераканайцеся, што ўвядзіце патрэбны час запасаў у фармат Cron.",
|
|
3008
3008
|
"glpiIntegration": "Інтэграцыя GLPI",
|
|
@@ -3003,10 +3003,10 @@
|
|
|
3003
3003
|
},
|
|
3004
3004
|
"glpi": {
|
|
3005
3005
|
"connectToGlpi": "Connect to GLPI",
|
|
3006
|
-
"hostAddress": "
|
|
3006
|
+
"hostAddress": "GLPI Address",
|
|
3007
3007
|
"appToken": "App Token",
|
|
3008
|
-
"entityName": "
|
|
3009
|
-
"inventoryTime": "Inventory
|
|
3008
|
+
"entityName": "Organization Name (Entity)",
|
|
3009
|
+
"inventoryTime": "Inventory Schedule",
|
|
3010
3010
|
"inventoryTimeHelp": "Inventory Time Help",
|
|
3011
3011
|
"inventoryTimeHelpDescription": "Please make sure to input your desired inventory time in cron format.",
|
|
3012
3012
|
"glpiIntegration": "GLPI Integration",
|
|
@@ -3003,10 +3003,10 @@
|
|
|
3003
3003
|
},
|
|
3004
3004
|
"glpi": {
|
|
3005
3005
|
"connectToGlpi": "Միացեք GLPI- ին",
|
|
3006
|
-
"hostAddress": "
|
|
3006
|
+
"hostAddress": "GLPI հասցե",
|
|
3007
3007
|
"appToken": "App Token",
|
|
3008
|
-
"entityName": "
|
|
3009
|
-
"inventoryTime": "Գրապահոց
|
|
3008
|
+
"entityName": "Կազմակերպության անվանումը (անձ)",
|
|
3009
|
+
"inventoryTime": "Գրապահոց ժամանակացույց",
|
|
3010
3010
|
"inventoryTimeHelp": "Գրապահոց ժամանակի օգնություն",
|
|
3011
3011
|
"inventoryTimeHelpDescription": "Խնդրում ենք համոզվեք, որ մուտքագրեք ձեր ցանկալի գույքագրման ժամանակը Cron ձեւաչափով:",
|
|
3012
3012
|
"glpiIntegration": "GLPI ինտեգրում",
|
|
@@ -3002,10 +3002,10 @@
|
|
|
3002
3002
|
},
|
|
3003
3003
|
"glpi": {
|
|
3004
3004
|
"connectToGlpi": "GLPI-ге қосылыңыз",
|
|
3005
|
-
"hostAddress": "
|
|
3005
|
+
"hostAddress": "GLPI мекен-жайы",
|
|
3006
3006
|
"appToken": "Қолданба таңбалауышы",
|
|
3007
|
-
"entityName": "
|
|
3008
|
-
"inventoryTime": "Түгендеу
|
|
3007
|
+
"entityName": "Ұйымның атауы (субъект)",
|
|
3008
|
+
"inventoryTime": "Түгендеу кестесі",
|
|
3009
3009
|
"inventoryTimeHelp": "Түгендеу уақыты анықтама",
|
|
3010
3010
|
"inventoryTimeHelpDescription": "Крондық пішімде қалаған түгендеу уақытын енгізгеніңізге көз жеткізіңіз.",
|
|
3011
3011
|
"glpiIntegration": "GLPI интеграциясы",
|
|
@@ -3002,10 +3002,10 @@
|
|
|
3002
3002
|
},
|
|
3003
3003
|
"glpi": {
|
|
3004
3004
|
"connectToGlpi": "Подключитесь к GLPI",
|
|
3005
|
-
"hostAddress": "Адрес
|
|
3005
|
+
"hostAddress": "Адрес GLPI",
|
|
3006
3006
|
"appToken": "Токен приложения",
|
|
3007
|
-
"entityName": "Название
|
|
3008
|
-
"inventoryTime": "
|
|
3007
|
+
"entityName": "Название Организации (Entity)",
|
|
3008
|
+
"inventoryTime": "График Инвентаризации",
|
|
3009
3009
|
"inventoryTimeHelp": "Помощь в области инвентаря",
|
|
3010
3010
|
"inventoryTimeHelpDescription": "Пожалуйста, обязательно введите желаемое время инвентаря в формате Cron.",
|
|
3011
3011
|
"glpiIntegration": "GLPI интеграция",
|
|
@@ -3000,10 +3000,10 @@
|
|
|
3000
3000
|
},
|
|
3001
3001
|
"glpi": {
|
|
3002
3002
|
"connectToGlpi": "连接到GLPI",
|
|
3003
|
-
"hostAddress": "
|
|
3003
|
+
"hostAddress": "GLPI地址",
|
|
3004
3004
|
"appToken": "应用程序令牌",
|
|
3005
|
-
"entityName": "
|
|
3006
|
-
"inventoryTime": "
|
|
3005
|
+
"entityName": "组织名称(实体)",
|
|
3006
|
+
"inventoryTime": "库存时间表",
|
|
3007
3007
|
"inventoryTimeHelp": "库存时间帮助",
|
|
3008
3008
|
"inventoryTimeHelpDescription": "请确保以cron格式输入所需的库存时间。",
|
|
3009
3009
|
"glpiIntegration": "GLPI集成",
|
|
@@ -1,113 +1,113 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div class="portlet">
|
|
3
|
-
<div
|
|
4
|
-
:data-id="`${props.testId}-toggle-portlet`"
|
|
5
|
-
:class="['portlet-titlebar', { disabled }]"
|
|
6
|
-
>
|
|
7
|
-
<atoms-the-icon
|
|
8
|
-
:class="['arrow-icon', { collapsed: portletCollapsed }]"
|
|
9
|
-
name="arrow"
|
|
10
|
-
@click="togglePortlet"
|
|
11
|
-
/>
|
|
12
|
-
|
|
13
|
-
<span class="titlebar-text">{{ title }}</span>
|
|
14
|
-
</div>
|
|
15
|
-
|
|
16
|
-
<div v-show="!portletCollapsed" class="portlet-content">
|
|
17
|
-
<slot name="portletBody" />
|
|
18
|
-
</div>
|
|
19
|
-
<div v-show="!portletCollapsed" class="portlet-footer">
|
|
20
|
-
<slot name="portletFooter" />
|
|
21
|
-
</div>
|
|
22
|
-
</div>
|
|
23
|
-
</template>
|
|
24
|
-
|
|
25
|
-
<script setup lang="ts">
|
|
26
|
-
const props = defineProps<{
|
|
27
|
-
title: string
|
|
28
|
-
disabled?: boolean
|
|
29
|
-
testId?: string
|
|
30
|
-
}>()
|
|
31
|
-
|
|
32
|
-
const isOpen = ref<boolean>(false)
|
|
33
|
-
|
|
34
|
-
const portletCollapsed = computed<boolean>(() => {
|
|
35
|
-
if (props.disabled) {
|
|
36
|
-
return true
|
|
37
|
-
}
|
|
38
|
-
return isOpen.value
|
|
39
|
-
})
|
|
40
|
-
|
|
41
|
-
const togglePortlet = (): boolean => (isOpen.value = !isOpen.value)
|
|
42
|
-
</script>
|
|
43
|
-
|
|
44
|
-
<style scoped lang="scss">
|
|
45
|
-
.portlet {
|
|
46
|
-
box-shadow: 1px 1px 4px 0 rgb(0 0 0 / 10%);
|
|
47
|
-
min-height: 30px;
|
|
48
|
-
border: 1px solid var(--portlet-border-color);
|
|
49
|
-
border-radius: 3px;
|
|
50
|
-
overflow: auto;
|
|
51
|
-
background: var(--portlet-bg-color);
|
|
52
|
-
margin: 0 0 12px;
|
|
53
|
-
flex-shrink: 0;
|
|
54
|
-
box-sizing: border-box;
|
|
55
|
-
|
|
56
|
-
.portlet-titlebar {
|
|
57
|
-
cursor: pointer;
|
|
58
|
-
display: flex;
|
|
59
|
-
flex-direction: row-reverse;
|
|
60
|
-
align-items: center;
|
|
61
|
-
margin: 0;
|
|
62
|
-
padding: 12px 10px;
|
|
63
|
-
box-sizing: border-box;
|
|
64
|
-
position: relative;
|
|
65
|
-
overflow: hidden;
|
|
66
|
-
|
|
67
|
-
&.disabled {
|
|
68
|
-
opacity: 0.3;
|
|
69
|
-
pointer-events: none;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
.titlebar-text {
|
|
73
|
-
flex: 1 1 100%;
|
|
74
|
-
display: inline-flex !important;
|
|
75
|
-
white-space: nowrap;
|
|
76
|
-
overflow: hidden !important;
|
|
77
|
-
padding: 0 !important;
|
|
78
|
-
box-sizing: border-box;
|
|
79
|
-
max-width: none !important;
|
|
80
|
-
font-size: 14px;
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
.arrow-icon {
|
|
84
|
-
transition: all 0.2s ease-in 0s;
|
|
85
|
-
fill: #0079b8;
|
|
86
|
-
|
|
87
|
-
&.collapsed {
|
|
88
|
-
transform: rotate(180deg);
|
|
89
|
-
}
|
|
90
|
-
}
|
|
91
|
-
&:hover {
|
|
92
|
-
.arrow-icon {
|
|
93
|
-
fill: #004a70;
|
|
94
|
-
}
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
.portlet-content {
|
|
99
|
-
padding: 0 10px 5px;
|
|
100
|
-
}
|
|
101
|
-
}
|
|
102
|
-
</style>
|
|
103
|
-
|
|
104
|
-
<style>
|
|
105
|
-
:root {
|
|
106
|
-
--portlet-bg-color: #fff;
|
|
107
|
-
--portlet-border-color: #d3d3d3;
|
|
108
|
-
}
|
|
109
|
-
:root.dark-theme {
|
|
110
|
-
--portlet-bg-color: transparent;
|
|
111
|
-
--portlet-border-color: #000000;
|
|
112
|
-
}
|
|
113
|
-
</style>
|
|
1
|
+
<template>
|
|
2
|
+
<div class="portlet">
|
|
3
|
+
<div
|
|
4
|
+
:data-id="`${props.testId}-toggle-portlet`"
|
|
5
|
+
:class="['portlet-titlebar', { disabled }]"
|
|
6
|
+
>
|
|
7
|
+
<atoms-the-icon
|
|
8
|
+
:class="['arrow-icon', { collapsed: portletCollapsed }]"
|
|
9
|
+
name="arrow"
|
|
10
|
+
@click="togglePortlet"
|
|
11
|
+
/>
|
|
12
|
+
|
|
13
|
+
<span class="titlebar-text">{{ title }}</span>
|
|
14
|
+
</div>
|
|
15
|
+
|
|
16
|
+
<div v-show="!portletCollapsed" class="portlet-content">
|
|
17
|
+
<slot name="portletBody" />
|
|
18
|
+
</div>
|
|
19
|
+
<div v-show="!portletCollapsed" class="portlet-footer">
|
|
20
|
+
<slot name="portletFooter" />
|
|
21
|
+
</div>
|
|
22
|
+
</div>
|
|
23
|
+
</template>
|
|
24
|
+
|
|
25
|
+
<script setup lang="ts">
|
|
26
|
+
const props = defineProps<{
|
|
27
|
+
title: string
|
|
28
|
+
disabled?: boolean
|
|
29
|
+
testId?: string
|
|
30
|
+
}>()
|
|
31
|
+
|
|
32
|
+
const isOpen = ref<boolean>(false)
|
|
33
|
+
|
|
34
|
+
const portletCollapsed = computed<boolean>(() => {
|
|
35
|
+
if (props.disabled) {
|
|
36
|
+
return true
|
|
37
|
+
}
|
|
38
|
+
return isOpen.value
|
|
39
|
+
})
|
|
40
|
+
|
|
41
|
+
const togglePortlet = (): boolean => (isOpen.value = !isOpen.value)
|
|
42
|
+
</script>
|
|
43
|
+
|
|
44
|
+
<style scoped lang="scss">
|
|
45
|
+
.portlet {
|
|
46
|
+
box-shadow: 1px 1px 4px 0 rgb(0 0 0 / 10%);
|
|
47
|
+
min-height: 30px;
|
|
48
|
+
border: 1px solid var(--portlet-border-color);
|
|
49
|
+
border-radius: 3px;
|
|
50
|
+
overflow: auto;
|
|
51
|
+
background: var(--portlet-bg-color);
|
|
52
|
+
margin: 0 0 12px;
|
|
53
|
+
flex-shrink: 0;
|
|
54
|
+
box-sizing: border-box;
|
|
55
|
+
|
|
56
|
+
.portlet-titlebar {
|
|
57
|
+
cursor: pointer;
|
|
58
|
+
display: flex;
|
|
59
|
+
flex-direction: row-reverse;
|
|
60
|
+
align-items: center;
|
|
61
|
+
margin: 0;
|
|
62
|
+
padding: 12px 10px;
|
|
63
|
+
box-sizing: border-box;
|
|
64
|
+
position: relative;
|
|
65
|
+
overflow: hidden;
|
|
66
|
+
|
|
67
|
+
&.disabled {
|
|
68
|
+
opacity: 0.3;
|
|
69
|
+
pointer-events: none;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
.titlebar-text {
|
|
73
|
+
flex: 1 1 100%;
|
|
74
|
+
display: inline-flex !important;
|
|
75
|
+
white-space: nowrap;
|
|
76
|
+
overflow: hidden !important;
|
|
77
|
+
padding: 0 !important;
|
|
78
|
+
box-sizing: border-box;
|
|
79
|
+
max-width: none !important;
|
|
80
|
+
font-size: 14px;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
.arrow-icon {
|
|
84
|
+
transition: all 0.2s ease-in 0s;
|
|
85
|
+
fill: #0079b8;
|
|
86
|
+
|
|
87
|
+
&.collapsed {
|
|
88
|
+
transform: rotate(180deg);
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
&:hover {
|
|
92
|
+
.arrow-icon {
|
|
93
|
+
fill: #004a70;
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
.portlet-content {
|
|
99
|
+
padding: 0 10px 5px;
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
</style>
|
|
103
|
+
|
|
104
|
+
<style>
|
|
105
|
+
:root {
|
|
106
|
+
--portlet-bg-color: #fff;
|
|
107
|
+
--portlet-border-color: #d3d3d3;
|
|
108
|
+
}
|
|
109
|
+
:root.dark-theme {
|
|
110
|
+
--portlet-bg-color: transparent;
|
|
111
|
+
--portlet-border-color: #000000;
|
|
112
|
+
}
|
|
113
|
+
</style>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export type UI_T_BlocksWidth = [number, number, number]
|
|
1
|
+
export type UI_T_BlocksWidth = [number, number, number]
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export interface UI_I_FileInfo {
|
|
2
|
-
type: string
|
|
3
|
-
title: string
|
|
4
|
-
value: string | number
|
|
5
|
-
}
|
|
1
|
+
export interface UI_I_FileInfo {
|
|
2
|
+
type: string
|
|
3
|
+
title: string
|
|
4
|
+
value: string | number
|
|
5
|
+
}
|
|
@@ -1,61 +1,61 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<g data-title="adapter-items-group">
|
|
3
|
-
<template v-if="props.adaptersWithPositions.toggle">
|
|
4
|
-
<template
|
|
5
|
-
v-for="(adapter, key) in props.adaptersWithPositions.adapters"
|
|
6
|
-
:key="adapter.id"
|
|
7
|
-
>
|
|
8
|
-
<common-diagram-main-adapter-item
|
|
9
|
-
:adapter="adapter"
|
|
10
|
-
:selected-port="props.selectedPort"
|
|
11
|
-
:selected-adapter="props.selectedAdapter"
|
|
12
|
-
:networks-count="props.networksCount"
|
|
13
|
-
:is-dark-mode="props.isDarkMode"
|
|
14
|
-
:networks-with-positions="props.networksWithPositions"
|
|
15
|
-
@select-adapter="onSelectAdapter"
|
|
16
|
-
@show-modal="onShowModal"
|
|
17
|
-
/>
|
|
18
|
-
</template>
|
|
19
|
-
</template>
|
|
20
|
-
</g>
|
|
21
|
-
</template>
|
|
22
|
-
|
|
23
|
-
<script setup lang="ts">
|
|
24
|
-
import {
|
|
25
|
-
UI_I_AdaptersWithPositions,
|
|
26
|
-
UI_I_ModalsInitialData,
|
|
27
|
-
UI_I_SelectedAdapter,
|
|
28
|
-
UI_I_SelectedPort,
|
|
29
|
-
UI_I_NetworksWithPositions,
|
|
30
|
-
} from '~/components/common/diagramMain/lib/models/interfaces'
|
|
31
|
-
|
|
32
|
-
const props = defineProps<{
|
|
33
|
-
adaptersWithPositions: UI_I_AdaptersWithPositions
|
|
34
|
-
networksWithPositions: UI_I_NetworksWithPositions[]
|
|
35
|
-
selectedPort: UI_I_SelectedPort
|
|
36
|
-
selectedAdapter: UI_I_SelectedAdapter
|
|
37
|
-
networksCount: number
|
|
38
|
-
isDarkMode: boolean
|
|
39
|
-
}>()
|
|
40
|
-
|
|
41
|
-
const emits = defineEmits<{
|
|
42
|
-
(event: 'select-adapter', adapterId: string): void
|
|
43
|
-
(
|
|
44
|
-
event: 'show-modal',
|
|
45
|
-
value: string,
|
|
46
|
-
properties?: UI_I_ModalsInitialData
|
|
47
|
-
): void
|
|
48
|
-
}>()
|
|
49
|
-
|
|
50
|
-
const onSelectAdapter = (adapterId: string): void => {
|
|
51
|
-
emits('select-adapter', adapterId)
|
|
52
|
-
}
|
|
53
|
-
const onShowModal = (
|
|
54
|
-
value: string,
|
|
55
|
-
properties?: UI_I_ModalsInitialData
|
|
56
|
-
): void => {
|
|
57
|
-
emits('show-modal', value, properties)
|
|
58
|
-
}
|
|
59
|
-
</script>
|
|
60
|
-
|
|
61
|
-
<style scoped lang="scss"></style>
|
|
1
|
+
<template>
|
|
2
|
+
<g data-title="adapter-items-group">
|
|
3
|
+
<template v-if="props.adaptersWithPositions.toggle">
|
|
4
|
+
<template
|
|
5
|
+
v-for="(adapter, key) in props.adaptersWithPositions.adapters"
|
|
6
|
+
:key="adapter.id"
|
|
7
|
+
>
|
|
8
|
+
<common-diagram-main-adapter-item
|
|
9
|
+
:adapter="adapter"
|
|
10
|
+
:selected-port="props.selectedPort"
|
|
11
|
+
:selected-adapter="props.selectedAdapter"
|
|
12
|
+
:networks-count="props.networksCount"
|
|
13
|
+
:is-dark-mode="props.isDarkMode"
|
|
14
|
+
:networks-with-positions="props.networksWithPositions"
|
|
15
|
+
@select-adapter="onSelectAdapter"
|
|
16
|
+
@show-modal="onShowModal"
|
|
17
|
+
/>
|
|
18
|
+
</template>
|
|
19
|
+
</template>
|
|
20
|
+
</g>
|
|
21
|
+
</template>
|
|
22
|
+
|
|
23
|
+
<script setup lang="ts">
|
|
24
|
+
import {
|
|
25
|
+
UI_I_AdaptersWithPositions,
|
|
26
|
+
UI_I_ModalsInitialData,
|
|
27
|
+
UI_I_SelectedAdapter,
|
|
28
|
+
UI_I_SelectedPort,
|
|
29
|
+
UI_I_NetworksWithPositions,
|
|
30
|
+
} from '~/components/common/diagramMain/lib/models/interfaces'
|
|
31
|
+
|
|
32
|
+
const props = defineProps<{
|
|
33
|
+
adaptersWithPositions: UI_I_AdaptersWithPositions
|
|
34
|
+
networksWithPositions: UI_I_NetworksWithPositions[]
|
|
35
|
+
selectedPort: UI_I_SelectedPort
|
|
36
|
+
selectedAdapter: UI_I_SelectedAdapter
|
|
37
|
+
networksCount: number
|
|
38
|
+
isDarkMode: boolean
|
|
39
|
+
}>()
|
|
40
|
+
|
|
41
|
+
const emits = defineEmits<{
|
|
42
|
+
(event: 'select-adapter', adapterId: string): void
|
|
43
|
+
(
|
|
44
|
+
event: 'show-modal',
|
|
45
|
+
value: string,
|
|
46
|
+
properties?: UI_I_ModalsInitialData
|
|
47
|
+
): void
|
|
48
|
+
}>()
|
|
49
|
+
|
|
50
|
+
const onSelectAdapter = (adapterId: string): void => {
|
|
51
|
+
emits('select-adapter', adapterId)
|
|
52
|
+
}
|
|
53
|
+
const onShowModal = (
|
|
54
|
+
value: string,
|
|
55
|
+
properties?: UI_I_ModalsInitialData
|
|
56
|
+
): void => {
|
|
57
|
+
emits('show-modal', value, properties)
|
|
58
|
+
}
|
|
59
|
+
</script>
|
|
60
|
+
|
|
61
|
+
<style scoped lang="scss"></style>
|
|
@@ -1,50 +1,50 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
UI_I_AdapterStatus,
|
|
3
|
-
UI_I_MainRectHeights,
|
|
4
|
-
UI_I_SelectedAdapter,
|
|
5
|
-
UI_I_SelectedPort,
|
|
6
|
-
UI_I_SwitchLine,
|
|
7
|
-
UI_I_NetworkPositionsConst,
|
|
8
|
-
} from '~/components/common/diagramMain/lib/models/interfaces'
|
|
9
|
-
|
|
10
|
-
export const managePhysicalAdapterStatusInitial: UI_I_AdapterStatus = {
|
|
11
|
-
active: [],
|
|
12
|
-
standby: [],
|
|
13
|
-
unused: [],
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
export const mainRectHeightsInitial: UI_I_MainRectHeights = {
|
|
17
|
-
networksHeight: 0,
|
|
18
|
-
adaptersHeight: 0,
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
export const switchLineInitial: UI_I_SwitchLine = {
|
|
22
|
-
y1: 0,
|
|
23
|
-
y2: 0,
|
|
24
|
-
ay: 0,
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
export const selectedPortInitial: UI_I_SelectedPort = {
|
|
28
|
-
networkId: '-1',
|
|
29
|
-
portId: '-1',
|
|
30
|
-
activeAdapters: [],
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
export const selectedAdapterInitial: UI_I_SelectedAdapter = {
|
|
34
|
-
adapterId: '-1',
|
|
35
|
-
connectedPorts: [],
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
export const selectedSwitchLineYInitial: UI_I_SwitchLine = {
|
|
39
|
-
y1: 0,
|
|
40
|
-
y2: 0,
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
export const NETWORK_POSITIONS: UI_I_NetworkPositionsConst = {
|
|
44
|
-
EMPTY_PORTS_PADDING_BOTTOM: 7.5,
|
|
45
|
-
FROM_VLAN_ID_TO_GROUP_NAME: 22,
|
|
46
|
-
VMS_AND_PORTS_HEIGHT: 22,
|
|
47
|
-
V_CENTER_HEIGHT: 32,
|
|
48
|
-
BETWEEN_VMS_AND_PORTS: 7.5,
|
|
49
|
-
BETWEEN_V_CENTERS: 12.5,
|
|
50
|
-
} as const
|
|
1
|
+
import type {
|
|
2
|
+
UI_I_AdapterStatus,
|
|
3
|
+
UI_I_MainRectHeights,
|
|
4
|
+
UI_I_SelectedAdapter,
|
|
5
|
+
UI_I_SelectedPort,
|
|
6
|
+
UI_I_SwitchLine,
|
|
7
|
+
UI_I_NetworkPositionsConst,
|
|
8
|
+
} from '~/components/common/diagramMain/lib/models/interfaces'
|
|
9
|
+
|
|
10
|
+
export const managePhysicalAdapterStatusInitial: UI_I_AdapterStatus = {
|
|
11
|
+
active: [],
|
|
12
|
+
standby: [],
|
|
13
|
+
unused: [],
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
export const mainRectHeightsInitial: UI_I_MainRectHeights = {
|
|
17
|
+
networksHeight: 0,
|
|
18
|
+
adaptersHeight: 0,
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
export const switchLineInitial: UI_I_SwitchLine = {
|
|
22
|
+
y1: 0,
|
|
23
|
+
y2: 0,
|
|
24
|
+
ay: 0,
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
export const selectedPortInitial: UI_I_SelectedPort = {
|
|
28
|
+
networkId: '-1',
|
|
29
|
+
portId: '-1',
|
|
30
|
+
activeAdapters: [],
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
export const selectedAdapterInitial: UI_I_SelectedAdapter = {
|
|
34
|
+
adapterId: '-1',
|
|
35
|
+
connectedPorts: [],
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
export const selectedSwitchLineYInitial: UI_I_SwitchLine = {
|
|
39
|
+
y1: 0,
|
|
40
|
+
y2: 0,
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
export const NETWORK_POSITIONS: UI_I_NetworkPositionsConst = {
|
|
44
|
+
EMPTY_PORTS_PADDING_BOTTOM: 7.5,
|
|
45
|
+
FROM_VLAN_ID_TO_GROUP_NAME: 22,
|
|
46
|
+
VMS_AND_PORTS_HEIGHT: 22,
|
|
47
|
+
V_CENTER_HEIGHT: 32,
|
|
48
|
+
BETWEEN_VMS_AND_PORTS: 7.5,
|
|
49
|
+
BETWEEN_V_CENTERS: 12.5,
|
|
50
|
+
} as const
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
UI_I_Adapter,
|
|
3
|
-
UI_I_AdapterWithError,
|
|
4
|
-
} from '~/components/common/diagramMain/lib/models/interfaces'
|
|
5
|
-
|
|
6
|
-
export type UI_T_AdapterStatusNames = 'active' | 'standby' | 'unused'
|
|
7
|
-
export type UI_T_PropertiesFieldName = 'vlanId' | 'networkLabel'
|
|
8
|
-
export type UI_T_TrafficShapingFieldName = 'average' | 'peak' | 'burstSize'
|
|
9
|
-
export type UI_T_PortPropertiesFieldName = 'mtu'
|
|
10
|
-
|
|
11
|
-
export type UI_T_LoadBalancingMode =
|
|
12
|
-
| 'inherit'
|
|
13
|
-
| 'active-backup'
|
|
14
|
-
| 'balance-slb'
|
|
15
|
-
| 'balance-tcp'
|
|
16
|
-
export type UI_T_IYN = 'inherit' | 'yes' | 'no'
|
|
17
|
-
export type UI_T_Carier = 'inherit' | 'carier' | 'beakon'
|
|
18
|
-
|
|
19
|
-
export type UI_T_Adapters = (UI_I_Adapter | UI_I_AdapterWithError) & {
|
|
20
|
-
adapterPosition: number
|
|
21
|
-
}
|
|
1
|
+
import type {
|
|
2
|
+
UI_I_Adapter,
|
|
3
|
+
UI_I_AdapterWithError,
|
|
4
|
+
} from '~/components/common/diagramMain/lib/models/interfaces'
|
|
5
|
+
|
|
6
|
+
export type UI_T_AdapterStatusNames = 'active' | 'standby' | 'unused'
|
|
7
|
+
export type UI_T_PropertiesFieldName = 'vlanId' | 'networkLabel'
|
|
8
|
+
export type UI_T_TrafficShapingFieldName = 'average' | 'peak' | 'burstSize'
|
|
9
|
+
export type UI_T_PortPropertiesFieldName = 'mtu'
|
|
10
|
+
|
|
11
|
+
export type UI_T_LoadBalancingMode =
|
|
12
|
+
| 'inherit'
|
|
13
|
+
| 'active-backup'
|
|
14
|
+
| 'balance-slb'
|
|
15
|
+
| 'balance-tcp'
|
|
16
|
+
export type UI_T_IYN = 'inherit' | 'yes' | 'no'
|
|
17
|
+
export type UI_T_Carier = 'inherit' | 'carier' | 'beakon'
|
|
18
|
+
|
|
19
|
+
export type UI_T_Adapters = (UI_I_Adapter | UI_I_AdapterWithError) & {
|
|
20
|
+
adapterPosition: number
|
|
21
|
+
}
|