bfg-common 1.5.812 → 1.5.813

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 (105) 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/components/atoms/TheIcon3.vue +50 -50
  7. package/components/atoms/collapse/CollapseNav.vue +170 -170
  8. package/components/atoms/perPage/PerPage.vue +58 -58
  9. package/components/atoms/table/dataGrid/DataGridPagination.vue +97 -97
  10. package/components/atoms/table/dataGrid/lib/config/settingsTable.ts +94 -94
  11. package/components/atoms/table/dataGrid/lib/utils/export.ts +16 -16
  12. package/components/common/backup/storage/actions/add/lib/utils.ts +51 -51
  13. package/components/common/browse/blocks/contents/filesNew/Skeleton.vue +18 -18
  14. package/components/common/configure/advancedSystemSettings/AdvancedSystemSettings.vue +47 -47
  15. package/components/common/configure/advancedSystemSettings/modals/edit/Edit.vue +78 -78
  16. package/components/common/configure/advancedSystemSettings/modals/edit/New.vue +56 -56
  17. package/components/common/configure/advancedSystemSettings/modals/edit/Old.vue +66 -66
  18. package/components/common/configure/advancedSystemSettings/tableView/TableView.vue +40 -40
  19. package/components/common/configure/advancedSystemSettings/tableView/old/Old.vue +122 -122
  20. package/components/common/configure/advancedSystemSettings/tableView/old/field/Field.vue +139 -139
  21. package/components/common/configure/advancedSystemSettings/tableView/old/field/lib/models/enums.ts +13 -13
  22. package/components/common/configure/advancedSystemSettings/tableView/old/lib/config/table.ts +131 -131
  23. package/components/common/diagramMain/modals/lib/config/vCenterModal.ts +48 -48
  24. package/components/common/diagramMain/port/Port.vue +580 -580
  25. package/components/common/layout/theHeader/userMenu/UserMenu.vue +116 -116
  26. package/components/common/layout/theHeader/userMenu/modals/preferences/lib/models/types.ts +7 -7
  27. package/components/common/layout/topNotification/TopNotification.vue +37 -37
  28. package/components/common/layout/topNotification/lib/models/enums.ts +3 -3
  29. package/components/common/pages/backups/DetailView.vue +52 -52
  30. package/components/common/pages/backups/lib/models/interfaces.ts +36 -36
  31. package/components/common/pages/backups/modals/Modals.vue +243 -243
  32. package/components/common/pages/backups/modals/createBackup/configuration/maxBandwidth/lib/config/options.ts +6 -6
  33. package/components/common/pages/backups/modals/restore/disks/tableView/old/Table.vue +117 -117
  34. package/components/common/pages/backups/modals/restore/lib/config/readyToCompleteOptions.ts +96 -96
  35. package/components/common/pages/backups/modals/restore/lib/config/steps.ts +134 -134
  36. package/components/common/pages/backups/modals/restore/name/lib/models/interfaces.ts +6 -6
  37. package/components/common/pages/home/lib/models/interfaces.ts +48 -48
  38. package/components/common/pages/home/widgets/hosts/Hosts.vue +27 -27
  39. package/components/common/pages/home/widgets/hosts/lib/config/items.ts +23 -23
  40. package/components/common/pages/home/widgets/vms/VmsOld.vue +35 -35
  41. package/components/common/pages/home/widgets/vms/lib/config/items.ts +19 -19
  42. package/components/common/pages/scheduledTasks/lib/utils/utils.ts +84 -84
  43. package/components/common/readyToComplete/ReadyToComplete.vue +17 -17
  44. package/components/common/select/radio/RadioGroup.vue +137 -137
  45. package/components/common/spiceConsole/Drawer.vue +420 -420
  46. package/components/common/spiceConsole/SpiceConsole.vue +184 -184
  47. package/components/common/spiceConsole/lib/models/interfaces.ts +5 -5
  48. package/components/common/tools/Actions.vue +207 -207
  49. package/components/common/treeView/TreeView.vue +52 -52
  50. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/shares/lib/config/options.ts +28 -28
  51. package/components/common/vm/actions/common/customizeHardware/virtualHardware/memory/Memory.vue +283 -283
  52. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/New.vue +340 -340
  53. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/NewHardDisk.vue +511 -502
  54. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/Old.vue +279 -279
  55. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/vmStoragePolicy/New.vue +53 -53
  56. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/vmStoragePolicy/Old.vue +45 -45
  57. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/vmStoragePolicy/VmStoragePolicy.vue +31 -31
  58. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/vmStoragePolicy/lib/config/options.ts +12 -12
  59. package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/order/Order.vue +156 -156
  60. package/components/common/vm/actions/common/lib/models/interfaces.ts +192 -192
  61. package/components/common/vm/actions/common/select/compatibility/Old.vue +107 -107
  62. package/components/common/vm/actions/common/select/createType/lib/models/interfaces.ts +5 -5
  63. package/components/common/vm/actions/common/select/options/Options.vue +58 -58
  64. package/components/common/vm/actions/common/select/storage/Old.vue +125 -125
  65. package/components/common/vm/actions/common/select/storage/new/lib/models/interfaces.ts +5 -5
  66. package/components/common/vm/actions/common/select/storage/new/lib/utils/utils.ts +21 -21
  67. package/components/common/vm/actions/common/select/template/old/Old.vue +50 -50
  68. package/components/common/vm/actions/editSettings/new/Skeleton.vue +88 -88
  69. package/components/common/wizards/common/compatibility/Compatibility.vue +35 -35
  70. package/components/common/wizards/common/steps/name/Old.vue +121 -121
  71. package/components/common/wizards/common/steps/name/lib/models/interfaces.ts +4 -4
  72. package/components/common/wizards/common/steps/name/location/New.vue +40 -40
  73. package/components/common/wizards/datastore/add/steps/typeMode/lib/config/typeOptions.ts +43 -43
  74. package/components/common/wizards/network/add/steps/portProperties/PortProperties.vue +192 -192
  75. package/composables/useAppVersion.ts +21 -21
  76. package/composables/useLocal.ts +6 -6
  77. package/composables/useLocalCommon.ts +39 -39
  78. package/lib/config/regExp.ts +53 -53
  79. package/package.json +1 -1
  80. package/plugins/console.ts +21 -21
  81. package/plugins/helpers.ts +34 -34
  82. package/plugins/mouse.ts +21 -21
  83. package/plugins/panelStates.ts +70 -70
  84. package/plugins/text.ts +59 -59
  85. package/public/spice-console/application/clientgui.js +854 -854
  86. package/public/spice-console/application/packetfactory.js +211 -211
  87. package/public/spice-console/application/virtualmouse.js +147 -147
  88. package/public/spice-console/lib/images/bitmap.js +203 -203
  89. package/public/spice-console/network/spicechannel.js +440 -440
  90. package/public/spice-console/process/cursorprocess.js +128 -128
  91. package/public/spice-console/process/inputprocess.js +227 -227
  92. package/public/spice-console/process/mainprocess.js +212 -212
  93. package/public/spice-console/run.js +210 -210
  94. package/store/inventory/modules/configure/advancedSystemSettings/actions.ts +92 -92
  95. package/store/inventory/modules/configure/advancedSystemSettings/getters.ts +17 -17
  96. package/store/inventory/modules/configure/advancedSystemSettings/lib/models/interfaces.ts +45 -45
  97. package/store/inventory/modules/configure/advancedSystemSettings/lib/models/types.ts +30 -30
  98. package/store/inventory/modules/configure/advancedSystemSettings/mappers/mapSettings.ts +50 -50
  99. package/store/main/actions.ts +28 -28
  100. package/store/main/getters.ts +14 -14
  101. package/store/main/lib/interfaces.ts +18 -18
  102. package/store/main/mutations.ts +28 -28
  103. package/store/main/state.ts +9 -9
  104. package/store/tasks/mappers/recentTasks.ts +123 -123
  105. package/store/tasks/mutations.ts +82 -82
@@ -1,192 +1,192 @@
1
- import type { UI_I_DatastoreTableItem } from '~/lib/models/store/storage/interfaces'
2
- import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
3
- import type {
4
- UI_I_SendDataNewNetwork,
5
- UI_I_SendDataNewPciDevice,
6
- UI_I_SendDataVideoCard,
7
- } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/interfaces'
8
- import type {
9
- UI_I_SendDataBootOptions,
10
- UI_I_SendDataRemoteConsoleOptions,
11
- UI_I_SendDataRemoteConsoleOptionsSpice,
12
- UI_I_SendDataTools,
13
- UI_I_SendDataVmoptions,
14
- } from '~/components/common/vm/actions/common/customizeHardware/vmoptions/lib/models/interfaces'
15
- import type { UI_I_TreeNode } from '~/components/common/recursionTree/lib/models/interfaces'
16
- import type { UI_I_ArbitraryObject } from '~/lib/models/interfaces'
17
-
18
- export interface UI_I_Capabilities {
19
- bus_types: UI_I_ArbitraryObject<UI_I_ArbitraryObject<string>>
20
- cdrom_bus_type: UI_I_ArbitraryObject<UI_I_ArbitraryObject<string>>
21
- cpu_models: UI_I_ArbitraryObject<string>
22
- machine_types: UI_I_ArbitraryObject<string>
23
- max_mem_kib: number
24
- max_vcpus: number
25
- }
26
-
27
- export interface UI_I_DeployFromTemplate {
28
- id: string
29
- storage_dst: string
30
- vm_name: string
31
- start: boolean
32
- }
33
-
34
- export interface UI_I_VmForm {
35
- name: string
36
- compatibility: string
37
- storage: UI_I_DatastoreTableItem | null
38
- guestMachineType: UI_I_OptionItem | null
39
- guestOsFamily: UI_I_OptionItem | null
40
- guestOsVersion: UI_I_OptionItem | null
41
- computeResource: UI_I_TreeNode | null
42
- locationPath: string
43
- dataCenter: UI_I_TreeNode | null
44
- options?: string[]
45
- }
46
- export interface UI_I_VmFormCash {
47
- dataCenterId: string | number | null
48
- computeResourceTypeAndId: string | null
49
- }
50
-
51
- export interface UI_I_ErrorMessage {
52
- title: string
53
- descriptions: string[]
54
- }
55
-
56
- export interface UI_I_CreateVmDataUsbController {
57
- type: string
58
- }
59
- interface UI_I_CreateVmDataInputDevices {
60
- type: string
61
- bus: string
62
- }
63
- export interface UI_I_CreateVmDataNewDiskDevice {
64
- create: boolean
65
- size: number
66
- bus: string
67
- storage_id: string
68
- // vm_storage_policy: string // TODO 111
69
- provision_type: string
70
- disk_mode: string
71
- boot_order: number
72
- // новое
73
- device_type: string
74
- sharing: boolean
75
- shares: number
76
- cache: string
77
- io: string
78
- limit_iops: number
79
- }
80
- export interface UI_I_EditVmDataDiskDevice {
81
- size: number
82
- source: string
83
- storage_id: string
84
- device_type: string
85
- bus: string
86
- target: string
87
- boot_order: number
88
- provision_type: string
89
- disk_mode: string
90
- sharing: boolean
91
- read_only: boolean
92
- shares: number
93
- cache: string
94
- io: string
95
- limit_iops: number
96
- discard: string
97
- attach: boolean
98
- detach: boolean
99
- remove: boolean
100
- create: boolean
101
- }
102
- export interface UI_I_CreateVmDataExistDiskDevice {
103
- create: false
104
- source: string
105
- bus: string
106
- device_type: string
107
- // vm_storage_policy: string // TODO 111
108
- provision_type: string
109
- disk_mode: string
110
- boot_order: number
111
- // новое
112
- sharing: boolean
113
- shares: number
114
- cache: string
115
- io: string
116
- limit_iops: number
117
- }
118
- export interface UI_I_CreateVmDataCdDvdDevice {
119
- create: false
120
- source: string
121
- bus: string
122
- device_type: 'cdrom'
123
- boot_order: number
124
- }
125
- export interface UI_I_CreateVmData {
126
- name: string
127
- uuid: string
128
- compatibility: string
129
- guest_os_family: string
130
- guest_os_version: string
131
- machine_type: string
132
- video_card: UI_I_SendDataVideoCard
133
- disk_devices: (
134
- | UI_I_CreateVmDataNewDiskDevice
135
- | UI_I_CreateVmDataExistDiskDevice
136
- | UI_I_CreateVmDataCdDvdDevice
137
- )[]
138
- network_devices: UI_I_SendDataNewNetwork[]
139
- passthrough_pci_devices: UI_I_SendDataNewPciDevice[]
140
- usb_controllers: {
141
- type: string
142
- }[]
143
- input_devices: UI_I_CreateVmDataInputDevices[]
144
- cpu: {
145
- vcpus: number
146
- max_vcpus: number
147
- core_per_socket: number
148
- model: string
149
- reservation_mhz: number
150
- limit_mhz: number | null
151
- shares: number
152
- hotplug: boolean
153
- }
154
- memory: {
155
- size_mb: number
156
- hotplug: boolean
157
- reservation_mb: number
158
- limit_mb: number | null
159
- }
160
- storage: {
161
- id: string
162
- } | null
163
- options: {
164
- remote_console: {
165
- type: string
166
- port: number
167
- keymap: string
168
- password: string
169
- guest_os_lock: boolean
170
- limit_sessions: number
171
- spice: {
172
- img_compression: string
173
- jpeg_compression: string
174
- zlib_glz_compression: string
175
- streaming_mode: string
176
- playback_compression: boolean
177
- file_transfer: boolean
178
- clipboard: boolean
179
- }
180
- }
181
- guest_tools: {
182
- enabled: boolean
183
- synchronized_time: boolean
184
- balloon: boolean
185
- }
186
- boot_options: {
187
- firmware: string
188
- boot_delay_ms: number
189
- boot_menu: boolean
190
- }
191
- }
192
- }
1
+ import type { UI_I_DatastoreTableItem } from '~/lib/models/store/storage/interfaces'
2
+ import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
3
+ import type {
4
+ UI_I_SendDataNewNetwork,
5
+ UI_I_SendDataNewPciDevice,
6
+ UI_I_SendDataVideoCard,
7
+ } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/interfaces'
8
+ import type {
9
+ UI_I_SendDataBootOptions,
10
+ UI_I_SendDataRemoteConsoleOptions,
11
+ UI_I_SendDataRemoteConsoleOptionsSpice,
12
+ UI_I_SendDataTools,
13
+ UI_I_SendDataVmoptions,
14
+ } from '~/components/common/vm/actions/common/customizeHardware/vmoptions/lib/models/interfaces'
15
+ import type { UI_I_TreeNode } from '~/components/common/recursionTree/lib/models/interfaces'
16
+ import type { UI_I_ArbitraryObject } from '~/lib/models/interfaces'
17
+
18
+ export interface UI_I_Capabilities {
19
+ bus_types: UI_I_ArbitraryObject<UI_I_ArbitraryObject<string>>
20
+ cdrom_bus_type: UI_I_ArbitraryObject<UI_I_ArbitraryObject<string>>
21
+ cpu_models: UI_I_ArbitraryObject<string>
22
+ machine_types: UI_I_ArbitraryObject<string>
23
+ max_mem_kib: number
24
+ max_vcpus: number
25
+ }
26
+
27
+ export interface UI_I_DeployFromTemplate {
28
+ id: string
29
+ storage_dst: string
30
+ vm_name: string
31
+ start: boolean
32
+ }
33
+
34
+ export interface UI_I_VmForm {
35
+ name: string
36
+ compatibility: string
37
+ storage: UI_I_DatastoreTableItem | null
38
+ guestMachineType: UI_I_OptionItem | null
39
+ guestOsFamily: UI_I_OptionItem | null
40
+ guestOsVersion: UI_I_OptionItem | null
41
+ computeResource: UI_I_TreeNode | null
42
+ locationPath: string
43
+ dataCenter: UI_I_TreeNode | null
44
+ options?: string[]
45
+ }
46
+ export interface UI_I_VmFormCash {
47
+ dataCenterId: string | number | null
48
+ computeResourceTypeAndId: string | null
49
+ }
50
+
51
+ export interface UI_I_ErrorMessage {
52
+ title: string
53
+ descriptions: string[]
54
+ }
55
+
56
+ export interface UI_I_CreateVmDataUsbController {
57
+ type: string
58
+ }
59
+ interface UI_I_CreateVmDataInputDevices {
60
+ type: string
61
+ bus: string
62
+ }
63
+ export interface UI_I_CreateVmDataNewDiskDevice {
64
+ create: boolean
65
+ size: number
66
+ bus: string
67
+ storage_id: string
68
+ // vm_storage_policy: string // TODO 111
69
+ provision_type: string
70
+ disk_mode: string
71
+ boot_order: number
72
+ // новое
73
+ device_type: string
74
+ sharing: boolean
75
+ shares: number
76
+ cache: string
77
+ io: string
78
+ limit_iops: number
79
+ }
80
+ export interface UI_I_EditVmDataDiskDevice {
81
+ size: number
82
+ source: string
83
+ storage_id: string
84
+ device_type: string
85
+ bus: string
86
+ target: string
87
+ boot_order: number
88
+ provision_type: string
89
+ disk_mode: string
90
+ sharing: boolean
91
+ read_only: boolean
92
+ shares: number
93
+ cache: string
94
+ io: string
95
+ limit_iops: number
96
+ discard: string
97
+ attach: boolean
98
+ detach: boolean
99
+ remove: boolean
100
+ create: boolean
101
+ }
102
+ export interface UI_I_CreateVmDataExistDiskDevice {
103
+ create: false
104
+ source: string
105
+ bus: string
106
+ device_type: string
107
+ // vm_storage_policy: string // TODO 111
108
+ provision_type: string
109
+ disk_mode: string
110
+ boot_order: number
111
+ // новое
112
+ sharing: boolean
113
+ shares: number
114
+ cache: string
115
+ io: string
116
+ limit_iops: number
117
+ }
118
+ export interface UI_I_CreateVmDataCdDvdDevice {
119
+ create: false
120
+ source: string
121
+ bus: string
122
+ device_type: 'cdrom'
123
+ boot_order: number
124
+ }
125
+ export interface UI_I_CreateVmData {
126
+ name: string
127
+ uuid: string
128
+ compatibility: string
129
+ guest_os_family: string
130
+ guest_os_version: string
131
+ machine_type: string
132
+ video_card: UI_I_SendDataVideoCard
133
+ disk_devices: (
134
+ | UI_I_CreateVmDataNewDiskDevice
135
+ | UI_I_CreateVmDataExistDiskDevice
136
+ | UI_I_CreateVmDataCdDvdDevice
137
+ )[]
138
+ network_devices: UI_I_SendDataNewNetwork[]
139
+ passthrough_pci_devices: UI_I_SendDataNewPciDevice[]
140
+ usb_controllers: {
141
+ type: string
142
+ }[]
143
+ input_devices: UI_I_CreateVmDataInputDevices[]
144
+ cpu: {
145
+ vcpus: number
146
+ max_vcpus: number
147
+ core_per_socket: number
148
+ model: string
149
+ reservation_mhz: number
150
+ limit_mhz: number | null
151
+ shares: number
152
+ hotplug: boolean
153
+ }
154
+ memory: {
155
+ size_mb: number
156
+ hotplug: boolean
157
+ reservation_mb: number
158
+ limit_mb: number | null
159
+ }
160
+ storage: {
161
+ id: string
162
+ } | null
163
+ options: {
164
+ remote_console: {
165
+ type: string
166
+ port: number
167
+ keymap: string
168
+ password: string
169
+ guest_os_lock: boolean
170
+ limit_sessions: number
171
+ spice: {
172
+ img_compression: string
173
+ jpeg_compression: string
174
+ zlib_glz_compression: string
175
+ streaming_mode: string
176
+ playback_compression: boolean
177
+ file_transfer: boolean
178
+ clipboard: boolean
179
+ }
180
+ }
181
+ guest_tools: {
182
+ enabled: boolean
183
+ synchronized_time: boolean
184
+ balloon: boolean
185
+ }
186
+ boot_options: {
187
+ firmware: string
188
+ boot_delay_ms: number
189
+ boot_menu: boolean
190
+ }
191
+ }
192
+ }
@@ -1,107 +1,107 @@
1
- <template>
2
- <div class="select-compatibility">
3
- <p class="select-compatibility-block">
4
- {{ props.description }}
5
- </p>
6
- <div class="select-compatibility-block version-select-wrap">
7
- <label for="version-select"
8
- >{{ localization.common.compatibleWith }}:</label
9
- >
10
-
11
- <atoms-tooltip-error
12
- :has-error="!!props.apiError"
13
- selector="#vm-wizard-version-select"
14
- @remove="emits('remove-validation-error')"
15
- >
16
- <template #elem>
17
- <select
18
- id="vm-wizard-version-select"
19
- v-model="selectedVersion"
20
- data-id="vm-wizard-version-select"
21
- >
22
- <option v-for="(item, key) in props.versions" :key="key" :value="item">
23
- {{ item.text }}
24
- </option>
25
- </select>
26
- </template>
27
- <template #content>{{ props.apiError }}</template>
28
- </atoms-tooltip-error>
29
- <!-- <div id="version-select-help-icon" class="flex-align-center relative">-->
30
- <!-- <atoms-the-icon-->
31
- <!-- fill="#0072a3"-->
32
- <!-- width="24px"-->
33
- <!-- height="24px"-->
34
- <!-- name="info-circle"-->
35
- <!-- @click="isShowHelp = !isShowHelp"-->
36
- <!-- />-->
37
- <!-- <atoms-tooltip-signpost-->
38
- <!-- v-if="isShowHelp"-->
39
- <!-- elem-id="version-select-help-icon"-->
40
- <!-- @hide="isShowHelp = false"-->
41
- <!-- >-->
42
- <!-- <h3 class="help-title">{{ localization.common.help }}</h3>-->
43
-
44
- <!-- <p>-->
45
- <!-- {{-->
46
- <!-- localization.common.eachVirtualMachineCompatibilitySettingIncludesHardwareAvailableVirtualMachine-->
47
- <!-- }}-->
48
- <!-- </p>-->
49
-
50
- <!-- <a id="more-information-link" class="pointer">{{-->
51
- <!-- localization.common.moreInformation-->
52
- <!-- }}</a>-->
53
- <!-- </atoms-tooltip-signpost>-->
54
- <!-- </div>-->
55
- </div>
56
- <p class="select-compatibility-block">
57
- {{ props.versionDescription }}
58
- </p>
59
- </div>
60
- </template>
61
-
62
- <script setup lang="ts">
63
- import type { UI_I_Localization } from '~/lib/models/interfaces'
64
- import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
65
-
66
- const selectedVersion = defineModel<UI_I_OptionItem | null>('selectedVersion', {required: true})
67
-
68
- const props = defineProps<{
69
- versions: UI_I_OptionItem[]
70
- description: string
71
- versionDescription: string
72
- apiError: string
73
- }>()
74
- const emits = defineEmits<{
75
- (event: 'remove-validation-error'): void
76
- }>()
77
-
78
- const localization = computed<UI_I_Localization>(() => useLocal())
79
-
80
- </script>
81
-
82
- <style scoped lang="scss">
83
- .select-compatibility-block {
84
- margin-top: 12px;
85
- font-size: 13px;
86
-
87
- &.version-select-wrap {
88
- display: flex;
89
- align-items: center;
90
- gap: 6px;
91
-
92
- //#version-select-help-icon {
93
- // .help-title {
94
- // font-size: 22px;
95
- // }
96
- //
97
- // p {
98
- // width: 200px;
99
- // }
100
- //
101
- // a {
102
- // color: #0072a3;
103
- // }
104
- //}
105
- }
106
- }
107
- </style>
1
+ <template>
2
+ <div class="select-compatibility">
3
+ <p class="select-compatibility-block">
4
+ {{ props.description }}
5
+ </p>
6
+ <div class="select-compatibility-block version-select-wrap">
7
+ <label for="version-select"
8
+ >{{ localization.common.compatibleWith }}:</label
9
+ >
10
+
11
+ <atoms-tooltip-error
12
+ :has-error="!!props.apiError"
13
+ selector="#vm-wizard-version-select"
14
+ @remove="emits('remove-validation-error')"
15
+ >
16
+ <template #elem>
17
+ <select
18
+ id="vm-wizard-version-select"
19
+ v-model="selectedVersion"
20
+ data-id="vm-wizard-version-select"
21
+ >
22
+ <option v-for="(item, key) in props.versions" :key="key" :value="item">
23
+ {{ item.text }}
24
+ </option>
25
+ </select>
26
+ </template>
27
+ <template #content>{{ props.apiError }}</template>
28
+ </atoms-tooltip-error>
29
+ <!-- <div id="version-select-help-icon" class="flex-align-center relative">-->
30
+ <!-- <atoms-the-icon-->
31
+ <!-- fill="#0072a3"-->
32
+ <!-- width="24px"-->
33
+ <!-- height="24px"-->
34
+ <!-- name="info-circle"-->
35
+ <!-- @click="isShowHelp = !isShowHelp"-->
36
+ <!-- />-->
37
+ <!-- <atoms-tooltip-signpost-->
38
+ <!-- v-if="isShowHelp"-->
39
+ <!-- elem-id="version-select-help-icon"-->
40
+ <!-- @hide="isShowHelp = false"-->
41
+ <!-- >-->
42
+ <!-- <h3 class="help-title">{{ localization.common.help }}</h3>-->
43
+
44
+ <!-- <p>-->
45
+ <!-- {{-->
46
+ <!-- localization.common.eachVirtualMachineCompatibilitySettingIncludesHardwareAvailableVirtualMachine-->
47
+ <!-- }}-->
48
+ <!-- </p>-->
49
+
50
+ <!-- <a id="more-information-link" class="pointer">{{-->
51
+ <!-- localization.common.moreInformation-->
52
+ <!-- }}</a>-->
53
+ <!-- </atoms-tooltip-signpost>-->
54
+ <!-- </div>-->
55
+ </div>
56
+ <p class="select-compatibility-block">
57
+ {{ props.versionDescription }}
58
+ </p>
59
+ </div>
60
+ </template>
61
+
62
+ <script setup lang="ts">
63
+ import type { UI_I_Localization } from '~/lib/models/interfaces'
64
+ import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
65
+
66
+ const selectedVersion = defineModel<UI_I_OptionItem | null>('selectedVersion', {required: true})
67
+
68
+ const props = defineProps<{
69
+ versions: UI_I_OptionItem[]
70
+ description: string
71
+ versionDescription: string
72
+ apiError: string
73
+ }>()
74
+ const emits = defineEmits<{
75
+ (event: 'remove-validation-error'): void
76
+ }>()
77
+
78
+ const localization = computed<UI_I_Localization>(() => useLocal())
79
+
80
+ </script>
81
+
82
+ <style scoped lang="scss">
83
+ .select-compatibility-block {
84
+ margin-top: 12px;
85
+ font-size: 13px;
86
+
87
+ &.version-select-wrap {
88
+ display: flex;
89
+ align-items: center;
90
+ gap: 6px;
91
+
92
+ //#version-select-help-icon {
93
+ // .help-title {
94
+ // font-size: 22px;
95
+ // }
96
+ //
97
+ // p {
98
+ // width: 200px;
99
+ // }
100
+ //
101
+ // a {
102
+ // color: #0072a3;
103
+ // }
104
+ //}
105
+ }
106
+ }
107
+ </style>
@@ -1,5 +1,5 @@
1
- import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
2
-
3
- export interface UI_I_VmCreateTypeOption extends UI_I_OptionItem {
4
- description: string
5
- }
1
+ import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
2
+
3
+ export interface UI_I_VmCreateTypeOption extends UI_I_OptionItem {
4
+ description: string
5
+ }