bfg-common 1.0.52 → 1.0.53
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_be.json +1 -1
- package/assets/localization/local_en.json +1 -1
- package/assets/localization/local_hy.json +1 -1
- package/assets/localization/local_kk.json +1 -1
- package/assets/localization/local_ru.json +1 -1
- package/assets/localization/local_zh.json +1 -1
- package/components/atoms/alert/Notification.vue +167 -167
- package/components/atoms/autocomplete/Autocomplete.vue +236 -236
- package/components/atoms/datepicker/Datepicker.vue +612 -612
- package/components/atoms/list/SelectList.vue +62 -62
- package/components/atoms/modal/bySteps/BySteps.vue +234 -234
- package/components/atoms/nav/NavBar.vue +116 -116
- package/components/atoms/nav/VerticalNavBar.vue +89 -89
- package/components/atoms/notificationBar/NotificationBar.vue +174 -174
- package/components/atoms/perPage/PerPage.vue +52 -52
- package/components/atoms/popup/SimplePopup.vue +90 -90
- package/components/atoms/step/VerticalStep.vue +104 -104
- package/components/atoms/switch/Switch.vue +107 -107
- package/components/atoms/table/dataGrid/DataGrid.vue +40 -17
- package/components/atoms/table/dataGrid/DataGridColumnSwitch.vue +204 -204
- package/components/atoms/table/dataGrid/DataGridPage.vue +189 -189
- package/components/atoms/table/dataGrid/DataGridPagination.vue +83 -83
- package/components/atoms/tabs/Tabs.vue +189 -189
- package/components/atoms/tooltip/Signpost.vue +224 -224
- package/components/common/accordion/Accordion.vue +3 -13
- package/components/common/accordion/Recursion.vue +16 -23
- package/components/common/accordion/models/interfaces.ts +0 -1
- package/components/common/adapterManager/AddAdapterWarningModal.vue +82 -82
- package/components/common/adapterManager/NoActiveAdaptersModal.vue +62 -62
- package/components/common/adapterManager/NoConnectedActiveAdaptersModal.vue +62 -62
- package/components/common/browse/Browse.vue +182 -182
- package/components/common/browse/blocks/Title.vue +66 -66
- package/components/common/diagramMain/adapter/AdapterItem.vue +227 -227
- package/components/common/diagramMain/adapter/AdapterItems.vue +57 -57
- package/components/common/diagramMain/modals/editSettings/tabs/port/IpvFourSettings.vue +339 -339
- package/components/common/diagramMain/modals/editSettings/tabs/port/PortProperties.vue +202 -202
- package/components/common/diagramMain/modals/remove/RemoveModal.vue +226 -226
- package/components/common/diagramMain/modals/viewSettings/Info.vue +94 -94
- package/components/common/diagramMain/network/Contents.vue +238 -238
- package/components/common/feedback/Buttons.vue +232 -232
- package/components/common/feedback/Message.vue +468 -468
- package/components/common/feedback/VisitPortal.vue +54 -54
- package/components/common/mainNavigationPanel/MainNavigationPanel.vue +359 -359
- package/components/common/modals/Rename.vue +165 -165
- package/components/common/perPage/PerPage.vue +51 -51
- package/components/common/recursionTree/RecursionTree.vue +201 -201
- package/components/common/wizards/datastore/add/nfs/configuration/Configuration.vue +373 -373
- package/components/common/wizards/datastore/add/nfs/configuration/serversList/ServersList.vue +123 -123
- package/components/common/wizards/datastore/add/nfs/kerberosAuthentication/KerberosAuthentication.vue +54 -54
- package/components/common/wizards/datastore/add/sharedStorm/deviceSelection/hostTable/HostTable.vue +131 -131
- package/components/common/wizards/datastore/add/sharedStorm/partitionConfiguration/PartitionConfiguration.vue +230 -230
- package/models/store/storage/interfaces.ts +32 -32
- package/package.json +1 -1
- package/public/spice-console/application/codec.js +257 -257
- package/public/spice-console/lib/rasterEngine.js +907 -907
- package/public/spice-console/network/spicechannel.js +369 -369
- package/public/spice-console-minify/lib/decoder/dixie.min.js +4 -4
- package/public/spice-console-minify/lib/jgestures.min.js +24 -24
- package/public/spice-console-minify/lib/jquery-2.0.3.min.js +24 -24
- package/public/spice-console-minify/lib/jquery-mousewheel.min.js +11 -11
- package/public/spice-console-minify/lib/jquery-visibility.min.js +1 -1
- package/public/spice-console-minify/lib/lodash.4.0.0.min.js +5 -5
- package/components/common/accordion/utils/accordion.ts +0 -31
|
@@ -1782,7 +1782,7 @@
|
|
|
1782
1782
|
"vmfsVersionDesc2": "VMFS 5 забяспечвае падтрымку LUN 2 ТБ.",
|
|
1783
1783
|
"vmHardware": "Абсталяванне VM",
|
|
1784
1784
|
"vMIsSuccessfullyStarted": "Віртуальная машына паспяхова запушчана з назвай разгортвання:",
|
|
1785
|
-
"
|
|
1785
|
+
"vMkernelAdapters": "Адаптары VMkernel",
|
|
1786
1786
|
"vmKernelGateway": "Шлюз VMkernel",
|
|
1787
1787
|
"vmKernelNetworkAdapter": "Сеткавы адаптар VMkernel",
|
|
1788
1788
|
"vmKernelPortSettings": "Налады порта VMkernel",
|
|
@@ -1782,7 +1782,7 @@
|
|
|
1782
1782
|
"vmfsVersionDesc2": "VMFS 5 enables 2+TB LUN support.",
|
|
1783
1783
|
"vmHardware": "VM Hardware",
|
|
1784
1784
|
"vMIsSuccessfullyStarted": "VM is successfully started with Deployment Name:",
|
|
1785
|
-
"
|
|
1785
|
+
"vMkernelAdapters": "VMkernel adapters",
|
|
1786
1786
|
"vmKernelGateway": "VMkernel gateway",
|
|
1787
1787
|
"vmKernelNetworkAdapter": "VMkernel Network Adapter",
|
|
1788
1788
|
"vmKernelPortSettings": "VMkernel port settings",
|
|
@@ -1782,7 +1782,7 @@
|
|
|
1782
1782
|
"vmfsVersionDesc2": "VMFS 5-ը հնարավորություն է տալիս 2 TB LUN աջակցություն:",
|
|
1783
1783
|
"vmHardware": "Սարքավորումների անվտանգ ՎՄ",
|
|
1784
1784
|
"vMIsSuccessfullyStarted": "VM-ը հաջողությամբ գործարկվել է տեղակայման անունով.",
|
|
1785
|
-
"
|
|
1785
|
+
"vMkernelAdapters": "VMkernel ադապտերներ",
|
|
1786
1786
|
"vmKernelGateway": "Դարպաս VMkernel",
|
|
1787
1787
|
"vmKernelNetworkAdapter": "VMkernel ցանցային ադապտեր",
|
|
1788
1788
|
"vmKernelPortSettings": "VMkernel պորտի կարգավորումներ",
|
|
@@ -1782,7 +1782,7 @@
|
|
|
1782
1782
|
"vmfsVersionDesc2": "VMFS 5 2 ТБ LUN қолдауын қосады.",
|
|
1783
1783
|
"vmHardware": "Аппараттық қауіпсіз VM",
|
|
1784
1784
|
"vMIsSuccessfullyStarted": "VM орналастыру атымен сәтті іске қосылды:",
|
|
1785
|
-
"
|
|
1785
|
+
"vMkernelAdapters": "VMkernel адаптерлері",
|
|
1786
1786
|
"vmKernelGateway": "VMkernel Шлюзі",
|
|
1787
1787
|
"vmKernelNetworkAdapter": "VMkernel MeshAdapter",
|
|
1788
1788
|
"vmKernelPortSettings": "VMkernel порт параметрлері",
|
|
@@ -1782,7 +1782,7 @@
|
|
|
1782
1782
|
"vmfsVersionDesc2": "VMFS 5 обеспечивает поддержку LUN объемом 2+ ТБ.",
|
|
1783
1783
|
"vmHardware": "Аппаратное обеспечение ВМ",
|
|
1784
1784
|
"vMIsSuccessfullyStarted": "ВМ успешно запущена с именем развертывания:",
|
|
1785
|
-
"
|
|
1785
|
+
"vMkernelAdapters": "Адаптеры VMkernel",
|
|
1786
1786
|
"vmKernelGateway": "Шлюз VMkernel",
|
|
1787
1787
|
"vmKernelNetworkAdapter": "Сетевой адаптер VMkernel",
|
|
1788
1788
|
"vmKernelPortSettings": "Настройки портов ядра VMkernel",
|
|
@@ -1782,7 +1782,7 @@
|
|
|
1782
1782
|
"vmfsVersionDesc2": "VMFS 5 支持 2 TB LUN。",
|
|
1783
1783
|
"vmHardware": "虚拟机硬件",
|
|
1784
1784
|
"vMIsSuccessfullyStarted": "虛擬機已成功啟動,部署名稱:",
|
|
1785
|
-
"
|
|
1785
|
+
"vMkernelAdapters": "VMkernel 适配器",
|
|
1786
1786
|
"vmKernelGateway": "VMkernel网关",
|
|
1787
1787
|
"vmKernelNetworkAdapter": "VMkernel 网络适配器",
|
|
1788
1788
|
"vmKernelPortSettings": "虚拟内核端口设置",
|
|
@@ -1,167 +1,167 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div class="notification">
|
|
3
|
-
<div
|
|
4
|
-
class="notification-container-wrap animation"
|
|
5
|
-
:class="{ active: isActive }"
|
|
6
|
-
>
|
|
7
|
-
<div class="notification-container">
|
|
8
|
-
<div v-show="props.show" class="toast">
|
|
9
|
-
<atoms-the-icon
|
|
10
|
-
class="toast-icon"
|
|
11
|
-
:class="iconName !== 'info' && 'with'"
|
|
12
|
-
:name="iconName"
|
|
13
|
-
/>
|
|
14
|
-
<div class="toast-content">
|
|
15
|
-
<div class="flex-align-center flex-space-between">
|
|
16
|
-
<h4>{{ props.title }}</h4>
|
|
17
|
-
<button
|
|
18
|
-
:id="`${props.testId}-close-button`"
|
|
19
|
-
:title="localization.closeNotification"
|
|
20
|
-
@click="hide"
|
|
21
|
-
>
|
|
22
|
-
<atoms-the-icon name="close" />
|
|
23
|
-
</button>
|
|
24
|
-
</div>
|
|
25
|
-
<div class="description">
|
|
26
|
-
<slot>
|
|
27
|
-
<p class="pre-line">{{ props.description }}</p>
|
|
28
|
-
</slot>
|
|
29
|
-
</div>
|
|
30
|
-
</div>
|
|
31
|
-
</div>
|
|
32
|
-
</div>
|
|
33
|
-
</div>
|
|
34
|
-
</div>
|
|
35
|
-
</template>
|
|
36
|
-
|
|
37
|
-
<script setup lang="ts">
|
|
38
|
-
import { UI_I_Localization } from '~/models/interfaces'
|
|
39
|
-
import { UI_E_IconsByStatusNotification } from '~/components/atoms/alert/models/enums'
|
|
40
|
-
import { UI_T_Status } from '~/components/atoms/alert/models/types'
|
|
41
|
-
|
|
42
|
-
const props = withDefaults(
|
|
43
|
-
defineProps<{
|
|
44
|
-
testId?: string
|
|
45
|
-
status: UI_T_Status
|
|
46
|
-
id: number
|
|
47
|
-
show: boolean
|
|
48
|
-
title: string
|
|
49
|
-
description: string
|
|
50
|
-
}>(),
|
|
51
|
-
{ testId: 'ui-notification' }
|
|
52
|
-
)
|
|
53
|
-
const emits = defineEmits<{
|
|
54
|
-
(event: 'hide', value: number): void
|
|
55
|
-
}>()
|
|
56
|
-
|
|
57
|
-
const localization = computed<UI_I_Localization>(() => useLocal())
|
|
58
|
-
const hide = () => {
|
|
59
|
-
isActive.value = false
|
|
60
|
-
|
|
61
|
-
setTimeout(() => {
|
|
62
|
-
emits('hide', props.id)
|
|
63
|
-
}, 200)
|
|
64
|
-
}
|
|
65
|
-
const isActive = ref<boolean>(false)
|
|
66
|
-
|
|
67
|
-
const iconName = computed<string>(
|
|
68
|
-
() => UI_E_IconsByStatusNotification[props.status]
|
|
69
|
-
)
|
|
70
|
-
|
|
71
|
-
setTimeout(() => {
|
|
72
|
-
isActive.value = true
|
|
73
|
-
}, 1000)
|
|
74
|
-
</script>
|
|
75
|
-
|
|
76
|
-
<style scoped lang="scss">
|
|
77
|
-
@import '~/assets/scss/common/mixins.scss';
|
|
78
|
-
|
|
79
|
-
.notification {
|
|
80
|
-
.notification-container-wrap {
|
|
81
|
-
display: block;
|
|
82
|
-
margin-top: 10px;
|
|
83
|
-
width: 414px;
|
|
84
|
-
position: relative;
|
|
85
|
-
right: -600px;
|
|
86
|
-
opacity: 0;
|
|
87
|
-
|
|
88
|
-
&.active {
|
|
89
|
-
right: 0;
|
|
90
|
-
opacity: 1;
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
.notification-container {
|
|
94
|
-
@include flex($dir: column, $just: flex-end);
|
|
95
|
-
margin-right: 0;
|
|
96
|
-
|
|
97
|
-
.toast {
|
|
98
|
-
@include flex($dir: row);
|
|
99
|
-
background-color: #25333d;
|
|
100
|
-
border-radius: 3px;
|
|
101
|
-
box-shadow: 0 2px 10px rgb(0 0 0 / 40%);
|
|
102
|
-
margin: 0;
|
|
103
|
-
padding: 12px;
|
|
104
|
-
transform: scale(1);
|
|
105
|
-
transform-origin: 100% 0;
|
|
106
|
-
width: 100%;
|
|
107
|
-
|
|
108
|
-
.toast-icon {
|
|
109
|
-
width: 36px;
|
|
110
|
-
height: 36px;
|
|
111
|
-
&.with {
|
|
112
|
-
width: 26px;
|
|
113
|
-
height: 26px;
|
|
114
|
-
}
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
.toast-content {
|
|
118
|
-
padding-left: 12px;
|
|
119
|
-
width: 100%;
|
|
120
|
-
|
|
121
|
-
h4 {
|
|
122
|
-
color: #e9ecef;
|
|
123
|
-
font-size: 14px;
|
|
124
|
-
font-weight: 500;
|
|
125
|
-
line-height: 24px;
|
|
126
|
-
margin-top: 0;
|
|
127
|
-
max-width: 240px;
|
|
128
|
-
overflow: hidden;
|
|
129
|
-
text-overflow: ellipsis;
|
|
130
|
-
white-space: nowrap;
|
|
131
|
-
}
|
|
132
|
-
|
|
133
|
-
button {
|
|
134
|
-
background: transparent;
|
|
135
|
-
border: none;
|
|
136
|
-
border-radius: 100%;
|
|
137
|
-
cursor: pointer;
|
|
138
|
-
display: inline-block;
|
|
139
|
-
height: 30px;
|
|
140
|
-
position: absolute;
|
|
141
|
-
right: 8px;
|
|
142
|
-
top: 8px;
|
|
143
|
-
width: 30px;
|
|
144
|
-
|
|
145
|
-
svg {
|
|
146
|
-
width: 16px;
|
|
147
|
-
height: 16px;
|
|
148
|
-
fill: #adbbc4;
|
|
149
|
-
margin-left: 1px;
|
|
150
|
-
margin-top: -8px;
|
|
151
|
-
}
|
|
152
|
-
}
|
|
153
|
-
|
|
154
|
-
.description {
|
|
155
|
-
max-height: 60vh;
|
|
156
|
-
overflow: auto;
|
|
157
|
-
|
|
158
|
-
p {
|
|
159
|
-
color: var(--global-font-color6);
|
|
160
|
-
}
|
|
161
|
-
}
|
|
162
|
-
}
|
|
163
|
-
}
|
|
164
|
-
}
|
|
165
|
-
}
|
|
166
|
-
}
|
|
167
|
-
</style>
|
|
1
|
+
<template>
|
|
2
|
+
<div class="notification">
|
|
3
|
+
<div
|
|
4
|
+
class="notification-container-wrap animation"
|
|
5
|
+
:class="{ active: isActive }"
|
|
6
|
+
>
|
|
7
|
+
<div class="notification-container">
|
|
8
|
+
<div v-show="props.show" class="toast">
|
|
9
|
+
<atoms-the-icon
|
|
10
|
+
class="toast-icon"
|
|
11
|
+
:class="iconName !== 'info' && 'with'"
|
|
12
|
+
:name="iconName"
|
|
13
|
+
/>
|
|
14
|
+
<div class="toast-content">
|
|
15
|
+
<div class="flex-align-center flex-space-between">
|
|
16
|
+
<h4>{{ props.title }}</h4>
|
|
17
|
+
<button
|
|
18
|
+
:id="`${props.testId}-close-button`"
|
|
19
|
+
:title="localization.closeNotification"
|
|
20
|
+
@click="hide"
|
|
21
|
+
>
|
|
22
|
+
<atoms-the-icon name="close" />
|
|
23
|
+
</button>
|
|
24
|
+
</div>
|
|
25
|
+
<div class="description">
|
|
26
|
+
<slot>
|
|
27
|
+
<p class="pre-line">{{ props.description }}</p>
|
|
28
|
+
</slot>
|
|
29
|
+
</div>
|
|
30
|
+
</div>
|
|
31
|
+
</div>
|
|
32
|
+
</div>
|
|
33
|
+
</div>
|
|
34
|
+
</div>
|
|
35
|
+
</template>
|
|
36
|
+
|
|
37
|
+
<script setup lang="ts">
|
|
38
|
+
import { UI_I_Localization } from '~/models/interfaces'
|
|
39
|
+
import { UI_E_IconsByStatusNotification } from '~/components/atoms/alert/models/enums'
|
|
40
|
+
import { UI_T_Status } from '~/components/atoms/alert/models/types'
|
|
41
|
+
|
|
42
|
+
const props = withDefaults(
|
|
43
|
+
defineProps<{
|
|
44
|
+
testId?: string
|
|
45
|
+
status: UI_T_Status
|
|
46
|
+
id: number
|
|
47
|
+
show: boolean
|
|
48
|
+
title: string
|
|
49
|
+
description: string
|
|
50
|
+
}>(),
|
|
51
|
+
{ testId: 'ui-notification' }
|
|
52
|
+
)
|
|
53
|
+
const emits = defineEmits<{
|
|
54
|
+
(event: 'hide', value: number): void
|
|
55
|
+
}>()
|
|
56
|
+
|
|
57
|
+
const localization = computed<UI_I_Localization>(() => useLocal())
|
|
58
|
+
const hide = () => {
|
|
59
|
+
isActive.value = false
|
|
60
|
+
|
|
61
|
+
setTimeout(() => {
|
|
62
|
+
emits('hide', props.id)
|
|
63
|
+
}, 200)
|
|
64
|
+
}
|
|
65
|
+
const isActive = ref<boolean>(false)
|
|
66
|
+
|
|
67
|
+
const iconName = computed<string>(
|
|
68
|
+
() => UI_E_IconsByStatusNotification[props.status]
|
|
69
|
+
)
|
|
70
|
+
|
|
71
|
+
setTimeout(() => {
|
|
72
|
+
isActive.value = true
|
|
73
|
+
}, 1000)
|
|
74
|
+
</script>
|
|
75
|
+
|
|
76
|
+
<style scoped lang="scss">
|
|
77
|
+
@import '~/assets/scss/common/mixins.scss';
|
|
78
|
+
|
|
79
|
+
.notification {
|
|
80
|
+
.notification-container-wrap {
|
|
81
|
+
display: block;
|
|
82
|
+
margin-top: 10px;
|
|
83
|
+
width: 414px;
|
|
84
|
+
position: relative;
|
|
85
|
+
right: -600px;
|
|
86
|
+
opacity: 0;
|
|
87
|
+
|
|
88
|
+
&.active {
|
|
89
|
+
right: 0;
|
|
90
|
+
opacity: 1;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
.notification-container {
|
|
94
|
+
@include flex($dir: column, $just: flex-end);
|
|
95
|
+
margin-right: 0;
|
|
96
|
+
|
|
97
|
+
.toast {
|
|
98
|
+
@include flex($dir: row);
|
|
99
|
+
background-color: #25333d;
|
|
100
|
+
border-radius: 3px;
|
|
101
|
+
box-shadow: 0 2px 10px rgb(0 0 0 / 40%);
|
|
102
|
+
margin: 0;
|
|
103
|
+
padding: 12px;
|
|
104
|
+
transform: scale(1);
|
|
105
|
+
transform-origin: 100% 0;
|
|
106
|
+
width: 100%;
|
|
107
|
+
|
|
108
|
+
.toast-icon {
|
|
109
|
+
width: 36px;
|
|
110
|
+
height: 36px;
|
|
111
|
+
&.with {
|
|
112
|
+
width: 26px;
|
|
113
|
+
height: 26px;
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
.toast-content {
|
|
118
|
+
padding-left: 12px;
|
|
119
|
+
width: 100%;
|
|
120
|
+
|
|
121
|
+
h4 {
|
|
122
|
+
color: #e9ecef;
|
|
123
|
+
font-size: 14px;
|
|
124
|
+
font-weight: 500;
|
|
125
|
+
line-height: 24px;
|
|
126
|
+
margin-top: 0;
|
|
127
|
+
max-width: 240px;
|
|
128
|
+
overflow: hidden;
|
|
129
|
+
text-overflow: ellipsis;
|
|
130
|
+
white-space: nowrap;
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
button {
|
|
134
|
+
background: transparent;
|
|
135
|
+
border: none;
|
|
136
|
+
border-radius: 100%;
|
|
137
|
+
cursor: pointer;
|
|
138
|
+
display: inline-block;
|
|
139
|
+
height: 30px;
|
|
140
|
+
position: absolute;
|
|
141
|
+
right: 8px;
|
|
142
|
+
top: 8px;
|
|
143
|
+
width: 30px;
|
|
144
|
+
|
|
145
|
+
svg {
|
|
146
|
+
width: 16px;
|
|
147
|
+
height: 16px;
|
|
148
|
+
fill: #adbbc4;
|
|
149
|
+
margin-left: 1px;
|
|
150
|
+
margin-top: -8px;
|
|
151
|
+
}
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
.description {
|
|
155
|
+
max-height: 60vh;
|
|
156
|
+
overflow: auto;
|
|
157
|
+
|
|
158
|
+
p {
|
|
159
|
+
color: var(--global-font-color6);
|
|
160
|
+
}
|
|
161
|
+
}
|
|
162
|
+
}
|
|
163
|
+
}
|
|
164
|
+
}
|
|
165
|
+
}
|
|
166
|
+
}
|
|
167
|
+
</style>
|