bfg-common 1.5.714 → 1.5.715
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/components/common/layout/theHeader/TheHeader.vue +37 -51
- package/components/common/layout/theHeader/TheHeaderNew.vue +9 -19
- package/components/common/layout/theHeader/TheHeaderOld.vue +9 -19
- package/components/common/layout/theHeader/userMenu/UserMenu.vue +9 -19
- package/components/common/layout/theHeader/userMenu/modals/preferences/Preferences.vue +13 -28
- package/components/common/layout/theHeader/userMenu/modals/preferences/PreferencesNew.vue +8 -16
- package/components/common/layout/theHeader/userMenu/modals/preferences/PreferencesOld.vue +8 -16
- package/components/common/layout/theHeader/userMenu/modals/preferences/changeLanguage/ChangeLanguage.vue +10 -4
- package/components/common/layout/theHeader/userMenu/modals/preferences/changeLanguage/New.vue +5 -28
- package/components/common/layout/theHeader/userMenu/modals/preferences/changeLanguage/Old.vue +5 -28
- package/components/common/layout/theHeader/userMenu/modals/preferences/defaultConsole/DefaultConsole.vue +1 -14
- package/components/common/layout/theHeader/userMenu/modals/preferences/inventory/Inventory.vue +1 -14
- package/components/common/layout/theHeader/userMenu/modals/preferences/timeFormat/TimeFormat.vue +2 -15
- package/components/common/layout/theHeader/userMenu/modals/preferences/view/View.vue +2 -15
- package/components/common/pages/backups/modals/createBackup/configuration/backupWindow/BackupWindow.vue +29 -29
- package/components/common/pages/backups/modals/createBackup/configuration/maxBandwidth/MaxBandwidth.vue +69 -69
- package/components/common/pages/backups/modals/createBackup/configuration/maxBandwidth/lib/config/options.ts +6 -6
- package/components/common/pages/backups/modals/createBackup/configuration/strategy/Strategy.vue +38 -38
- package/components/common/pages/backups/modals/createBackup/lib/models/interfaces.ts +8 -8
- package/components/common/selectLanguage/SelectLanguage.vue +5 -5
- package/package.json +1 -1
|
@@ -2,6 +2,10 @@
|
|
|
2
2
|
<common-layout-the-header-new
|
|
3
3
|
v-if="props.newView"
|
|
4
4
|
v-model:security="security"
|
|
5
|
+
v-model:new-view-local="newViewLocal"
|
|
6
|
+
v-model:time-format="timeFormat"
|
|
7
|
+
v-model:console-value="consoleValue"
|
|
8
|
+
v-model:vm-in-hosts-clusters="vmInHostsClusters"
|
|
5
9
|
:is-show-main-menu="props.isShowMainMenu"
|
|
6
10
|
:company-name="props.companyName"
|
|
7
11
|
:beta-text="props.betaText"
|
|
@@ -12,12 +16,8 @@
|
|
|
12
16
|
:selected-language-type="props.selectedLanguageType"
|
|
13
17
|
:selected-lang="props.selectedLang"
|
|
14
18
|
:new-view="props.newView"
|
|
15
|
-
:new-view-local="props.newViewLocal"
|
|
16
|
-
:time-format="props.timeFormat"
|
|
17
19
|
:project="props.project"
|
|
18
20
|
:is-dark-theme="props.isDarkTheme"
|
|
19
|
-
:remote-console="props.remoteConsole"
|
|
20
|
-
:vm-cluster="props.vmCluster"
|
|
21
21
|
:security-loader="props.securityLoader"
|
|
22
22
|
:recovery="props.recovery"
|
|
23
23
|
@toggle-main-menu="emits('toggle-main-menu')"
|
|
@@ -25,19 +25,19 @@
|
|
|
25
25
|
@reset-preference="emits('reset-preference')"
|
|
26
26
|
@hide-preference="emits('hide-preference')"
|
|
27
27
|
@global-refresh="emits('global-refresh')"
|
|
28
|
-
@update-time-format="emits('update-time-format', $event)"
|
|
29
28
|
@change-theme-mode="emits('change-theme-mode')"
|
|
30
29
|
@update-language="emits('update-language', $event)"
|
|
31
30
|
@update-is-browser="emits('update-is-browser', $event)"
|
|
32
|
-
@update-is-new-view="emits('update-is-new-view', $event)"
|
|
33
|
-
@update-remote-console="emits('update-remote-console', $event)"
|
|
34
|
-
@update-vm-clusters="emits('update-vm-clusters', $event)"
|
|
35
31
|
@security-confirm="emits('security-confirm', $event)"
|
|
36
32
|
@submit-preferences="emits('submit-preferences')"
|
|
37
33
|
/>
|
|
38
34
|
<common-layout-the-header-old
|
|
39
35
|
v-else
|
|
40
36
|
v-model:security="security"
|
|
37
|
+
v-model:new-view-local="newViewLocal"
|
|
38
|
+
v-model:time-format="timeFormat"
|
|
39
|
+
v-model:console-value="consoleValue"
|
|
40
|
+
v-model:vm-in-hosts-clusters="vmInHostsClusters"
|
|
41
41
|
:company-name="props.companyName"
|
|
42
42
|
:beta-text="props.betaText"
|
|
43
43
|
:global-refresh-loading="props.globalRefreshLoading"
|
|
@@ -47,24 +47,16 @@
|
|
|
47
47
|
:selected-language-type="props.selectedLanguageType"
|
|
48
48
|
:selected-lang="props.selectedLang"
|
|
49
49
|
:new-view="props.newView"
|
|
50
|
-
:new-view-local="props.newViewLocal"
|
|
51
|
-
:time-format="props.timeFormat"
|
|
52
50
|
:project="props.project"
|
|
53
|
-
:remote-console="props.remoteConsole"
|
|
54
|
-
:vm-cluster="props.vmCluster"
|
|
55
51
|
:security-loader="props.securityLoader"
|
|
56
52
|
:recovery="props.recovery"
|
|
57
53
|
@toggle-main-menu="emits('toggle-main-menu')"
|
|
58
54
|
@show-preference="emits('show-preference')"
|
|
59
55
|
@hide-preference="emits('hide-preference')"
|
|
60
56
|
@global-refresh="emits('global-refresh')"
|
|
61
|
-
@update-time-format="emits('update-time-format', $event)"
|
|
62
57
|
@change-theme-mode="emits('change-theme-mode')"
|
|
63
58
|
@update-language="emits('update-language', $event)"
|
|
64
59
|
@update-is-browser="emits('update-is-browser', $event)"
|
|
65
|
-
@update-is-new-view="emits('update-is-new-view', $event)"
|
|
66
|
-
@update-remote-console="emits('update-remote-console', $event)"
|
|
67
|
-
@update-vm-clusters="emits('update-vm-clusters', $event)"
|
|
68
60
|
@security-confirm="emits('security-confirm', $event)"
|
|
69
61
|
@submit-preferences="emits('submit-preferences')"
|
|
70
62
|
/>
|
|
@@ -77,42 +69,40 @@
|
|
|
77
69
|
import type { UI_I_Dropdown } from '~/node_modules/bfg-uikit/components/ui/dropdown/models/interfaces'
|
|
78
70
|
import type { UI_T_Project } from '~/lib/models/types'
|
|
79
71
|
import type { UI_T_TimeValue } from '~/components/common/layout/theHeader/userMenu/modals/preferences/timeFormat/lib/models/types'
|
|
80
|
-
import type {
|
|
81
|
-
UI_I_Recovery
|
|
82
|
-
} from "~/components/common/layout/theHeader/userMenu/modals/preferences/security/lib/models/interfaces";
|
|
72
|
+
import type { UI_I_Recovery } from '~/components/common/layout/theHeader/userMenu/modals/preferences/security/lib/models/interfaces'
|
|
83
73
|
import { checkIsTokenExpired } from '~/lib/utils/token'
|
|
84
74
|
|
|
85
75
|
const security = defineModel<boolean>('security')
|
|
76
|
+
const newViewLocal = defineModel<boolean>('newViewLocal')
|
|
77
|
+
const timeFormat = defineModel<UI_T_TimeValue>('timeFormat')
|
|
78
|
+
const consoleValue = defineModel<string>('consoleValue')
|
|
79
|
+
const vmInHostsClusters = defineModel<boolean>('vmInHostsClusters')
|
|
86
80
|
|
|
87
81
|
const props = withDefaults(
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
{
|
|
113
|
-
securityLoader: false,
|
|
114
|
-
recovery: null
|
|
115
|
-
}
|
|
82
|
+
defineProps<{
|
|
83
|
+
isShowMainMenu: boolean
|
|
84
|
+
companyName: string
|
|
85
|
+
betaText: string
|
|
86
|
+
globalRefreshLoading: boolean
|
|
87
|
+
project: UI_T_Project
|
|
88
|
+
projectName: string
|
|
89
|
+
hostname: string
|
|
90
|
+
isPreference: boolean
|
|
91
|
+
selectedLanguageType: string
|
|
92
|
+
selectedLang: UI_I_Dropdown
|
|
93
|
+
newView: boolean
|
|
94
|
+
isDarkTheme: boolean
|
|
95
|
+
isPauseReconnect: boolean
|
|
96
|
+
expireTimeFromState: number
|
|
97
|
+
isShowReconnectModal: boolean
|
|
98
|
+
isShowRedirectLoginModal: boolean
|
|
99
|
+
securityLoader?: boolean // для Сферы
|
|
100
|
+
recovery?: UI_I_Recovery | null // для Сферы
|
|
101
|
+
}>(),
|
|
102
|
+
{
|
|
103
|
+
securityLoader: false,
|
|
104
|
+
recovery: null,
|
|
105
|
+
}
|
|
116
106
|
)
|
|
117
107
|
|
|
118
108
|
const emits = defineEmits<{
|
|
@@ -122,12 +112,8 @@ const emits = defineEmits<{
|
|
|
122
112
|
(event: 'reset-preference'): void
|
|
123
113
|
(event: 'hide-preference'): void
|
|
124
114
|
(event: 'change-theme-mode'): void
|
|
125
|
-
(event: 'update-time-format', value: UI_T_TimeValue): void
|
|
126
115
|
(event: 'update-language', value: UI_I_Dropdown): void
|
|
127
116
|
(event: 'update-is-browser', value: string): void
|
|
128
|
-
(event: 'update-is-new-view', value: boolean): void
|
|
129
|
-
(event: 'update-remote-console', value: string): void
|
|
130
|
-
(event: 'update-vm-clusters', value: boolean): void
|
|
131
117
|
(event: 'security-confirm', value: boolean): void
|
|
132
118
|
(event: 'submit-preferences'): void
|
|
133
119
|
(event: 'show-redirect-login-modal', value: boolean): void
|
|
@@ -102,28 +102,24 @@
|
|
|
102
102
|
<div class="container-content user-menu-container">
|
|
103
103
|
<common-layout-the-header-user-menu
|
|
104
104
|
v-model:security="security"
|
|
105
|
+
v-model:new-view-local="newViewLocal"
|
|
106
|
+
v-model:time-format="timeFormat"
|
|
107
|
+
v-model:console-value="consoleValue"
|
|
108
|
+
v-model:vm-in-hosts-clusters="vmInHostsClusters"
|
|
105
109
|
:hostname="props.hostname"
|
|
106
110
|
:is-preference="isPreference"
|
|
107
|
-
:time-format="props.timeFormat"
|
|
108
111
|
:selected-language-type="props.selectedLanguageType"
|
|
109
112
|
:selected-language="props.selectedLang"
|
|
110
113
|
:new-view="props.newView"
|
|
111
|
-
:new-view-local="props.newViewLocal"
|
|
112
114
|
:project="props.project"
|
|
113
|
-
:remote-console="props.remoteConsole"
|
|
114
|
-
:vm-cluster="props.vmCluster"
|
|
115
115
|
:security-loader="props.securityLoader"
|
|
116
116
|
:recovery="props.recovery"
|
|
117
117
|
@show-preference="emits('show-preference')"
|
|
118
118
|
@reset-preference="emits('reset-preference')"
|
|
119
119
|
@hide-preference="emits('hide-preference')"
|
|
120
120
|
@change-theme-mode="emits('change-theme-mode')"
|
|
121
|
-
@update-time-format="emits('update-time-format', $event)"
|
|
122
121
|
@update-language="emits('update-language', $event)"
|
|
123
122
|
@update-is-browser="emits('update-is-browser', $event)"
|
|
124
|
-
@update-is-new-view="emits('update-is-new-view', $event)"
|
|
125
|
-
@update-remote-console="emits('update-remote-console', $event)"
|
|
126
|
-
@update-vm-clusters="emits('update-vm-clusters', $event)"
|
|
127
123
|
@security-confirm="emits('security-confirm', $event)"
|
|
128
124
|
@submit-preferences="emits('submit-preferences')"
|
|
129
125
|
/>
|
|
@@ -138,11 +134,13 @@ import type { UI_I_Dropdown } from '~/node_modules/bfg-uikit/components/ui/dropd
|
|
|
138
134
|
import type { UI_T_TimeValue } from '~/components/common/layout/theHeader/userMenu/modals/preferences/timeFormat/lib/models/types'
|
|
139
135
|
import type { UI_T_Project } from '~/lib/models/types'
|
|
140
136
|
import type { UI_I_Localization } from '~/lib/models/interfaces'
|
|
141
|
-
import type {
|
|
142
|
-
UI_I_Recovery
|
|
143
|
-
} from "~/components/common/layout/theHeader/userMenu/modals/preferences/security/lib/models/interfaces";
|
|
137
|
+
import type { UI_I_Recovery } from '~/components/common/layout/theHeader/userMenu/modals/preferences/security/lib/models/interfaces'
|
|
144
138
|
|
|
145
139
|
const security = defineModel<boolean>('security')
|
|
140
|
+
const newViewLocal = defineModel<boolean>('newViewLocal')
|
|
141
|
+
const timeFormat = defineModel<UI_T_TimeValue>('timeFormat')
|
|
142
|
+
const consoleValue = defineModel<string>('consoleValue')
|
|
143
|
+
const vmInHostsClusters = defineModel<boolean>('vmInHostsClusters')
|
|
146
144
|
|
|
147
145
|
const props = defineProps<{
|
|
148
146
|
isShowMainMenu: boolean
|
|
@@ -155,11 +153,7 @@ const props = defineProps<{
|
|
|
155
153
|
isPreference: boolean
|
|
156
154
|
selectedLanguageType: string
|
|
157
155
|
selectedLang: UI_I_Dropdown
|
|
158
|
-
remoteConsole: string
|
|
159
|
-
vmCluster: boolean
|
|
160
156
|
newView: boolean
|
|
161
|
-
newViewLocal: boolean
|
|
162
|
-
timeFormat: string
|
|
163
157
|
isDarkTheme: boolean
|
|
164
158
|
securityLoader: boolean // для Сферы
|
|
165
159
|
recovery: UI_I_Recovery | null // для Сферы
|
|
@@ -172,12 +166,8 @@ const emits = defineEmits<{
|
|
|
172
166
|
(event: 'reset-preference'): void
|
|
173
167
|
(event: 'hide-preference'): void
|
|
174
168
|
(event: 'change-theme-mode'): void
|
|
175
|
-
(event: 'update-time-format', value: UI_T_TimeValue): void
|
|
176
169
|
(event: 'update-language', value: UI_I_Dropdown): void
|
|
177
170
|
(event: 'update-is-browser', value: string): void
|
|
178
|
-
(event: 'update-is-new-view', value: boolean): void
|
|
179
|
-
(event: 'update-remote-console', value: string): void
|
|
180
|
-
(event: 'update-vm-clusters', value: boolean): void
|
|
181
171
|
(event: 'security-confirm', value: boolean): void
|
|
182
172
|
(event: 'submit-preferences'): void
|
|
183
173
|
}>()
|
|
@@ -59,27 +59,23 @@
|
|
|
59
59
|
|
|
60
60
|
<common-layout-the-header-user-menu
|
|
61
61
|
v-model:security="security"
|
|
62
|
+
v-model:new-view-local="newViewLocal"
|
|
63
|
+
v-model:time-format="timeFormat"
|
|
64
|
+
v-model:console-value="consoleValue"
|
|
65
|
+
v-model:vm-in-hosts-clusters="vmInHostsClusters"
|
|
62
66
|
:hostname="props.hostname"
|
|
63
67
|
:is-preference="props.isPreference"
|
|
64
|
-
:time-format="props.timeFormat"
|
|
65
68
|
:selected-language-type="props.selectedLanguageType"
|
|
66
69
|
:selected-language="props.selectedLang.value"
|
|
67
70
|
:new-view="props.newView"
|
|
68
|
-
:new-view-local="props.newViewLocal"
|
|
69
71
|
:project="props.project"
|
|
70
|
-
:remote-console="props.remoteConsole"
|
|
71
|
-
:vm-cluster="props.vmCluster"
|
|
72
72
|
:security-loader="props.securityLoader"
|
|
73
73
|
:recovery="props.recovery"
|
|
74
74
|
@show-preference="emits('show-preference')"
|
|
75
75
|
@hide-preference="emits('hide-preference')"
|
|
76
76
|
@change-theme-mode="emits('change-theme-mode')"
|
|
77
|
-
@update-time-format="emits('update-time-format', $event)"
|
|
78
77
|
@update-language="onUpdateLanguage"
|
|
79
78
|
@update-is-browser="emits('update-is-browser', $event)"
|
|
80
|
-
@update-is-new-view="emits('update-is-new-view', $event)"
|
|
81
|
-
@update-remote-console="emits('update-remote-console', $event)"
|
|
82
|
-
@update-vm-clusters="emits('update-vm-clusters', $event)"
|
|
83
79
|
@security-confirm="emits('security-confirm', $event)"
|
|
84
80
|
@submit-preferences="emits('submit-preferences')"
|
|
85
81
|
/>
|
|
@@ -106,12 +102,14 @@
|
|
|
106
102
|
import type { UI_I_Dropdown } from '~/node_modules/bfg-uikit/components/ui/dropdown/models/interfaces'
|
|
107
103
|
import type { UI_T_TimeValue } from '~/components/common/layout/theHeader/userMenu/modals/preferences/timeFormat/lib/models/types'
|
|
108
104
|
import type { UI_T_Project } from '~/lib/models/types'
|
|
109
|
-
import type {
|
|
110
|
-
UI_I_Recovery
|
|
111
|
-
} from "~/components/common/layout/theHeader/userMenu/modals/preferences/security/lib/models/interfaces";
|
|
105
|
+
import type { UI_I_Recovery } from '~/components/common/layout/theHeader/userMenu/modals/preferences/security/lib/models/interfaces'
|
|
112
106
|
import { findInLocals } from '~/components/common/selectLanguage/lib/utils/utils'
|
|
113
107
|
|
|
114
108
|
const security = defineModel<boolean>('security')
|
|
109
|
+
const newViewLocal = defineModel<boolean>('newViewLocal')
|
|
110
|
+
const timeFormat = defineModel<UI_T_TimeValue>('timeFormat')
|
|
111
|
+
const consoleValue = defineModel<string>('consoleValue')
|
|
112
|
+
const vmInHostsClusters = defineModel<boolean>('vmInHostsClusters')
|
|
115
113
|
|
|
116
114
|
const props = defineProps<{
|
|
117
115
|
companyName: string
|
|
@@ -123,11 +121,7 @@ const props = defineProps<{
|
|
|
123
121
|
isPreference: boolean
|
|
124
122
|
selectedLanguageType: string
|
|
125
123
|
selectedLang: UI_I_Dropdown
|
|
126
|
-
remoteConsole: string
|
|
127
|
-
vmCluster: boolean
|
|
128
124
|
newView: boolean
|
|
129
|
-
newViewLocal: boolean
|
|
130
|
-
timeFormat: string
|
|
131
125
|
securityLoader: boolean // для Сферы
|
|
132
126
|
recovery: UI_I_Recovery | null // для Сферы
|
|
133
127
|
}>()
|
|
@@ -138,12 +132,8 @@ const emits = defineEmits<{
|
|
|
138
132
|
(event: 'show-preference'): void
|
|
139
133
|
(event: 'hide-preference'): void
|
|
140
134
|
(event: 'change-theme-mode'): void
|
|
141
|
-
(event: 'update-time-format', value: UI_T_TimeValue): void
|
|
142
135
|
(event: 'update-language', value: UI_I_Dropdown): void
|
|
143
136
|
(event: 'update-is-browser', value: string): void
|
|
144
|
-
(event: 'update-is-new-view', value: boolean): void
|
|
145
|
-
(event: 'update-remote-console', value: string): void
|
|
146
|
-
(event: 'update-vm-clusters', value: boolean): void
|
|
147
137
|
(event: 'security-confirm', value: boolean): void
|
|
148
138
|
(event: 'submit-preferences'): void
|
|
149
139
|
}>()
|
|
@@ -21,24 +21,20 @@
|
|
|
21
21
|
<common-layout-the-header-user-menu-modals-preferences
|
|
22
22
|
v-if="props.isPreference"
|
|
23
23
|
v-model:security="security"
|
|
24
|
-
:
|
|
24
|
+
v-model:new-view-local="newViewLocal"
|
|
25
|
+
v-model:time-format="timeFormat"
|
|
26
|
+
v-model:console-value="consoleValue"
|
|
27
|
+
v-model:vm-in-hosts-clusters="vmInHostsClusters"
|
|
25
28
|
:new-view="props.newView"
|
|
26
|
-
:new-view-local="props.newViewLocal"
|
|
27
29
|
:selected-language-type="props.selectedLanguageType"
|
|
28
30
|
:selected-language="props.selectedLanguage"
|
|
29
31
|
:project="props.project"
|
|
30
|
-
:remote-console="props.remoteConsole"
|
|
31
|
-
:vm-cluster="props.vmCluster"
|
|
32
32
|
:security-loader="props.securityLoader"
|
|
33
33
|
:recovery="props.recovery"
|
|
34
34
|
@hide="emits('hide-preference')"
|
|
35
35
|
@reset="emits('reset-preference')"
|
|
36
|
-
@update-time-format="emits('update-time-format', $event)"
|
|
37
36
|
@update-language="emits('update-language', $event)"
|
|
38
37
|
@update-is-browser="emits('update-is-browser', $event)"
|
|
39
|
-
@update-is-new-view="emits('update-is-new-view', $event)"
|
|
40
|
-
@update-remote-console="emits('update-remote-console', $event)"
|
|
41
|
-
@update-vm-clusters="emits('update-vm-clusters', $event)"
|
|
42
38
|
@security-confirm="emits('security-confirm', $event)"
|
|
43
39
|
@submit="emits('submit-preferences')"
|
|
44
40
|
/>
|
|
@@ -49,23 +45,21 @@
|
|
|
49
45
|
import type { UI_I_Dropdown } from '~/node_modules/bfg-uikit/components/ui/dropdown/models/interfaces'
|
|
50
46
|
import type { UI_T_LangValue, UI_T_Project } from '~/lib/models/types'
|
|
51
47
|
import type { UI_T_TimeValue } from '~/components/common/layout/theHeader/userMenu/modals/preferences/timeFormat/lib/models/types'
|
|
52
|
-
import type {
|
|
53
|
-
UI_I_Recovery
|
|
54
|
-
} from "~/components/common/layout/theHeader/userMenu/modals/preferences/security/lib/models/interfaces";
|
|
48
|
+
import type { UI_I_Recovery } from '~/components/common/layout/theHeader/userMenu/modals/preferences/security/lib/models/interfaces'
|
|
55
49
|
|
|
56
50
|
const security = defineModel<boolean>('security')
|
|
51
|
+
const newViewLocal = defineModel<boolean>('newViewLocal')
|
|
52
|
+
const timeFormat = defineModel<UI_T_TimeValue>('timeFormat')
|
|
53
|
+
const consoleValue = defineModel<string>('consoleValue')
|
|
54
|
+
const vmInHostsClusters = defineModel<boolean>('vmInHostsClusters')
|
|
57
55
|
|
|
58
56
|
const props = defineProps<{
|
|
59
57
|
hostname: string
|
|
60
58
|
project: UI_T_Project
|
|
61
59
|
isPreference: boolean
|
|
62
60
|
newView: boolean
|
|
63
|
-
newViewLocal: boolean
|
|
64
|
-
timeFormat: UI_T_TimeValue
|
|
65
61
|
selectedLanguageType: UI_T_LangValue
|
|
66
62
|
selectedLanguage: UI_I_Dropdown | string
|
|
67
|
-
remoteConsole: string
|
|
68
|
-
vmCluster: boolean
|
|
69
63
|
securityLoader: boolean // для Сферы
|
|
70
64
|
recovery: UI_I_Recovery | null // для Сферы
|
|
71
65
|
}>()
|
|
@@ -74,12 +68,8 @@ const emits = defineEmits<{
|
|
|
74
68
|
(event: 'reset-preference'): void
|
|
75
69
|
(event: 'hide-preference'): void
|
|
76
70
|
(event: 'change-theme-mode'): void
|
|
77
|
-
(event: 'update-time-format', value: UI_T_TimeValue): void
|
|
78
71
|
(event: 'update-language', value: UI_I_Dropdown): void
|
|
79
72
|
(event: 'update-is-browser', value: string): void
|
|
80
|
-
(event: 'update-is-new-view', value: boolean): void
|
|
81
|
-
(event: 'update-remote-console', value: string): void
|
|
82
|
-
(event: 'update-vm-clusters', value: boolean): void
|
|
83
73
|
(event: 'security-confirm', value: boolean): void
|
|
84
74
|
(event: 'submit-preferences'): void
|
|
85
75
|
}>()
|
|
@@ -2,47 +2,38 @@
|
|
|
2
2
|
<common-layout-the-header-user-menu-modals-preferences-new
|
|
3
3
|
v-if="props.newView"
|
|
4
4
|
v-model:security="security"
|
|
5
|
+
v-model:new-view-local="newViewLocal"
|
|
6
|
+
v-model:time-format="timeFormat"
|
|
7
|
+
v-model:console-value="consoleValue"
|
|
8
|
+
v-model:vm-in-hosts-clusters="vmInHostsClusters"
|
|
5
9
|
:project="props.project"
|
|
6
|
-
:time-format="props.timeFormat"
|
|
7
10
|
:new-view="props.newView"
|
|
8
|
-
:new-view-local="props.newViewLocal"
|
|
9
11
|
:selected-language-type="props.selectedLanguageType"
|
|
10
12
|
:selected-language="props.selectedLanguage"
|
|
11
|
-
:remote-console="props.remoteConsole"
|
|
12
|
-
:vm-cluster="props.vmCluster"
|
|
13
|
-
:security-loader="props.securityLoader"
|
|
14
13
|
:recovery="props.recovery"
|
|
15
14
|
@hide="emits('hide')"
|
|
16
15
|
@reset="emits('reset')"
|
|
17
|
-
@update-time-format="emits('update-time-format', $event)"
|
|
18
16
|
@update-language="emits('update-language', $event)"
|
|
19
17
|
@update-is-browser="emits('update-is-browser', $event)"
|
|
20
|
-
@update-is-new-view="emits('update-is-new-view', $event)"
|
|
21
|
-
@update-remote-console="emits('update-remote-console', $event)"
|
|
22
|
-
@update-vm-clusters="emits('update-vm-clusters', $event)"
|
|
23
18
|
@security-confirm="emits('security-confirm', $event)"
|
|
24
19
|
@submit="emits('submit')"
|
|
25
20
|
/>
|
|
26
21
|
<common-layout-the-header-user-menu-modals-preferences-old
|
|
27
22
|
v-else
|
|
28
23
|
v-model:security="security"
|
|
24
|
+
v-model:new-view-local="newViewLocal"
|
|
25
|
+
v-model:time-format="timeFormat"
|
|
26
|
+
v-model:console-value="consoleValue"
|
|
27
|
+
v-model:vm-in-hosts-clusters="vmInHostsClusters"
|
|
29
28
|
:project="props.project"
|
|
30
|
-
:time-format="props.timeFormat"
|
|
31
29
|
:new-view="props.newView"
|
|
32
|
-
:new-view-local="props.newViewLocal"
|
|
33
30
|
:selected-language-type="props.selectedLanguageType"
|
|
34
31
|
:selected-language="props.selectedLanguage"
|
|
35
|
-
:remote-console="props.remoteConsole"
|
|
36
|
-
:vm-cluster="props.vmCluster"
|
|
37
32
|
:security-loader="props.securityLoader"
|
|
38
33
|
:recovery="props.recovery"
|
|
39
34
|
@hide="emits('hide')"
|
|
40
|
-
@update-time-format="emits('update-time-format', $event)"
|
|
41
35
|
@update-language="emits('update-language', $event)"
|
|
42
36
|
@update-is-browser="emits('update-is-browser', $event)"
|
|
43
|
-
@update-is-new-view="emits('update-is-new-view', $event)"
|
|
44
|
-
@update-remote-console="emits('update-remote-console', $event)"
|
|
45
|
-
@update-vm-clusters="emits('update-vm-clusters', $event)"
|
|
46
37
|
@security-confirm="emits('security-confirm', $event)"
|
|
47
38
|
@submit="emits('submit')"
|
|
48
39
|
/>
|
|
@@ -52,21 +43,19 @@
|
|
|
52
43
|
import type { UI_I_Dropdown } from '~/node_modules/bfg-uikit/components/ui/dropdown/models/interfaces'
|
|
53
44
|
import type { UI_T_LangValue, UI_T_Project } from '~/lib/models/types'
|
|
54
45
|
import type { UI_T_TimeValue } from '~/components/common/layout/theHeader/userMenu/modals/preferences/timeFormat/lib/models/types'
|
|
55
|
-
import type {
|
|
56
|
-
UI_I_Recovery
|
|
57
|
-
} from "~/components/common/layout/theHeader/userMenu/modals/preferences/security/lib/models/interfaces";
|
|
46
|
+
import type { UI_I_Recovery } from '~/components/common/layout/theHeader/userMenu/modals/preferences/security/lib/models/interfaces'
|
|
58
47
|
|
|
59
48
|
const security = defineModel<boolean>('security')
|
|
49
|
+
const newViewLocal = defineModel<boolean>('newViewLocal')
|
|
50
|
+
const timeFormat = defineModel<UI_T_TimeValue>('timeFormat')
|
|
51
|
+
const consoleValue = defineModel<string>('consoleValue')
|
|
52
|
+
const vmInHostsClusters = defineModel<boolean>('vmInHostsClusters')
|
|
60
53
|
|
|
61
54
|
const props = defineProps<{
|
|
62
55
|
project: UI_T_Project
|
|
63
|
-
timeFormat: UI_T_TimeValue
|
|
64
56
|
newView: boolean
|
|
65
|
-
newViewLocal: boolean
|
|
66
57
|
selectedLanguageType: UI_T_LangValue
|
|
67
58
|
selectedLanguage: UI_I_Dropdown | string
|
|
68
|
-
remoteConsole: string
|
|
69
|
-
vmCluster: boolean
|
|
70
59
|
securityLoader: boolean // для Сферы
|
|
71
60
|
recovery: UI_I_Recovery | null // для Сферы
|
|
72
61
|
}>()
|
|
@@ -74,12 +63,8 @@ const props = defineProps<{
|
|
|
74
63
|
const emits = defineEmits<{
|
|
75
64
|
(event: 'hide'): void
|
|
76
65
|
(event: 'reset'): void
|
|
77
|
-
(event: 'update-time-format', value: UI_T_TimeValue): void
|
|
78
66
|
(event: 'update-language', value: UI_I_Dropdown): void
|
|
79
67
|
(event: 'update-is-browser', value: string): void
|
|
80
|
-
(event: 'update-is-new-view', value: boolean): void
|
|
81
|
-
(event: 'update-remote-console', value: string): void
|
|
82
|
-
(event: 'update-vm-clusters', value: boolean): void
|
|
83
68
|
(event: 'security-confirm', value: boolean): void
|
|
84
69
|
(event: 'submit'): void
|
|
85
70
|
}>()
|
|
@@ -13,9 +13,8 @@
|
|
|
13
13
|
<ui-modal-block-standard>
|
|
14
14
|
<ui-modal-block-form-standard>
|
|
15
15
|
<common-layout-the-header-user-menu-modals-preferences-time-format
|
|
16
|
+
v-model:time-format="timeFormat"
|
|
16
17
|
:new-view="props.newView"
|
|
17
|
-
:time-format="props.timeFormat"
|
|
18
|
-
@update-time-format="emits('update-time-format', $event)"
|
|
19
18
|
/>
|
|
20
19
|
</ui-modal-block-form-standard>
|
|
21
20
|
|
|
@@ -31,17 +30,15 @@
|
|
|
31
30
|
|
|
32
31
|
<ui-modal-block-form-standard v-if="isSphere">
|
|
33
32
|
<common-layout-the-header-user-menu-modals-preferences-default-console
|
|
33
|
+
v-model="consoleValue"
|
|
34
34
|
:new-view="props.newView"
|
|
35
|
-
:remote-console="props.remoteConsole"
|
|
36
|
-
@update-remote-console="emits('update-remote-console', $event)"
|
|
37
35
|
/>
|
|
38
36
|
</ui-modal-block-form-standard>
|
|
39
37
|
|
|
40
38
|
<ui-modal-block-form-standard v-if="isSphere">
|
|
41
39
|
<common-layout-the-header-user-menu-modals-preferences-inventory
|
|
40
|
+
v-model="vmInHostsClusters"
|
|
42
41
|
:new-view="props.newView"
|
|
43
|
-
:vm-cluster="props.vmCluster"
|
|
44
|
-
@update-vm-clusters="emits('update-vm-clusters', $event)"
|
|
45
42
|
/>
|
|
46
43
|
</ui-modal-block-form-standard>
|
|
47
44
|
|
|
@@ -55,9 +52,8 @@
|
|
|
55
52
|
|
|
56
53
|
<ui-modal-block-form-standard without-border-bottom>
|
|
57
54
|
<common-layout-the-header-user-menu-modals-preferences-view
|
|
55
|
+
v-model:new-view-local="newViewLocal"
|
|
58
56
|
:new-view="props.newView"
|
|
59
|
-
:new-view-local="props.newViewLocal"
|
|
60
|
-
@update-is-new-view="emits('update-is-new-view', $event)"
|
|
61
57
|
/>
|
|
62
58
|
</ui-modal-block-form-standard>
|
|
63
59
|
</ui-modal-block-standard>
|
|
@@ -74,26 +70,22 @@ import type { UI_T_TimeValue } from '~/components/common/layout/theHeader/userMe
|
|
|
74
70
|
import type { UI_I_Recovery } from '~/components/common/layout/theHeader/userMenu/modals/preferences/security/lib/models/interfaces'
|
|
75
71
|
|
|
76
72
|
const security = defineModel<boolean>('security')
|
|
73
|
+
const newViewLocal = defineModel<boolean>('newViewLocal')
|
|
74
|
+
const timeFormat = defineModel<UI_T_TimeValue>('timeFormat')
|
|
75
|
+
const consoleValue = defineModel<string>('consoleValue')
|
|
76
|
+
const vmInHostsClusters = defineModel<boolean>('vmInHostsClusters')
|
|
77
77
|
|
|
78
78
|
const props = defineProps<{
|
|
79
79
|
project: UI_T_Project
|
|
80
|
-
timeFormat: UI_T_TimeValue
|
|
81
80
|
selectedLanguage: UI_I_Dropdown
|
|
82
81
|
selectedLanguageType: UI_T_LangValue
|
|
83
82
|
newView: boolean
|
|
84
|
-
newViewLocal: boolean
|
|
85
|
-
remoteConsole: string
|
|
86
|
-
vmCluster: boolean
|
|
87
83
|
recovery: UI_I_Recovery | null // для Сферы
|
|
88
84
|
}>()
|
|
89
85
|
const emits = defineEmits<{
|
|
90
86
|
(event: 'hide'): void
|
|
91
|
-
(event: 'update-time-format', value: UI_T_TimeValue): void
|
|
92
87
|
(event: 'update-language', value: UI_I_Dropdown): void
|
|
93
88
|
(event: 'update-is-browser', value: string): void
|
|
94
|
-
(event: 'update-is-new-view', value: boolean): void
|
|
95
|
-
(event: 'update-remote-console', value: string): void
|
|
96
|
-
(event: 'update-vm-clusters', value: boolean): void
|
|
97
89
|
(event: 'security-confirm', value: boolean): void
|
|
98
90
|
(event: 'submit'): void
|
|
99
91
|
(event: 'reset'): void
|
|
@@ -17,9 +17,8 @@
|
|
|
17
17
|
|
|
18
18
|
<common-layout-the-header-user-menu-modals-preferences-time-format
|
|
19
19
|
v-if="selectedTab === 'time-tab'"
|
|
20
|
+
v-model:time-format="timeFormat"
|
|
20
21
|
:new-view="props.newView"
|
|
21
|
-
:time-format="props.timeFormat"
|
|
22
|
-
@update-time-format="emits('update-time-format', $event)"
|
|
23
22
|
/>
|
|
24
23
|
|
|
25
24
|
<common-layout-the-header-user-menu-modals-preferences-change-language
|
|
@@ -33,16 +32,14 @@
|
|
|
33
32
|
|
|
34
33
|
<common-layout-the-header-user-menu-modals-preferences-inventory
|
|
35
34
|
v-if="selectedTab === 'inventory-tab' && isSphere"
|
|
35
|
+
v-model="vmInHostsClusters"
|
|
36
36
|
:new-view="props.newView"
|
|
37
|
-
:vm-cluster="props.vmCluster"
|
|
38
|
-
@update-vm-clusters="emits('update-vm-clusters', $event)"
|
|
39
37
|
/>
|
|
40
38
|
|
|
41
39
|
<common-layout-the-header-user-menu-modals-preferences-default-console
|
|
42
40
|
v-if="selectedTab === 'console-tab' && isSphere"
|
|
41
|
+
v-model="consoleValue"
|
|
43
42
|
:new-view="props.newView"
|
|
44
|
-
:remote-console="props.remoteConsole"
|
|
45
|
-
@update-remote-console="emits('update-remote-console', $event)"
|
|
46
43
|
/>
|
|
47
44
|
|
|
48
45
|
<common-layout-the-header-user-menu-modals-preferences-security
|
|
@@ -54,9 +51,8 @@
|
|
|
54
51
|
|
|
55
52
|
<common-layout-the-header-user-menu-modals-preferences-view
|
|
56
53
|
v-if="selectedTab === 'view-tab'"
|
|
54
|
+
v-model:new-view-local="newViewLocal"
|
|
57
55
|
:new-view="props.newView"
|
|
58
|
-
:new-view-local="props.newViewLocal"
|
|
59
|
-
@update-is-new-view="emits('update-is-new-view', $event)"
|
|
60
56
|
/>
|
|
61
57
|
</template>
|
|
62
58
|
|
|
@@ -91,27 +87,23 @@ import type { UI_I_Recovery } from '~/components/common/layout/theHeader/userMen
|
|
|
91
87
|
import { preferencesTabs } from '~/components/common/layout/theHeader/userMenu/modals/preferences/lib/config/preferencesTabs'
|
|
92
88
|
|
|
93
89
|
const security = defineModel<boolean>('security')
|
|
90
|
+
const newViewLocal = defineModel<boolean>('newViewLocal')
|
|
91
|
+
const timeFormat = defineModel<UI_T_TimeValue>('timeFormat')
|
|
92
|
+
const consoleValue = defineModel<string>('consoleValue')
|
|
93
|
+
const vmInHostsClusters = defineModel<boolean>('vmInHostsClusters')
|
|
94
94
|
|
|
95
95
|
const props = defineProps<{
|
|
96
96
|
project: UI_T_Project
|
|
97
|
-
timeFormat: UI_T_TimeValue
|
|
98
97
|
selectedLanguage: UI_T_LangValue
|
|
99
98
|
selectedLanguageType: UI_T_LangValue
|
|
100
99
|
newView: boolean
|
|
101
|
-
newViewLocal: boolean
|
|
102
|
-
remoteConsole: string
|
|
103
|
-
vmCluster: boolean
|
|
104
100
|
securityLoader: boolean // для Сферы
|
|
105
101
|
recovery: UI_I_Recovery | null // для Сферы
|
|
106
102
|
}>()
|
|
107
103
|
const emits = defineEmits<{
|
|
108
104
|
(event: 'hide'): void
|
|
109
|
-
(event: 'update-time-format', value: UI_T_TimeValue): void
|
|
110
105
|
(event: 'update-language', value: string): void
|
|
111
106
|
(event: 'update-is-browser', value: string): void
|
|
112
|
-
(event: 'update-is-new-view', value: boolean): void
|
|
113
|
-
(event: 'update-remote-console', value: string): void
|
|
114
|
-
(event: 'update-vm-clusters', value: boolean): void
|
|
115
107
|
(event: 'security-confirm', value: boolean): void
|
|
116
108
|
(event: 'submit'): void
|
|
117
109
|
}>()
|
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<component
|
|
3
3
|
:is="currentComponent"
|
|
4
|
-
:
|
|
4
|
+
v-model:language-mode="languageMode"
|
|
5
|
+
v-model:selected-language="selectedLanguageLocal"
|
|
5
6
|
:description="description"
|
|
6
7
|
:radio-options="radioOptions"
|
|
7
|
-
:language-mode="languageMode"
|
|
8
8
|
:locales="locales"
|
|
9
|
-
@update-language="onSelectLang"
|
|
10
|
-
@update-is-browser="onUpdateIsBrowser"
|
|
11
9
|
/>
|
|
12
10
|
</template>
|
|
13
11
|
|
|
@@ -105,4 +103,12 @@ watch(
|
|
|
105
103
|
},
|
|
106
104
|
{ immediate: true }
|
|
107
105
|
)
|
|
106
|
+
|
|
107
|
+
watch(languageMode, (newValue) => {
|
|
108
|
+
onUpdateIsBrowser(newValue)
|
|
109
|
+
})
|
|
110
|
+
|
|
111
|
+
watch(selectedLanguageLocal, (newValue) => {
|
|
112
|
+
onSelectLang(newValue)
|
|
113
|
+
})
|
|
108
114
|
</script>
|
package/components/common/layout/theHeader/userMenu/modals/preferences/changeLanguage/New.vue
CHANGED
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
|
|
16
16
|
<div v-for="(item, key) in radioOptions" :key="key" class="radio flex">
|
|
17
17
|
<ui-radio
|
|
18
|
-
v-model="
|
|
18
|
+
v-model="languageMode"
|
|
19
19
|
:test-id="item.testId"
|
|
20
20
|
:label="item.label"
|
|
21
21
|
:value="item.value"
|
|
@@ -24,9 +24,9 @@
|
|
|
24
24
|
|
|
25
25
|
<span v-if="item.selectLang" class="select-language">
|
|
26
26
|
<common-select-language
|
|
27
|
-
v-model="
|
|
27
|
+
v-model="selectedLanguage"
|
|
28
28
|
:normalize-lang="props.locales"
|
|
29
|
-
:disabled="
|
|
29
|
+
:disabled="languageMode === 'BROWSER'"
|
|
30
30
|
width="max-content"
|
|
31
31
|
size="xs"
|
|
32
32
|
/>
|
|
@@ -43,38 +43,15 @@ import type { UI_T_SelectedRadio } from '~/components/common/layout/theHeader/us
|
|
|
43
43
|
import type { UI_I_Localization } from '~/lib/models/interfaces'
|
|
44
44
|
import type { UI_I_RadioItemLang } from '~/components/common/layout/theHeader/userMenu/modals/preferences/changeLanguage/lib/models/interfaces'
|
|
45
45
|
|
|
46
|
+
const languageMode = defineModel<UI_T_SelectedRadio>('languageMode')
|
|
47
|
+
const selectedLanguage = defineModel<UI_I_Dropdown>('selectedLanguage')
|
|
46
48
|
const props = defineProps<{
|
|
47
|
-
selectedLanguage: UI_I_Dropdown
|
|
48
49
|
description: string
|
|
49
50
|
radioOptions: UI_I_RadioItemLang[]
|
|
50
|
-
languageMode: UI_T_SelectedRadio
|
|
51
51
|
locales: UI_I_Dropdown[]
|
|
52
52
|
}>()
|
|
53
53
|
|
|
54
|
-
const emits = defineEmits<{
|
|
55
|
-
(event: 'update-language', value: UI_I_Dropdown): void
|
|
56
|
-
(event: 'update-is-browser', value: string): void
|
|
57
|
-
}>()
|
|
58
|
-
|
|
59
54
|
const localization = computed<UI_I_Localization>(() => useLocal())
|
|
60
|
-
|
|
61
|
-
const selectedLanguageLocal = computed<UI_I_Dropdown>({
|
|
62
|
-
get() {
|
|
63
|
-
return props.selectedLanguage
|
|
64
|
-
},
|
|
65
|
-
set(newValue: UI_I_Dropdown) {
|
|
66
|
-
emits('update-language', newValue)
|
|
67
|
-
},
|
|
68
|
-
})
|
|
69
|
-
|
|
70
|
-
const languageModeLocal = computed<UI_T_SelectedRadio>({
|
|
71
|
-
get() {
|
|
72
|
-
return props.languageMode
|
|
73
|
-
},
|
|
74
|
-
set(newValue: UI_T_SelectedRadio) {
|
|
75
|
-
emits('update-is-browser', newValue)
|
|
76
|
-
},
|
|
77
|
-
})
|
|
78
55
|
</script>
|
|
79
56
|
|
|
80
57
|
<style lang="scss" scoped>
|
package/components/common/layout/theHeader/userMenu/modals/preferences/changeLanguage/Old.vue
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
<div v-for="(item, key) in props.radioOptions" :key="key" class="radio">
|
|
8
8
|
<input
|
|
9
9
|
:id="item.label"
|
|
10
|
-
v-model="
|
|
10
|
+
v-model="languageMode"
|
|
11
11
|
:data-id="item.testId"
|
|
12
12
|
:value="item.value"
|
|
13
13
|
type="radio"
|
|
@@ -17,8 +17,8 @@
|
|
|
17
17
|
<span v-if="item.selectLang" class="select select-lang">
|
|
18
18
|
<select
|
|
19
19
|
id="language-select"
|
|
20
|
-
v-model="
|
|
21
|
-
:disabled="
|
|
20
|
+
v-model="selectedLanguage"
|
|
21
|
+
:disabled="languageMode !== item.value"
|
|
22
22
|
data-id="language-select"
|
|
23
23
|
>
|
|
24
24
|
<option
|
|
@@ -40,36 +40,13 @@ import type { UI_T_LangValue } from '~/lib/models/types'
|
|
|
40
40
|
import type { UI_T_SelectedRadio } from '~/components/common/layout/theHeader/userMenu/modals/preferences/changeLanguage/lib/models/types'
|
|
41
41
|
import type { UI_I_RadioItemLang } from '~/components/common/layout/theHeader/userMenu/modals/preferences/changeLanguage/lib/models/interfaces'
|
|
42
42
|
|
|
43
|
+
const languageMode = defineModel<UI_T_SelectedRadio>('languageMode')
|
|
44
|
+
const selectedLanguage = defineModel<UI_T_LangValue>('selectedLanguage')
|
|
43
45
|
const props = defineProps<{
|
|
44
|
-
selectedLanguage: UI_T_LangValue
|
|
45
46
|
description: string
|
|
46
47
|
radioOptions: UI_I_RadioItemLang[]
|
|
47
|
-
languageMode: UI_T_SelectedRadio
|
|
48
48
|
locales: UI_I_Dropdown[]
|
|
49
49
|
}>()
|
|
50
|
-
|
|
51
|
-
const emits = defineEmits<{
|
|
52
|
-
(event: 'update-language', value: UI_T_LangValue): void
|
|
53
|
-
(event: 'update-is-browser', value: string): void
|
|
54
|
-
}>()
|
|
55
|
-
|
|
56
|
-
const selectedLanguageLocal = computed<UI_T_LangValue>({
|
|
57
|
-
get() {
|
|
58
|
-
return props.selectedLanguage
|
|
59
|
-
},
|
|
60
|
-
set(newValue: UI_T_LangValue) {
|
|
61
|
-
emits('update-language', newValue)
|
|
62
|
-
},
|
|
63
|
-
})
|
|
64
|
-
|
|
65
|
-
const languageModeLocal = computed<UI_T_SelectedRadio>({
|
|
66
|
-
get() {
|
|
67
|
-
return props.languageMode
|
|
68
|
-
},
|
|
69
|
-
set(newValue: UI_T_SelectedRadio) {
|
|
70
|
-
emits('update-is-browser', newValue)
|
|
71
|
-
},
|
|
72
|
-
})
|
|
73
50
|
</script>
|
|
74
51
|
|
|
75
52
|
<style lang="scss" scoped>
|
|
@@ -11,15 +11,11 @@ import type { UI_I_Localization } from '~/lib/models/interfaces'
|
|
|
11
11
|
import type { UI_I_RadioItemConsole } from '~/components/common/layout/theHeader/userMenu/modals/preferences/defaultConsole/lib/models/interfaces'
|
|
12
12
|
import { consoleOptionsFunc } from '~/components/common/layout/theHeader/userMenu/modals/preferences/defaultConsole/lib/config/consoleOptions'
|
|
13
13
|
|
|
14
|
+
const consoleValue = defineModel<string>()
|
|
14
15
|
const props = defineProps<{
|
|
15
|
-
remoteConsole: string
|
|
16
16
|
newView: boolean
|
|
17
17
|
}>()
|
|
18
18
|
|
|
19
|
-
const emits = defineEmits<{
|
|
20
|
-
(event: 'update-remote-console', value: string): void
|
|
21
|
-
}>()
|
|
22
|
-
|
|
23
19
|
const currentComponent = computed(() =>
|
|
24
20
|
props.newView
|
|
25
21
|
? defineAsyncComponent(() => import('./New.vue'))
|
|
@@ -31,13 +27,4 @@ const localization = computed<UI_I_Localization>(() => useLocal())
|
|
|
31
27
|
const consoleOptions = readonly<UI_I_RadioItemConsole[]>(
|
|
32
28
|
consoleOptionsFunc(localization.value)
|
|
33
29
|
)
|
|
34
|
-
|
|
35
|
-
const consoleValue = computed<string>({
|
|
36
|
-
get() {
|
|
37
|
-
return props.remoteConsole
|
|
38
|
-
},
|
|
39
|
-
set(newValue: string) {
|
|
40
|
-
emits('update-remote-console', newValue)
|
|
41
|
-
},
|
|
42
|
-
})
|
|
43
30
|
</script>
|
package/components/common/layout/theHeader/userMenu/modals/preferences/inventory/Inventory.vue
CHANGED
|
@@ -3,29 +3,16 @@
|
|
|
3
3
|
</template>
|
|
4
4
|
|
|
5
5
|
<script setup lang="ts">
|
|
6
|
+
const vmInHostsClusters = defineModel<boolean>()
|
|
6
7
|
const props = defineProps<{
|
|
7
|
-
vmCluster: boolean
|
|
8
8
|
newView: boolean
|
|
9
9
|
}>()
|
|
10
10
|
|
|
11
|
-
const emits = defineEmits<{
|
|
12
|
-
(event: 'update-vm-clusters', value: boolean): void
|
|
13
|
-
}>()
|
|
14
|
-
|
|
15
11
|
const currentComponent = computed(() =>
|
|
16
12
|
props.newView
|
|
17
13
|
? defineAsyncComponent(() => import('./New.vue'))
|
|
18
14
|
: defineAsyncComponent(() => import('./Old.vue'))
|
|
19
15
|
)
|
|
20
|
-
|
|
21
|
-
const vmInHostsClusters = computed<boolean>({
|
|
22
|
-
get() {
|
|
23
|
-
return props.vmCluster
|
|
24
|
-
},
|
|
25
|
-
set(newValue: boolean) {
|
|
26
|
-
emits('update-vm-clusters', newValue)
|
|
27
|
-
},
|
|
28
|
-
})
|
|
29
16
|
</script>
|
|
30
17
|
|
|
31
18
|
<style lang="scss" scoped></style>
|
package/components/common/layout/theHeader/userMenu/modals/preferences/timeFormat/TimeFormat.vue
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<component
|
|
3
3
|
:is="currentComponent"
|
|
4
|
-
v-model="
|
|
4
|
+
v-model="timeFormat"
|
|
5
5
|
:description="description"
|
|
6
6
|
:format-options="formatOptions"
|
|
7
7
|
/>
|
|
@@ -13,15 +13,11 @@ import type { UI_I_RadioItem } from '~/components/common/layout/theHeader/userMe
|
|
|
13
13
|
import type { UI_T_TimeValue } from '~/components/common/layout/theHeader/userMenu/modals/preferences/timeFormat/lib/models/types'
|
|
14
14
|
import { formatOptionsFunc } from '~/components/common/layout/theHeader/userMenu/modals/preferences/timeFormat/lib/config/formatOptions'
|
|
15
15
|
|
|
16
|
+
const timeFormat = defineModel<UI_T_TimeValue>('timeFormat')
|
|
16
17
|
const props = defineProps<{
|
|
17
|
-
timeFormat: UI_T_TimeValue
|
|
18
18
|
newView: boolean
|
|
19
19
|
}>()
|
|
20
20
|
|
|
21
|
-
const emits = defineEmits<{
|
|
22
|
-
(event: 'update-time-format', value: UI_T_TimeValue): void
|
|
23
|
-
}>()
|
|
24
|
-
|
|
25
21
|
const currentComponent = computed(() =>
|
|
26
22
|
props.newView
|
|
27
23
|
? defineAsyncComponent(() => import('./New.vue'))
|
|
@@ -42,13 +38,4 @@ const description = computed<string>(() =>
|
|
|
42
38
|
const formatOptions = readonly<UI_I_RadioItem[]>(
|
|
43
39
|
formatOptionsFunc(localization.value)
|
|
44
40
|
)
|
|
45
|
-
|
|
46
|
-
const timeItem = computed<UI_T_TimeValue>({
|
|
47
|
-
get() {
|
|
48
|
-
return props.timeFormat
|
|
49
|
-
},
|
|
50
|
-
set(newValue: UI_T_TimeValue) {
|
|
51
|
-
emits('update-time-format', newValue)
|
|
52
|
-
},
|
|
53
|
-
})
|
|
54
41
|
</script>
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<component
|
|
3
3
|
:is="currentComponent"
|
|
4
|
-
v-model="
|
|
4
|
+
v-model="newViewLocal"
|
|
5
5
|
:description="description"
|
|
6
6
|
/>
|
|
7
7
|
</template>
|
|
@@ -9,13 +9,9 @@
|
|
|
9
9
|
<script setup lang="ts">
|
|
10
10
|
import type { UI_I_Localization } from '~/lib/models/interfaces'
|
|
11
11
|
|
|
12
|
+
const newViewLocal = defineModel<boolean>('newViewLocal')
|
|
12
13
|
const props = defineProps<{
|
|
13
14
|
newView: boolean
|
|
14
|
-
newViewLocal: boolean
|
|
15
|
-
}>()
|
|
16
|
-
|
|
17
|
-
const emits = defineEmits<{
|
|
18
|
-
(event: 'update-is-new-view', value: boolean): void
|
|
19
15
|
}>()
|
|
20
16
|
|
|
21
17
|
const config = useRuntimeConfig()
|
|
@@ -34,13 +30,4 @@ const description = computed<string>(() => {
|
|
|
34
30
|
String(config.public[`TRADEMARK_${useEnvLanguage()}`])
|
|
35
31
|
)
|
|
36
32
|
})
|
|
37
|
-
|
|
38
|
-
const model = computed<boolean>({
|
|
39
|
-
get() {
|
|
40
|
-
return props.newViewLocal
|
|
41
|
-
},
|
|
42
|
-
set(newValue: boolean) {
|
|
43
|
-
emits('update-is-new-view', newValue)
|
|
44
|
-
},
|
|
45
|
-
})
|
|
46
33
|
</script>
|
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<atoms-stack-block
|
|
3
|
-
:has-children="false"
|
|
4
|
-
test-id="backup-window-stack-block"
|
|
5
|
-
>
|
|
6
|
-
<template #stackBlockKey>
|
|
7
|
-
<span>{{ localization.common.backupWindow }}</span>
|
|
8
|
-
</template>
|
|
9
|
-
<template #stackBlockContent>
|
|
10
|
-
<input
|
|
11
|
-
v-model="model.start_window_min"
|
|
12
|
-
data-id="hours-input"
|
|
13
|
-
type="number"
|
|
14
|
-
class="hrs"
|
|
15
|
-
/>
|
|
16
|
-
</template>
|
|
17
|
-
</atoms-stack-block>
|
|
18
|
-
</template>
|
|
19
|
-
|
|
20
|
-
<script lang="ts" setup>
|
|
21
|
-
import type { UI_I_Localization } from '~/lib/models/interfaces'
|
|
22
|
-
import type { UI_I_CreateBackupForm } from '~/components/common/pages/backups/modals/lib/models/interfaces'
|
|
23
|
-
|
|
24
|
-
const model = defineModel<UI_I_CreateBackupForm>({ required: true })
|
|
25
|
-
|
|
26
|
-
const localization = computed<UI_I_Localization>(() => useLocal())
|
|
27
|
-
</script>
|
|
28
|
-
|
|
29
|
-
<style lang="scss" scoped></style>
|
|
1
|
+
<template>
|
|
2
|
+
<atoms-stack-block
|
|
3
|
+
:has-children="false"
|
|
4
|
+
test-id="backup-window-stack-block"
|
|
5
|
+
>
|
|
6
|
+
<template #stackBlockKey>
|
|
7
|
+
<span>{{ localization.common.backupWindow }}</span>
|
|
8
|
+
</template>
|
|
9
|
+
<template #stackBlockContent>
|
|
10
|
+
<input
|
|
11
|
+
v-model="model.start_window_min"
|
|
12
|
+
data-id="hours-input"
|
|
13
|
+
type="number"
|
|
14
|
+
class="hrs"
|
|
15
|
+
/>
|
|
16
|
+
</template>
|
|
17
|
+
</atoms-stack-block>
|
|
18
|
+
</template>
|
|
19
|
+
|
|
20
|
+
<script lang="ts" setup>
|
|
21
|
+
import type { UI_I_Localization } from '~/lib/models/interfaces'
|
|
22
|
+
import type { UI_I_CreateBackupForm } from '~/components/common/pages/backups/modals/lib/models/interfaces'
|
|
23
|
+
|
|
24
|
+
const model = defineModel<UI_I_CreateBackupForm>({ required: true })
|
|
25
|
+
|
|
26
|
+
const localization = computed<UI_I_Localization>(() => useLocal())
|
|
27
|
+
</script>
|
|
28
|
+
|
|
29
|
+
<style lang="scss" scoped></style>
|
|
@@ -1,69 +1,69 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<atoms-stack-block
|
|
3
|
-
:has-children="false"
|
|
4
|
-
test-id="backup-max-bandwidth-stack-block"
|
|
5
|
-
>
|
|
6
|
-
<template #stackBlockKey>
|
|
7
|
-
<span>{{ localization.common.maxBandwidth }}</span>
|
|
8
|
-
</template>
|
|
9
|
-
<template #stackBlockContent>
|
|
10
|
-
<div class="flex-align-center">
|
|
11
|
-
<input
|
|
12
|
-
v-model="maxBindwidthLocal"
|
|
13
|
-
data-id="mbps-input"
|
|
14
|
-
type="number"
|
|
15
|
-
class="mbps"
|
|
16
|
-
/>
|
|
17
|
-
|
|
18
|
-
<common-select-input
|
|
19
|
-
v-model="selectedType"
|
|
20
|
-
:data="maxBandwidthOptionsLocal"
|
|
21
|
-
test-id="backup-max-bandwidth-type"
|
|
22
|
-
class="ml-1"
|
|
23
|
-
/>
|
|
24
|
-
</div>
|
|
25
|
-
</template>
|
|
26
|
-
</atoms-stack-block>
|
|
27
|
-
</template>
|
|
28
|
-
|
|
29
|
-
<script lang="ts" setup>
|
|
30
|
-
import type { UI_I_Localization } from '~/lib/models/interfaces'
|
|
31
|
-
import type { UI_I_CreateBackupForm } from '~/components/common/pages/backups/modals/lib/models/interfaces'
|
|
32
|
-
import type { UI_T_BandwidthOption } from '~/components/common/pages/backups/modals/createBackup/configuration/maxBandwidth/lib/models/types'
|
|
33
|
-
import type { UI_I_SelectInputItem } from '~/components/common/select/input/lib/models/interfaces'
|
|
34
|
-
import { maxBandwidthOptions } from '~/components/common/pages/backups/modals/createBackup/configuration/maxBandwidth/lib/config/options'
|
|
35
|
-
|
|
36
|
-
const model = defineModel<UI_I_CreateBackupForm>({ required: true })
|
|
37
|
-
|
|
38
|
-
const localization = computed<UI_I_Localization>(() => useLocal())
|
|
39
|
-
const { $binary }: any = useNuxtApp()
|
|
40
|
-
|
|
41
|
-
const maxBandwidthOptionsLocal =
|
|
42
|
-
ref<UI_I_SelectInputItem[]>(maxBandwidthOptions)
|
|
43
|
-
|
|
44
|
-
const maxBindwidthLocal = computed<number>({
|
|
45
|
-
get() {
|
|
46
|
-
return selectedType.value === 1
|
|
47
|
-
? $binary.bToGb(model.value.bandwidth_limit)
|
|
48
|
-
: $binary.bToMb(model.value.bandwidth_limit)
|
|
49
|
-
},
|
|
50
|
-
set(newValue: number) {
|
|
51
|
-
model.value.bandwidth_limit =
|
|
52
|
-
selectedType.value === 1
|
|
53
|
-
? $binary.gbToB(newValue)
|
|
54
|
-
: $binary.mbToB(newValue)
|
|
55
|
-
},
|
|
56
|
-
})
|
|
57
|
-
|
|
58
|
-
const selectedType = ref<UI_T_BandwidthOption>(0)
|
|
59
|
-
watch(selectedType, (newValue) => {
|
|
60
|
-
if (newValue === 1) model.value.bandwidth_limit *= 1_024
|
|
61
|
-
else model.value.bandwidth_limit /= 1_024
|
|
62
|
-
})
|
|
63
|
-
</script>
|
|
64
|
-
|
|
65
|
-
<style lang="scss" scoped>
|
|
66
|
-
#backup-transaction-logs {
|
|
67
|
-
margin: 4px 4px 0 0;
|
|
68
|
-
}
|
|
69
|
-
</style>
|
|
1
|
+
<template>
|
|
2
|
+
<atoms-stack-block
|
|
3
|
+
:has-children="false"
|
|
4
|
+
test-id="backup-max-bandwidth-stack-block"
|
|
5
|
+
>
|
|
6
|
+
<template #stackBlockKey>
|
|
7
|
+
<span>{{ localization.common.maxBandwidth }}</span>
|
|
8
|
+
</template>
|
|
9
|
+
<template #stackBlockContent>
|
|
10
|
+
<div class="flex-align-center">
|
|
11
|
+
<input
|
|
12
|
+
v-model="maxBindwidthLocal"
|
|
13
|
+
data-id="mbps-input"
|
|
14
|
+
type="number"
|
|
15
|
+
class="mbps"
|
|
16
|
+
/>
|
|
17
|
+
|
|
18
|
+
<common-select-input
|
|
19
|
+
v-model="selectedType"
|
|
20
|
+
:data="maxBandwidthOptionsLocal"
|
|
21
|
+
test-id="backup-max-bandwidth-type"
|
|
22
|
+
class="ml-1"
|
|
23
|
+
/>
|
|
24
|
+
</div>
|
|
25
|
+
</template>
|
|
26
|
+
</atoms-stack-block>
|
|
27
|
+
</template>
|
|
28
|
+
|
|
29
|
+
<script lang="ts" setup>
|
|
30
|
+
import type { UI_I_Localization } from '~/lib/models/interfaces'
|
|
31
|
+
import type { UI_I_CreateBackupForm } from '~/components/common/pages/backups/modals/lib/models/interfaces'
|
|
32
|
+
import type { UI_T_BandwidthOption } from '~/components/common/pages/backups/modals/createBackup/configuration/maxBandwidth/lib/models/types'
|
|
33
|
+
import type { UI_I_SelectInputItem } from '~/components/common/select/input/lib/models/interfaces'
|
|
34
|
+
import { maxBandwidthOptions } from '~/components/common/pages/backups/modals/createBackup/configuration/maxBandwidth/lib/config/options'
|
|
35
|
+
|
|
36
|
+
const model = defineModel<UI_I_CreateBackupForm>({ required: true })
|
|
37
|
+
|
|
38
|
+
const localization = computed<UI_I_Localization>(() => useLocal())
|
|
39
|
+
const { $binary }: any = useNuxtApp()
|
|
40
|
+
|
|
41
|
+
const maxBandwidthOptionsLocal =
|
|
42
|
+
ref<UI_I_SelectInputItem[]>(maxBandwidthOptions)
|
|
43
|
+
|
|
44
|
+
const maxBindwidthLocal = computed<number>({
|
|
45
|
+
get() {
|
|
46
|
+
return selectedType.value === 1
|
|
47
|
+
? $binary.bToGb(model.value.bandwidth_limit)
|
|
48
|
+
: $binary.bToMb(model.value.bandwidth_limit)
|
|
49
|
+
},
|
|
50
|
+
set(newValue: number) {
|
|
51
|
+
model.value.bandwidth_limit =
|
|
52
|
+
selectedType.value === 1
|
|
53
|
+
? $binary.gbToB(newValue)
|
|
54
|
+
: $binary.mbToB(newValue)
|
|
55
|
+
},
|
|
56
|
+
})
|
|
57
|
+
|
|
58
|
+
const selectedType = ref<UI_T_BandwidthOption>(0)
|
|
59
|
+
watch(selectedType, (newValue) => {
|
|
60
|
+
if (newValue === 1) model.value.bandwidth_limit *= 1_024
|
|
61
|
+
else model.value.bandwidth_limit /= 1_024
|
|
62
|
+
})
|
|
63
|
+
</script>
|
|
64
|
+
|
|
65
|
+
<style lang="scss" scoped>
|
|
66
|
+
#backup-transaction-logs {
|
|
67
|
+
margin: 4px 4px 0 0;
|
|
68
|
+
}
|
|
69
|
+
</style>
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import type {UI_I_SelectInputItem} from "~/components/common/select/input/lib/models/interfaces";
|
|
2
|
-
|
|
3
|
-
export const maxBandwidthOptions: UI_I_SelectInputItem[] = [
|
|
4
|
-
{ label: 'Mbps', value: 0 },
|
|
5
|
-
{ label: 'Gbps', value: 1 },
|
|
6
|
-
]
|
|
1
|
+
import type {UI_I_SelectInputItem} from "~/components/common/select/input/lib/models/interfaces";
|
|
2
|
+
|
|
3
|
+
export const maxBandwidthOptions: UI_I_SelectInputItem[] = [
|
|
4
|
+
{ label: 'Mbps', value: 0 },
|
|
5
|
+
{ label: 'Gbps', value: 1 },
|
|
6
|
+
]
|
package/components/common/pages/backups/modals/createBackup/configuration/strategy/Strategy.vue
CHANGED
|
@@ -1,38 +1,38 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<atoms-stack-block
|
|
3
|
-
:has-children="false"
|
|
4
|
-
test-id="backup-strategy-stack-block"
|
|
5
|
-
>
|
|
6
|
-
<template #stackBlockKey>
|
|
7
|
-
<span>{{ localization.common.strategy }}</span>
|
|
8
|
-
</template>
|
|
9
|
-
<template #stackBlockContent>
|
|
10
|
-
<common-select-input
|
|
11
|
-
v-model="model.strategy"
|
|
12
|
-
:data="strategyOptions"
|
|
13
|
-
test-id="backup-strategy"
|
|
14
|
-
/>
|
|
15
|
-
</template>
|
|
16
|
-
</atoms-stack-block>
|
|
17
|
-
</template>
|
|
18
|
-
|
|
19
|
-
<script lang="ts" setup>
|
|
20
|
-
import type { UI_I_Localization } from '~/lib/models/interfaces'
|
|
21
|
-
import type { UI_I_CreateBackupForm } from '~/components/common/pages/backups/modals/lib/models/interfaces'
|
|
22
|
-
import type { UI_I_SelectInputItem } from '~/components/common/select/input/lib/models/interfaces'
|
|
23
|
-
import { strategyOptionsFunc } from '~/components/common/pages/backups/modals/createBackup/lib/config/strategyOptions'
|
|
24
|
-
|
|
25
|
-
const model = defineModel<UI_I_CreateBackupForm>({ required: true })
|
|
26
|
-
|
|
27
|
-
const localization = computed<UI_I_Localization>(() => useLocal())
|
|
28
|
-
|
|
29
|
-
const strategyOptions = ref<UI_I_SelectInputItem[]>(
|
|
30
|
-
strategyOptionsFunc(localization.value)
|
|
31
|
-
)
|
|
32
|
-
</script>
|
|
33
|
-
|
|
34
|
-
<style lang="scss" scoped>
|
|
35
|
-
#backup-transaction-logs {
|
|
36
|
-
margin: 4px 4px 0 0;
|
|
37
|
-
}
|
|
38
|
-
</style>
|
|
1
|
+
<template>
|
|
2
|
+
<atoms-stack-block
|
|
3
|
+
:has-children="false"
|
|
4
|
+
test-id="backup-strategy-stack-block"
|
|
5
|
+
>
|
|
6
|
+
<template #stackBlockKey>
|
|
7
|
+
<span>{{ localization.common.strategy }}</span>
|
|
8
|
+
</template>
|
|
9
|
+
<template #stackBlockContent>
|
|
10
|
+
<common-select-input
|
|
11
|
+
v-model="model.strategy"
|
|
12
|
+
:data="strategyOptions"
|
|
13
|
+
test-id="backup-strategy"
|
|
14
|
+
/>
|
|
15
|
+
</template>
|
|
16
|
+
</atoms-stack-block>
|
|
17
|
+
</template>
|
|
18
|
+
|
|
19
|
+
<script lang="ts" setup>
|
|
20
|
+
import type { UI_I_Localization } from '~/lib/models/interfaces'
|
|
21
|
+
import type { UI_I_CreateBackupForm } from '~/components/common/pages/backups/modals/lib/models/interfaces'
|
|
22
|
+
import type { UI_I_SelectInputItem } from '~/components/common/select/input/lib/models/interfaces'
|
|
23
|
+
import { strategyOptionsFunc } from '~/components/common/pages/backups/modals/createBackup/lib/config/strategyOptions'
|
|
24
|
+
|
|
25
|
+
const model = defineModel<UI_I_CreateBackupForm>({ required: true })
|
|
26
|
+
|
|
27
|
+
const localization = computed<UI_I_Localization>(() => useLocal())
|
|
28
|
+
|
|
29
|
+
const strategyOptions = ref<UI_I_SelectInputItem[]>(
|
|
30
|
+
strategyOptionsFunc(localization.value)
|
|
31
|
+
)
|
|
32
|
+
</script>
|
|
33
|
+
|
|
34
|
+
<style lang="scss" scoped>
|
|
35
|
+
#backup-transaction-logs {
|
|
36
|
+
margin: 4px 4px 0 0;
|
|
37
|
+
}
|
|
38
|
+
</style>
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
export interface UI_I_DynamicSteps {
|
|
2
|
-
general: number
|
|
3
|
-
disks: number
|
|
4
|
-
datastores: number
|
|
5
|
-
configuration: number
|
|
6
|
-
readyComplete: number
|
|
7
|
-
schedulingOptions: number
|
|
8
|
-
}
|
|
1
|
+
export interface UI_I_DynamicSteps {
|
|
2
|
+
general: number
|
|
3
|
+
disks: number
|
|
4
|
+
datastores: number
|
|
5
|
+
configuration: number
|
|
6
|
+
readyComplete: number
|
|
7
|
+
schedulingOptions: number
|
|
8
|
+
}
|
|
@@ -11,13 +11,13 @@
|
|
|
11
11
|
arrow-stroke-width="2.4"
|
|
12
12
|
>
|
|
13
13
|
<template #toggleContent>
|
|
14
|
-
<span class="language-dropdown__icon content-icon"
|
|
15
|
-
|
|
14
|
+
<span class="language-dropdown__icon content-icon">
|
|
15
|
+
<ui-icon
|
|
16
16
|
:name="selectedLang?.iconName"
|
|
17
17
|
:height="props.size === 'sm' ? '16' : '13'"
|
|
18
18
|
:width="props.size === 'sm' ? '24' : '19'"
|
|
19
|
-
|
|
20
|
-
|
|
19
|
+
/>
|
|
20
|
+
</span>
|
|
21
21
|
<span class="ui-selected-text text-ellipsis">{{
|
|
22
22
|
selectedLang?.text
|
|
23
23
|
}}</span>
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
:name="item.iconName"
|
|
29
29
|
:height="props.size === 'sm' ? '16' : '13'"
|
|
30
30
|
:width="props.size === 'sm' ? '24' : '19'"
|
|
31
|
-
|
|
31
|
+
/>
|
|
32
32
|
</span>
|
|
33
33
|
<span class="ui-item-text">{{ item.text }}</span>
|
|
34
34
|
</template>
|