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.
Files changed (21) hide show
  1. package/components/common/layout/theHeader/TheHeader.vue +37 -51
  2. package/components/common/layout/theHeader/TheHeaderNew.vue +9 -19
  3. package/components/common/layout/theHeader/TheHeaderOld.vue +9 -19
  4. package/components/common/layout/theHeader/userMenu/UserMenu.vue +9 -19
  5. package/components/common/layout/theHeader/userMenu/modals/preferences/Preferences.vue +13 -28
  6. package/components/common/layout/theHeader/userMenu/modals/preferences/PreferencesNew.vue +8 -16
  7. package/components/common/layout/theHeader/userMenu/modals/preferences/PreferencesOld.vue +8 -16
  8. package/components/common/layout/theHeader/userMenu/modals/preferences/changeLanguage/ChangeLanguage.vue +10 -4
  9. package/components/common/layout/theHeader/userMenu/modals/preferences/changeLanguage/New.vue +5 -28
  10. package/components/common/layout/theHeader/userMenu/modals/preferences/changeLanguage/Old.vue +5 -28
  11. package/components/common/layout/theHeader/userMenu/modals/preferences/defaultConsole/DefaultConsole.vue +1 -14
  12. package/components/common/layout/theHeader/userMenu/modals/preferences/inventory/Inventory.vue +1 -14
  13. package/components/common/layout/theHeader/userMenu/modals/preferences/timeFormat/TimeFormat.vue +2 -15
  14. package/components/common/layout/theHeader/userMenu/modals/preferences/view/View.vue +2 -15
  15. package/components/common/pages/backups/modals/createBackup/configuration/backupWindow/BackupWindow.vue +29 -29
  16. package/components/common/pages/backups/modals/createBackup/configuration/maxBandwidth/MaxBandwidth.vue +69 -69
  17. package/components/common/pages/backups/modals/createBackup/configuration/maxBandwidth/lib/config/options.ts +6 -6
  18. package/components/common/pages/backups/modals/createBackup/configuration/strategy/Strategy.vue +38 -38
  19. package/components/common/pages/backups/modals/createBackup/lib/models/interfaces.ts +8 -8
  20. package/components/common/selectLanguage/SelectLanguage.vue +5 -5
  21. 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
- defineProps<{
89
- isShowMainMenu: boolean
90
- companyName: string
91
- betaText: string
92
- globalRefreshLoading: boolean
93
- project: UI_T_Project
94
- projectName: string
95
- hostname: string
96
- isPreference: boolean
97
- selectedLanguageType: string
98
- selectedLang: UI_I_Dropdown
99
- remoteConsole: string
100
- vmCluster: boolean
101
- newView: boolean
102
- newViewLocal: boolean
103
- timeFormat: string
104
- isDarkTheme: boolean
105
- isPauseReconnect: boolean
106
- expireTimeFromState: number
107
- isShowReconnectModal: boolean
108
- isShowRedirectLoginModal: boolean
109
- securityLoader?: boolean // для Сферы
110
- recovery?: UI_I_Recovery | null // для Сферы
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
- :time-format="props.timeFormat"
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
- :selected-language="selectedLanguageLocal"
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>
@@ -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="languageModeLocal"
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="selectedLanguageLocal"
27
+ v-model="selectedLanguage"
28
28
  :normalize-lang="props.locales"
29
- :disabled="languageModeLocal === 'BROWSER'"
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>
@@ -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="languageModeLocal"
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="selectedLanguageLocal"
21
- :disabled="languageModeLocal !== item.value"
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>
@@ -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>
@@ -1,7 +1,7 @@
1
1
  <template>
2
2
  <component
3
3
  :is="currentComponent"
4
- v-model="timeItem"
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="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
+ ]
@@ -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
- ><ui-icon
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
- ></ui-icon
20
- ></span>
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
- ></ui-icon>
31
+ />
32
32
  </span>
33
33
  <span class="ui-item-text">{{ item.text }}</span>
34
34
  </template>
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "bfg-common",
3
3
  "private": false,
4
- "version": "1.5.714",
4
+ "version": "1.5.715",
5
5
  "scripts": {
6
6
  "build": "nuxt build",
7
7
  "dev": "nuxt dev --port=3002",