bfg-common 1.5.537 → 1.5.538

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 (124) hide show
  1. package/CODE_STYLE.md +109 -109
  2. package/assets/img/icons/icons-sprite-dark-3.svg +227 -227
  3. package/assets/img/icons/icons-sprite-dark-5.svg +488 -488
  4. package/assets/img/icons/icons-sprite-light-3.svg +227 -227
  5. package/assets/img/icons/icons-sprite-light-5.svg +488 -488
  6. package/assets/localization/local_be.json +1 -1
  7. package/assets/localization/local_en.json +1 -1
  8. package/assets/localization/local_hy.json +1 -1
  9. package/assets/localization/local_kk.json +1 -1
  10. package/assets/localization/local_ru.json +1 -1
  11. package/assets/localization/local_zh.json +1 -1
  12. package/assets/scss/clarity/local_ar.json +1 -1
  13. package/components/atoms/TheIcon3.vue +50 -50
  14. package/components/atoms/collapse/CollapseNav.vue +170 -170
  15. package/components/atoms/perPage/PerPage.vue +58 -58
  16. package/components/atoms/table/dataGrid/DataGrid.vue +1718 -1718
  17. package/components/atoms/table/dataGrid/DataGridPagination.vue +97 -97
  18. package/components/atoms/table/dataGrid/lib/config/settingsTable.ts +94 -94
  19. package/components/atoms/table/dataGrid/lib/utils/export.ts +16 -16
  20. package/components/common/backup/storage/actions/add/Add.vue +251 -251
  21. package/components/common/backup/storage/actions/add/lib/utils.ts +51 -51
  22. package/components/common/browse/blocks/contents/filesNew/Skeleton.vue +18 -18
  23. package/components/common/browse/blocks/lib/models/types.ts +1 -1
  24. package/components/common/browse/lib/models/interfaces.ts +5 -5
  25. package/components/common/diagramMain/network/Contents.vue +497 -497
  26. package/components/common/layout/theHeader/helpMenu/About.vue +79 -79
  27. package/components/common/layout/theHeader/helpMenu/aboutOld/AboutOld.vue +79 -79
  28. package/components/common/pages/backups/DetailView.vue +52 -52
  29. package/components/common/pages/backups/lib/models/interfaces.ts +36 -36
  30. package/components/common/pages/backups/modals/Modals.vue +243 -243
  31. package/components/common/pages/backups/modals/createBackup/CreateBackup.vue +195 -195
  32. package/components/common/pages/backups/modals/createBackup/configuration/maxBandwidth/lib/config/options.ts +6 -6
  33. package/components/common/pages/backups/modals/createBackup/lib/config/readyToCompleteOptions.ts +69 -69
  34. package/components/common/pages/backups/modals/lib/config/restore.ts +115 -115
  35. package/components/common/pages/backups/modals/lib/models/interfaces.ts +186 -186
  36. package/components/common/pages/backups/modals/restore/disks/Disks.vue +27 -27
  37. package/components/common/pages/backups/modals/restore/disks/tableView/lib/config/table.ts +117 -117
  38. package/components/common/pages/backups/modals/restore/name/Name.vue +166 -166
  39. package/components/common/pages/backups/modals/restore/name/lib/models/interfaces.ts +6 -6
  40. package/components/common/pages/backups/modals/restore/networks/Networks.vue +70 -70
  41. package/components/common/pages/backups/modals/restore/networks/table/Table.vue +214 -214
  42. package/components/common/pages/backups/modals/restore/types/lib/config/typeOptions.ts +25 -25
  43. package/components/common/pages/home/lib/models/interfaces.ts +48 -48
  44. package/components/common/pages/home/widgets/hosts/Hosts.vue +27 -27
  45. package/components/common/pages/home/widgets/hosts/lib/config/items.ts +23 -23
  46. package/components/common/pages/home/widgets/vms/VmsOld.vue +35 -35
  47. package/components/common/pages/home/widgets/vms/lib/config/items.ts +19 -19
  48. package/components/common/pages/scheduledTasks/lib/utils/utils.ts +84 -84
  49. package/components/common/readyToComplete/ReadyToComplete.vue +17 -17
  50. package/components/common/select/radio/RadioGroup.vue +137 -137
  51. package/components/common/spiceConsole/Drawer.vue +420 -420
  52. package/components/common/spiceConsole/SpiceConsole.vue +184 -184
  53. package/components/common/spiceConsole/lib/models/interfaces.ts +5 -5
  54. package/components/common/tools/Actions.vue +207 -207
  55. package/components/common/treeView/TreeView.vue +52 -52
  56. package/components/common/vm/actions/add/Add.vue +949 -949
  57. package/components/common/vm/actions/add/New.vue +689 -689
  58. package/components/common/vm/actions/add/Old.vue +400 -400
  59. package/components/common/vm/actions/add/lib/config/steps.ts +347 -347
  60. package/components/common/vm/actions/clone/Clone.vue +808 -808
  61. package/components/common/vm/actions/clone/new/New.vue +454 -454
  62. package/components/common/vm/actions/clone/old/Old.vue +378 -378
  63. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/Cpu.vue +368 -368
  64. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/shares/Shares.vue +140 -140
  65. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/shares/lib/config/options.ts +28 -28
  66. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/NewHardDisk.vue +427 -427
  67. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/location/Location.vue +154 -154
  68. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/macAddress/MacAddress.vue +119 -119
  69. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/dynamicDirectPathIo/DynamicDirectPathIo.vue +31 -31
  70. package/components/common/vm/actions/common/customizeHardware/virtualHardware/other/Other.vue +16 -16
  71. package/components/common/vm/actions/common/customizeHardware/virtualHardware/videoCard/numberDisplays/NumberDisplays.vue +53 -53
  72. package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/delay/Delay.vue +32 -32
  73. package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/firmware/Firmware.vue +60 -60
  74. package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/order/Order.vue +174 -174
  75. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/keymap/Keymap.vue +32 -32
  76. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/password/Password.vue +103 -103
  77. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/usbRedirection/UsbRedirection.vue +28 -28
  78. package/components/common/vm/actions/common/select/compatibility/Old.vue +107 -107
  79. package/components/common/vm/actions/common/select/createType/CreateType.vue +38 -38
  80. package/components/common/vm/actions/common/select/createType/lib/models/interfaces.ts +5 -5
  81. package/components/common/vm/actions/common/select/os/Old.vue +152 -152
  82. package/components/common/vm/actions/common/select/os/Os.vue +139 -139
  83. package/components/common/vm/actions/common/select/storage/new/lib/models/interfaces.ts +5 -5
  84. package/components/common/vm/actions/common/select/storage/new/lib/utils/utils.ts +21 -21
  85. package/components/common/vm/actions/common/select/template/old/Old.vue +50 -50
  86. package/components/common/vm/actions/editSettings/new/Skeleton.vue +88 -88
  87. package/components/common/vm/actions/register/Register.vue +352 -352
  88. package/components/common/vm/actions/register/lib/config/steps.ts +86 -86
  89. package/components/common/wizards/common/steps/computeResource/ComputeResource.vue +85 -85
  90. package/components/common/wizards/common/steps/computeResource/New.vue +92 -92
  91. package/components/common/wizards/common/steps/computeResource/Old.vue +102 -102
  92. package/components/common/wizards/common/steps/computeResource/compatibility/Compatibility.vue +31 -31
  93. package/components/common/wizards/common/steps/computeResource/compatibility/New.vue +98 -98
  94. package/components/common/wizards/common/steps/computeResource/compatibility/Old.vue +54 -54
  95. package/components/common/wizards/common/steps/name/Name.vue +178 -178
  96. package/components/common/wizards/common/steps/name/New.vue +221 -221
  97. package/components/common/wizards/common/steps/name/Old.vue +121 -121
  98. package/components/common/wizards/common/steps/name/lib/models/interfaces.ts +4 -4
  99. package/components/common/wizards/common/steps/name/location/Location.vue +85 -85
  100. package/components/common/wizards/common/steps/name/location/New.vue +40 -40
  101. package/components/common/wizards/datastore/add/Add.vue +228 -228
  102. package/components/common/wizards/datastore/add/lib/utils.ts +85 -85
  103. package/components/common/wizards/datastore/add/steps/typeMode/lib/config/typeOptions.ts +43 -43
  104. package/components/common/wizards/vm/migrate/select/network/Network.vue +103 -103
  105. package/composables/useAppVersion.ts +21 -21
  106. package/composables/useLocal.ts +6 -6
  107. package/composables/useLocalCommon.ts +39 -39
  108. package/package.json +1 -1
  109. package/plugins/console.ts +21 -21
  110. package/plugins/date.ts +233 -233
  111. package/plugins/mouse.ts +21 -21
  112. package/plugins/panelStates.ts +70 -70
  113. package/plugins/text.ts +59 -59
  114. package/public/spice-console/application/clientgui.js +854 -854
  115. package/public/spice-console/application/packetfactory.js +211 -211
  116. package/public/spice-console/application/virtualmouse.js +147 -147
  117. package/public/spice-console/lib/images/bitmap.js +203 -203
  118. package/public/spice-console/network/spicechannel.js +440 -440
  119. package/public/spice-console/process/cursorprocess.js +121 -121
  120. package/public/spice-console/process/inputprocess.js +227 -227
  121. package/public/spice-console/process/mainprocess.js +210 -210
  122. package/public/spice-console/run.js +210 -210
  123. package/store/main/mutations.ts +7 -7
  124. package/store/main/state.ts +7 -7
@@ -1,196 +1,196 @@
1
- <template>
2
- <common-pages-backups-modals-create-backup-new
3
- v-if="isNewView"
4
- v-model="backupForm"
5
- v-model:scheduler-form="schedulerForm"
6
- :wizard="wizard"
7
- :selected-scheme="selectedScheme"
8
- :alert-messages="alertMessages"
9
- :title="title"
10
- :is-scheduled-tasks="props.isScheduledTasks"
11
- :is-edit-scheduled-tasks="props.isEditScheduledTasks"
12
- :target="props.target"
13
- :selected-vm-name="props.selectedVmName"
14
- :disks="props.disks"
15
- :disks-loading="props.disksLoading"
16
- :datastore-table="props.datastoreTable"
17
- :datastore-table-loading="props.datastoreTableLoading"
18
- :ready-to-complete-data="readyToCompleteInfo"
19
- @change-steps="onChangeSteps"
20
- @submit="emits('finish')"
21
- @hide="emits('hide')"
22
- />
23
- <common-pages-backups-modals-create-backup-old
24
- v-else
25
- v-model="backupForm"
26
- v-model:scheduler-form="schedulerForm"
27
- :wizard="wizard"
28
- :selected-scheme="selectedScheme"
29
- :alert-messages="alertMessages"
30
- :title="title"
31
- :alert-errors="errors"
32
- :is-scheduled-tasks="props.isScheduledTasks"
33
- :is-edit-scheduled-tasks="props.isEditScheduledTasks"
34
- :target="props.target"
35
- :selected-vm-name="props.selectedVmName"
36
- :disks="props.disks"
37
- :disks-loading="props.disksLoading"
38
- :datastore-table="props.datastoreTable"
39
- :datastore-table-loading="props.datastoreTableLoading"
40
- :ready-to-complete-data="readyToCompleteInfo"
41
- @change-step-create-backup="onChangeSteps"
42
- @remove-validation-errors="onRemoveValidationErrors"
43
- @finish="emits('finish')"
44
- @hide="emits('hide')"
45
- />
46
- </template>
47
-
48
- <script setup lang="ts">
49
-
50
- import type { UI_I_WizardStep } from '~/node_modules/bfg-uikit/components/ui/wizard/lib/models/interfaces'
51
- import Wizard from '~/node_modules/bfg-uikit/components/ui/wizard/lib/utils/utils'
52
- import type { UI_I_ValidationReturn } from '~/node_modules/bfg-uikit/components/ui/wizard/lib/models/interfaces'
53
- import type {UI_I_Localization} from "~/lib/models/interfaces";
54
- import {
55
- stepsSchemeInitial,
56
- stepsFunc,
57
- dynamicSteps
58
- } from '~/components/common/pages/backups/modals/createBackup/lib/config/steps'
59
- import type {
60
- UI_I_BackupDatastoreTable,
61
- UI_I_CreateBackupForm,
62
- UI_I_Pvm
63
- } from '~/components/common/pages/backups/modals/lib/models/interfaces'
64
- import { strategyOptionsFunc } from '~/components/common/pages/backups/modals/createBackup/lib/config/strategyOptions'
65
- import {
66
- readyToCompleteOptions
67
- } from '~/components/common/pages/backups/modals/createBackup/lib/config/readyToCompleteOptions'
68
- import {
69
- checkName,
70
- checkDisks,
71
- checkDatastore,
72
- checkConfiguration
73
- } from '~/components/common/pages/backups/modals/createBackup/lib/validation/validations'
74
- import type {UI_I_NameCheck} from "~/components/common/pages/backups/modals/restore/name/lib/models/interfaces";
75
- import type {UI_I_SelectInputItem} from "~/components/common/select/input/lib/models/interfaces";
76
- import type {UI_I_TableInfoItem} from "~/components/atoms/table/info/lib/models/interfaces";
77
-
78
-
79
- const backupForm = defineModel<UI_I_CreateBackupForm>({ required: true })
80
- const schedulerForm = defineModel('schedulerForm', { required: true })
81
-
82
- const props = defineProps<{
83
- isEdit: boolean // ToDo проверить на использование
84
- target: string
85
- isScheduledTasks: boolean
86
- isEditScheduledTasks: boolean
87
- selectedVmName: string
88
- disks: UI_I_Pvm['disk_devices']
89
- disksLoading: boolean
90
- datastoreTable: UI_I_BackupDatastoreTable | null
91
- datastoreTableLoading: boolean
92
- }>()
93
-
94
- const emits = defineEmits<{
95
- (event: 'change-step-create-backup', value: UI_I_WizardStep[]): void
96
- (event: 'check-name', value: UI_I_NameCheck): void
97
- (event: 'finish'): void
98
- (event: 'hide'): void
99
- }>()
100
-
101
- const localization = computed<UI_I_Localization>(() => useLocal())
102
-
103
- const { $store }: any = useNuxtApp()
104
-
105
- const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
106
-
107
- const title = computed<string>(() => {
108
- const { createBackup, updateBackup, scheduleNewTasks, scheduleTaskEdit } =
109
- localization.value.common
110
- let result = props.isEdit ? updateBackup : createBackup
111
- if (props.isScheduledTasks) {
112
- const schedulerMode = props.isEditScheduledTasks
113
- ? scheduleTaskEdit
114
- : scheduleNewTasks
115
-
116
- result = `${schedulerMode} (${createBackup})`
117
- }
118
-
119
- return result
120
- })
121
-
122
-
123
- const wizard: Wizard = new Wizard(
124
- stepsFunc(localization.value),
125
- stepsSchemeInitial(props.isScheduledTasks)
126
- )
127
-
128
- const selectedScheme = computed<number[]>(() => wizard.selectedScheme.value)
129
- const alertMessages = computed<string[][]>(() => wizard.alertMessages.value)
130
-
131
- const onChangeSteps = async (value: UI_I_WizardStep[]): Promise<void> => {
132
- emits('change-step-create-backup', value)
133
- wizard.changeSteps(value, validationFunc)
134
- }
135
-
136
- const validationFunc = async (
137
- value: UI_I_WizardStep[],
138
- currentStep: UI_I_WizardStep,
139
- nextStep: UI_I_WizardStep
140
- ): Promise<UI_I_ValidationReturn> => {
141
- let stepHasError = false
142
- const stepShouldStop = {
143
- ifOnCurrentStep: false,
144
- ifFromAnyStep: false,
145
- stoppageStepId: -1
146
- }
147
-
148
- if (wizard.isValidateForStep(dynamicSteps.general, currentStep.id, nextStep.id)) {
149
- const nameValidation = await checkName(value, backupForm.value.name, wizard, localization.value, emits)
150
- value = nameValidation.newValue
151
- stepHasError = nameValidation.stepHasError
152
- }
153
-
154
- if (wizard.isValidateForStep(dynamicSteps.disks, currentStep.id, nextStep.id)) {
155
- const disksValidation = checkDisks(value, backupForm.value, wizard, localization.value, showValidationErrors, onRemoveValidationErrors)
156
- value = disksValidation.newValue
157
- stepHasError = disksValidation.stepHasError
158
- }
159
-
160
- if (wizard.isValidateForStep(dynamicSteps.datastores, currentStep.id, nextStep.id)) {
161
- const datastoreValidation = checkDatastore(value, backupForm.value, wizard, localization.value, showValidationErrors, onRemoveValidationErrors)
162
- value = datastoreValidation.newValue
163
- stepHasError = datastoreValidation.stepHasError
164
- }
165
-
166
- if (wizard.isValidateForStep(dynamicSteps.configuration, currentStep.id, nextStep.id)) {
167
- const configurationValidation = checkConfiguration(value, backupForm.value.bandwidth_limit, wizard, localization.value)
168
- value = configurationValidation.newValue
169
- stepHasError = configurationValidation.stepHasError
170
- }
171
-
172
- return {
173
- newValue: value,
174
- stepHasError,
175
- stepShouldStop
176
- }
177
- }
178
-
179
- const errors = ref<string[]>([])
180
- const showValidationErrors = (data: string[]): void => {
181
- errors.value = data
182
- }
183
- const onRemoveValidationErrors = (): void => {
184
- errors.value = []
185
- }
186
-
187
- const strategyOptions = ref<UI_I_SelectInputItem[]>(
188
- strategyOptionsFunc(localization.value)
189
- )
190
-
191
- const readyToCompleteInfo = computed<UI_I_TableInfoItem[]>(() => {
192
- return readyToCompleteOptions(backupForm.value, localization.value, strategyOptions.value, props.datastoreTable)
193
- })
194
-
195
- </script>
1
+ <template>
2
+ <common-pages-backups-modals-create-backup-new
3
+ v-if="isNewView"
4
+ v-model="backupForm"
5
+ v-model:scheduler-form="schedulerForm"
6
+ :wizard="wizard"
7
+ :selected-scheme="selectedScheme"
8
+ :alert-messages="alertMessages"
9
+ :title="title"
10
+ :is-scheduled-tasks="props.isScheduledTasks"
11
+ :is-edit-scheduled-tasks="props.isEditScheduledTasks"
12
+ :target="props.target"
13
+ :selected-vm-name="props.selectedVmName"
14
+ :disks="props.disks"
15
+ :disks-loading="props.disksLoading"
16
+ :datastore-table="props.datastoreTable"
17
+ :datastore-table-loading="props.datastoreTableLoading"
18
+ :ready-to-complete-data="readyToCompleteInfo"
19
+ @change-steps="onChangeSteps"
20
+ @submit="emits('finish')"
21
+ @hide="emits('hide')"
22
+ />
23
+ <common-pages-backups-modals-create-backup-old
24
+ v-else
25
+ v-model="backupForm"
26
+ v-model:scheduler-form="schedulerForm"
27
+ :wizard="wizard"
28
+ :selected-scheme="selectedScheme"
29
+ :alert-messages="alertMessages"
30
+ :title="title"
31
+ :alert-errors="errors"
32
+ :is-scheduled-tasks="props.isScheduledTasks"
33
+ :is-edit-scheduled-tasks="props.isEditScheduledTasks"
34
+ :target="props.target"
35
+ :selected-vm-name="props.selectedVmName"
36
+ :disks="props.disks"
37
+ :disks-loading="props.disksLoading"
38
+ :datastore-table="props.datastoreTable"
39
+ :datastore-table-loading="props.datastoreTableLoading"
40
+ :ready-to-complete-data="readyToCompleteInfo"
41
+ @change-step-create-backup="onChangeSteps"
42
+ @remove-validation-errors="onRemoveValidationErrors"
43
+ @finish="emits('finish')"
44
+ @hide="emits('hide')"
45
+ />
46
+ </template>
47
+
48
+ <script setup lang="ts">
49
+
50
+ import type { UI_I_WizardStep } from '~/node_modules/bfg-uikit/components/ui/wizard/lib/models/interfaces'
51
+ import Wizard from '~/node_modules/bfg-uikit/components/ui/wizard/lib/utils/utils'
52
+ import type { UI_I_ValidationReturn } from '~/node_modules/bfg-uikit/components/ui/wizard/lib/models/interfaces'
53
+ import type {UI_I_Localization} from "~/lib/models/interfaces";
54
+ import {
55
+ stepsSchemeInitial,
56
+ stepsFunc,
57
+ dynamicSteps
58
+ } from '~/components/common/pages/backups/modals/createBackup/lib/config/steps'
59
+ import type {
60
+ UI_I_BackupDatastoreTable,
61
+ UI_I_CreateBackupForm,
62
+ UI_I_Pvm
63
+ } from '~/components/common/pages/backups/modals/lib/models/interfaces'
64
+ import { strategyOptionsFunc } from '~/components/common/pages/backups/modals/createBackup/lib/config/strategyOptions'
65
+ import {
66
+ readyToCompleteOptions
67
+ } from '~/components/common/pages/backups/modals/createBackup/lib/config/readyToCompleteOptions'
68
+ import {
69
+ checkName,
70
+ checkDisks,
71
+ checkDatastore,
72
+ checkConfiguration
73
+ } from '~/components/common/pages/backups/modals/createBackup/lib/validation/validations'
74
+ import type {UI_I_NameCheck} from "~/components/common/pages/backups/modals/restore/name/lib/models/interfaces";
75
+ import type {UI_I_SelectInputItem} from "~/components/common/select/input/lib/models/interfaces";
76
+ import type {UI_I_TableInfoItem} from "~/components/atoms/table/info/lib/models/interfaces";
77
+
78
+
79
+ const backupForm = defineModel<UI_I_CreateBackupForm>({ required: true })
80
+ const schedulerForm = defineModel('schedulerForm', { required: true })
81
+
82
+ const props = defineProps<{
83
+ isEdit: boolean // ToDo проверить на использование
84
+ target: string
85
+ isScheduledTasks: boolean
86
+ isEditScheduledTasks: boolean
87
+ selectedVmName: string
88
+ disks: UI_I_Pvm['disk_devices']
89
+ disksLoading: boolean
90
+ datastoreTable: UI_I_BackupDatastoreTable | null
91
+ datastoreTableLoading: boolean
92
+ }>()
93
+
94
+ const emits = defineEmits<{
95
+ (event: 'change-step-create-backup', value: UI_I_WizardStep[]): void
96
+ (event: 'check-name', value: UI_I_NameCheck): void
97
+ (event: 'finish'): void
98
+ (event: 'hide'): void
99
+ }>()
100
+
101
+ const localization = computed<UI_I_Localization>(() => useLocal())
102
+
103
+ const { $store }: any = useNuxtApp()
104
+
105
+ const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
106
+
107
+ const title = computed<string>(() => {
108
+ const { createBackup, updateBackup, scheduleNewTasks, scheduleTaskEdit } =
109
+ localization.value.common
110
+ let result = props.isEdit ? updateBackup : createBackup
111
+ if (props.isScheduledTasks) {
112
+ const schedulerMode = props.isEditScheduledTasks
113
+ ? scheduleTaskEdit
114
+ : scheduleNewTasks
115
+
116
+ result = `${schedulerMode} (${createBackup})`
117
+ }
118
+
119
+ return result
120
+ })
121
+
122
+
123
+ const wizard: Wizard = new Wizard(
124
+ stepsFunc(localization.value),
125
+ stepsSchemeInitial(props.isScheduledTasks)
126
+ )
127
+
128
+ const selectedScheme = computed<number[]>(() => wizard.selectedScheme.value)
129
+ const alertMessages = computed<string[][]>(() => wizard.alertMessages.value)
130
+
131
+ const onChangeSteps = async (value: UI_I_WizardStep[]): Promise<void> => {
132
+ emits('change-step-create-backup', value)
133
+ wizard.changeSteps(value, validationFunc)
134
+ }
135
+
136
+ const validationFunc = async (
137
+ value: UI_I_WizardStep[],
138
+ currentStep: UI_I_WizardStep,
139
+ nextStep: UI_I_WizardStep
140
+ ): Promise<UI_I_ValidationReturn> => {
141
+ let stepHasError = false
142
+ const stepShouldStop = {
143
+ ifOnCurrentStep: false,
144
+ ifFromAnyStep: false,
145
+ stoppageStepId: -1
146
+ }
147
+
148
+ if (wizard.isValidateForStep(dynamicSteps.general, currentStep.id, nextStep.id)) {
149
+ const nameValidation = await checkName(value, backupForm.value.name, wizard, localization.value, emits)
150
+ value = nameValidation.newValue
151
+ stepHasError = nameValidation.stepHasError
152
+ }
153
+
154
+ if (wizard.isValidateForStep(dynamicSteps.disks, currentStep.id, nextStep.id)) {
155
+ const disksValidation = checkDisks(value, backupForm.value, wizard, localization.value, showValidationErrors, onRemoveValidationErrors)
156
+ value = disksValidation.newValue
157
+ stepHasError = disksValidation.stepHasError
158
+ }
159
+
160
+ if (wizard.isValidateForStep(dynamicSteps.datastores, currentStep.id, nextStep.id)) {
161
+ const datastoreValidation = checkDatastore(value, backupForm.value, wizard, localization.value, showValidationErrors, onRemoveValidationErrors)
162
+ value = datastoreValidation.newValue
163
+ stepHasError = datastoreValidation.stepHasError
164
+ }
165
+
166
+ if (wizard.isValidateForStep(dynamicSteps.configuration, currentStep.id, nextStep.id)) {
167
+ const configurationValidation = checkConfiguration(value, backupForm.value.bandwidth_limit, wizard, localization.value)
168
+ value = configurationValidation.newValue
169
+ stepHasError = configurationValidation.stepHasError
170
+ }
171
+
172
+ return {
173
+ newValue: value,
174
+ stepHasError,
175
+ stepShouldStop
176
+ }
177
+ }
178
+
179
+ const errors = ref<string[]>([])
180
+ const showValidationErrors = (data: string[]): void => {
181
+ errors.value = data
182
+ }
183
+ const onRemoveValidationErrors = (): void => {
184
+ errors.value = []
185
+ }
186
+
187
+ const strategyOptions = ref<UI_I_SelectInputItem[]>(
188
+ strategyOptionsFunc(localization.value)
189
+ )
190
+
191
+ const readyToCompleteInfo = computed<UI_I_TableInfoItem[]>(() => {
192
+ return readyToCompleteOptions(backupForm.value, localization.value, strategyOptions.value, props.datastoreTable)
193
+ })
194
+
195
+ </script>
196
196
  <style scoped lang="scss"></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,69 +1,69 @@
1
- import type { UI_I_Localization } from '~/lib/models/interfaces'
2
- import type {
3
- UI_I_BackupDatastoreTable,
4
- UI_I_CreateBackupForm,
5
- } from '~/components/common/pages/backups/modals/lib/models/interfaces'
6
- import type { UI_I_TableInfoItem } from '~/components/atoms/table/info/lib/models/interfaces'
7
- import type { UI_I_SelectInputItem } from '~/components/common/select/input/lib/models/interfaces'
8
-
9
- export const readyToCompleteOptions = (
10
- backupForm: UI_I_CreateBackupForm,
11
- localization: UI_I_Localization,
12
- strategyOptions: UI_I_SelectInputItem[],
13
- datastoreTable: UI_I_BackupDatastoreTable | null
14
- ): UI_I_TableInfoItem[] => {
15
- const { $binary } = useNuxtApp()
16
-
17
- const result = [
18
- // General
19
- {
20
- label: localization.common.name,
21
- value: backupForm.name,
22
- iconClassName: 'icon-backup',
23
- },
24
- {
25
- label: localization.common.description,
26
- value: backupForm.description,
27
- },
28
- ]
29
-
30
- // Disks
31
- backupForm.disk_devices.forEach((disk_device, i) => {
32
- result.push({
33
- label: `${localization.common.disk} ${i + 1}`,
34
- value: disk_device.location,
35
- iconClassName: 'icon-vSphere-dsVmDisk',
36
- })
37
- })
38
-
39
- // Datastores
40
- const datastore = datastoreTable?.items.find(
41
- (item) => item.id === backupForm.backup_storage
42
- )
43
- result.push({
44
- label: localization.common.datastore,
45
- value: datastore?.name || '',
46
- iconClassName: 'vsphere-icon-datastore',
47
- })
48
-
49
- // Configuration
50
- result.push({
51
- label: localization.common.strategy,
52
- value:
53
- strategyOptions.find((option) => option.value === backupForm.strategy)
54
- ?.label || '',
55
- })
56
-
57
- const gbSizeByB = 1_073_741_824
58
- const maxBandwidth =
59
- backupForm.bandwidth_limit >= gbSizeByB
60
- ? $binary.bToGb(backupForm.bandwidth_limit) + ' Gbps'
61
- : $binary.bToMb(backupForm.bandwidth_limit) + ' Mbps'
62
-
63
- result.push({
64
- label: localization.common.maxBandwidth,
65
- value: maxBandwidth,
66
- })
67
-
68
- return result
69
- }
1
+ import type { UI_I_Localization } from '~/lib/models/interfaces'
2
+ import type {
3
+ UI_I_BackupDatastoreTable,
4
+ UI_I_CreateBackupForm,
5
+ } from '~/components/common/pages/backups/modals/lib/models/interfaces'
6
+ import type { UI_I_TableInfoItem } from '~/components/atoms/table/info/lib/models/interfaces'
7
+ import type { UI_I_SelectInputItem } from '~/components/common/select/input/lib/models/interfaces'
8
+
9
+ export const readyToCompleteOptions = (
10
+ backupForm: UI_I_CreateBackupForm,
11
+ localization: UI_I_Localization,
12
+ strategyOptions: UI_I_SelectInputItem[],
13
+ datastoreTable: UI_I_BackupDatastoreTable | null
14
+ ): UI_I_TableInfoItem[] => {
15
+ const { $binary } = useNuxtApp()
16
+
17
+ const result = [
18
+ // General
19
+ {
20
+ label: localization.common.name,
21
+ value: backupForm.name,
22
+ iconClassName: 'icon-backup',
23
+ },
24
+ {
25
+ label: localization.common.description,
26
+ value: backupForm.description,
27
+ },
28
+ ]
29
+
30
+ // Disks
31
+ backupForm.disk_devices.forEach((disk_device, i) => {
32
+ result.push({
33
+ label: `${localization.common.disk} ${i + 1}`,
34
+ value: disk_device.location,
35
+ iconClassName: 'icon-vSphere-dsVmDisk',
36
+ })
37
+ })
38
+
39
+ // Datastores
40
+ const datastore = datastoreTable?.items.find(
41
+ (item) => item.id === backupForm.backup_storage
42
+ )
43
+ result.push({
44
+ label: localization.common.datastore,
45
+ value: datastore?.name || '',
46
+ iconClassName: 'vsphere-icon-datastore',
47
+ })
48
+
49
+ // Configuration
50
+ result.push({
51
+ label: localization.common.strategy,
52
+ value:
53
+ strategyOptions.find((option) => option.value === backupForm.strategy)
54
+ ?.label || '',
55
+ })
56
+
57
+ const gbSizeByB = 1_073_741_824
58
+ const maxBandwidth =
59
+ backupForm.bandwidth_limit >= gbSizeByB
60
+ ? $binary.bToGb(backupForm.bandwidth_limit) + ' Gbps'
61
+ : $binary.bToMb(backupForm.bandwidth_limit) + ' Mbps'
62
+
63
+ result.push({
64
+ label: localization.common.maxBandwidth,
65
+ value: maxBandwidth,
66
+ })
67
+
68
+ return result
69
+ }