bfg-common 1.4.881 → 1.4.882
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/localization/local_ru.json +1 -1
- package/components/atoms/collapse/CollapseNav.vue +1 -0
- package/components/atoms/collapse/lib/models/interfaces.ts +1 -0
- package/components/atoms/nav/NavBar.vue +1 -0
- package/components/atoms/tabs/VerticalTabs.vue +105 -93
- package/components/atoms/tabs/lib/models/interfaces.ts +1 -0
- package/components/common/mainNavigationPanel/MainNavigationPanelOld.vue +1 -3
- package/components/common/portlets/customAttributes/Portlet.vue +667 -664
- package/components/common/portlets/tag/Portlet.vue +433 -431
- package/package.json +2 -2
- package/plugins/directives.ts +24 -0
|
@@ -2999,7 +2999,7 @@
|
|
|
2999
2999
|
"removeConfirmationDesc": "Вы уверены, что хотите удалить узел “{node}” из кластера? Для подтверждения введите “{node}” в поле ниже.",
|
|
3000
3000
|
"nodeIPAddress": "IP -адрес узла",
|
|
3001
3001
|
"addNode": "Добавить узел",
|
|
3002
|
-
"hostHelp": "
|
|
3002
|
+
"hostHelp": "Помощь узла",
|
|
3003
3003
|
"hostHelpTooltipContent": "Выберите целевой вычислительный ресурс для этой операции. ",
|
|
3004
3004
|
"selectValidHostComputeResource": "Выберите действительный хост в качестве ресурса вычисления",
|
|
3005
3005
|
"syncData": "Синхронизированные данные",
|
|
@@ -1,93 +1,105 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<nav class="sidenav vertical-groups-sidenav">
|
|
3
|
-
<ul class="sidenav-content">
|
|
4
|
-
<li
|
|
5
|
-
v-for="(item, key) in props.items"
|
|
6
|
-
:id="`${props.testId}-item-${key}`"
|
|
7
|
-
:data-id="item.testId"
|
|
8
|
-
:key="item.value"
|
|
9
|
-
:class="[
|
|
10
|
-
'vertical-nav-link group-nav-link',
|
|
11
|
-
{ active: item.value === props.modelValue },
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
</
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
(event: '
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
:
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
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
|
-
color: var(--
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
1
|
+
<template>
|
|
2
|
+
<nav class="sidenav vertical-groups-sidenav">
|
|
3
|
+
<ul class="sidenav-content">
|
|
4
|
+
<li
|
|
5
|
+
v-for="(item, key) in props.items"
|
|
6
|
+
:id="`${props.testId}-item-${key}`"
|
|
7
|
+
:data-id="item.testId"
|
|
8
|
+
:key="item.value"
|
|
9
|
+
:class="[
|
|
10
|
+
'vertical-nav-link group-nav-link',
|
|
11
|
+
{ active: item.value === props.modelValue },
|
|
12
|
+
{ disabled: item.disabled },
|
|
13
|
+
]"
|
|
14
|
+
:title="item.title || item.text"
|
|
15
|
+
@click="selectItem(item)"
|
|
16
|
+
>
|
|
17
|
+
{{ item.text }}
|
|
18
|
+
</li>
|
|
19
|
+
</ul>
|
|
20
|
+
</nav>
|
|
21
|
+
</template>
|
|
22
|
+
<script setup lang="ts">
|
|
23
|
+
import type { UI_I_VerticalTabs } from '~/components/atoms/tabs/lib/models/interfaces'
|
|
24
|
+
|
|
25
|
+
const props = withDefaults(
|
|
26
|
+
defineProps<{
|
|
27
|
+
modelValue: string | number
|
|
28
|
+
items: UI_I_VerticalTabs[]
|
|
29
|
+
hasErrorMessages?: number | boolean
|
|
30
|
+
testId?: string
|
|
31
|
+
}>(),
|
|
32
|
+
{ testId: 'ui-vertical-tabs' }
|
|
33
|
+
)
|
|
34
|
+
|
|
35
|
+
const emits = defineEmits<{
|
|
36
|
+
(event: 'update:model-value', value: string): void
|
|
37
|
+
(event: 'set-alert'): void
|
|
38
|
+
}>()
|
|
39
|
+
|
|
40
|
+
const selectItem = ({
|
|
41
|
+
value,
|
|
42
|
+
disabled,
|
|
43
|
+
}: {
|
|
44
|
+
value: string
|
|
45
|
+
disabled: boolean
|
|
46
|
+
}): void => {
|
|
47
|
+
if (disabled) return
|
|
48
|
+
if (
|
|
49
|
+
props.hasErrorMessages === undefined ||
|
|
50
|
+
props.hasErrorMessages === 0 ||
|
|
51
|
+
props.hasErrorMessages === false
|
|
52
|
+
) {
|
|
53
|
+
emits('update:model-value', value)
|
|
54
|
+
return
|
|
55
|
+
}
|
|
56
|
+
emits('set-alert')
|
|
57
|
+
}
|
|
58
|
+
</script>
|
|
59
|
+
|
|
60
|
+
<style>
|
|
61
|
+
:root {
|
|
62
|
+
--vertical-tabs-nav-link: --grey-100;
|
|
63
|
+
--vertical-tabs-bg-color: #fafafa;
|
|
64
|
+
}
|
|
65
|
+
:root.dark-theme {
|
|
66
|
+
--vertical-tabs-nav-link: #ffffff;
|
|
67
|
+
--vertical-tabs-bg-color: transparent;
|
|
68
|
+
}
|
|
69
|
+
</style>
|
|
70
|
+
<style lang="scss" scoped>
|
|
71
|
+
.vertical-groups-sidenav {
|
|
72
|
+
min-height: 94%;
|
|
73
|
+
background-color: var(--vertical-tabs-bg-color);
|
|
74
|
+
|
|
75
|
+
.vertical-nav-link {
|
|
76
|
+
display: inline-block;
|
|
77
|
+
width: 100%;
|
|
78
|
+
margin-top: 5px;
|
|
79
|
+
padding-left: 12px;
|
|
80
|
+
color: var(--vertical-tabs-nav-link);
|
|
81
|
+
border-bottom: 1px solid transparent;
|
|
82
|
+
text-decoration: none;
|
|
83
|
+
font-size: 14px;
|
|
84
|
+
cursor: pointer;
|
|
85
|
+
border-radius: 2.5px 0 0 2.5px;
|
|
86
|
+
|
|
87
|
+
&.active {
|
|
88
|
+
color: var(--vertical-nav-active-item-color);
|
|
89
|
+
background: var(--vertical-nav-active-bg-color);
|
|
90
|
+
border-bottom: 1px solid transparent;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
&.disabled {
|
|
94
|
+
cursor: not-allowed;
|
|
95
|
+
opacity: 0.6;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
&:hover:not(.active) {
|
|
99
|
+
background: var(--vertical-nav-hover-bg-color);
|
|
100
|
+
color: var(--blue-950);
|
|
101
|
+
border-bottom: 1px solid #666;
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
</style>
|