bfg-common 1.5.521 → 1.5.523

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 (116) 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_ru.json +3622 -3622
  7. package/components/atoms/TheIcon3.vue +50 -50
  8. package/components/atoms/collapse/CollapseNav.vue +170 -170
  9. package/components/atoms/perPage/PerPage.vue +58 -58
  10. package/components/atoms/table/dataGrid/DataGridPagination.vue +97 -97
  11. package/components/atoms/table/dataGrid/lib/config/settingsTable.ts +94 -94
  12. package/components/atoms/table/dataGrid/lib/utils/export.ts +16 -16
  13. package/components/common/backup/storage/actions/add/Add.vue +251 -251
  14. package/components/common/backup/storage/actions/add/lib/utils.ts +51 -51
  15. package/components/common/browse/blocks/contents/filesNew/Skeleton.vue +18 -18
  16. package/components/common/diagramMain/modals/lib/config/portModal.ts +251 -251
  17. package/components/common/diagramMain/modals/lib/config/vCenterModal.ts +48 -48
  18. package/components/common/diagramMain/port/Port.vue +580 -580
  19. package/components/common/layout/theHeader/helpMenu/About.vue +79 -79
  20. package/components/common/layout/theHeader/helpMenu/aboutOld/AboutOld.vue +79 -79
  21. package/components/common/pages/backups/DetailView.vue +52 -52
  22. package/components/common/pages/backups/lib/models/interfaces.ts +36 -36
  23. package/components/common/pages/backups/modals/Modals.vue +243 -243
  24. package/components/common/pages/backups/modals/createBackup/configuration/maxBandwidth/lib/config/options.ts +6 -6
  25. package/components/common/pages/backups/modals/lib/config/restore.ts +115 -115
  26. package/components/common/pages/backups/modals/lib/models/interfaces.ts +186 -186
  27. package/components/common/pages/backups/modals/restore/disks/Disks.vue +27 -27
  28. package/components/common/pages/backups/modals/restore/disks/tableView/lib/config/table.ts +117 -117
  29. package/components/common/pages/backups/modals/restore/name/Name.vue +166 -166
  30. package/components/common/pages/backups/modals/restore/name/lib/models/interfaces.ts +6 -6
  31. package/components/common/pages/backups/modals/restore/networks/Networks.vue +67 -67
  32. package/components/common/pages/backups/modals/restore/networks/table/Table.vue +214 -214
  33. package/components/common/pages/backups/modals/restore/types/lib/config/typeOptions.ts +25 -25
  34. package/components/common/pages/home/lib/models/interfaces.ts +48 -48
  35. package/components/common/pages/home/widgets/hosts/Hosts.vue +27 -27
  36. package/components/common/pages/home/widgets/hosts/lib/config/items.ts +23 -23
  37. package/components/common/pages/home/widgets/vms/VmsOld.vue +35 -35
  38. package/components/common/pages/home/widgets/vms/lib/config/items.ts +19 -19
  39. package/components/common/pages/scheduledTasks/lib/utils/utils.ts +84 -84
  40. package/components/common/pages/scheduledTasks/modals/common/newTaskForm/lib/utils.ts +5 -3
  41. package/components/common/readyToComplete/ReadyToComplete.vue +17 -17
  42. package/components/common/select/radio/RadioGroup.vue +137 -137
  43. package/components/common/spiceConsole/Drawer.vue +420 -420
  44. package/components/common/spiceConsole/SpiceConsole.vue +184 -184
  45. package/components/common/spiceConsole/lib/models/interfaces.ts +5 -5
  46. package/components/common/tools/Actions.vue +207 -207
  47. package/components/common/treeView/TreeView.vue +52 -52
  48. package/components/common/vm/actions/add/Add.vue +895 -895
  49. package/components/common/vm/actions/add/New.vue +695 -695
  50. package/components/common/vm/actions/add/Old.vue +414 -414
  51. package/components/common/vm/actions/add/lib/config/steps.ts +347 -347
  52. package/components/common/vm/actions/clone/Clone.vue +863 -863
  53. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/Cpu.vue +368 -368
  54. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/shares/Shares.vue +140 -140
  55. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/shares/lib/config/options.ts +28 -28
  56. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/NewHardDisk.vue +427 -393
  57. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/NewHardDiskNew.vue +15 -11
  58. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/NewHardDiskOld.vue +15 -14
  59. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/location/Location.vue +154 -154
  60. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/location/new/table/Table.vue +99 -99
  61. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/macAddress/MacAddress.vue +119 -119
  62. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/dynamicDirectPathIo/DynamicDirectPathIo.vue +31 -31
  63. package/components/common/vm/actions/common/customizeHardware/virtualHardware/other/Other.vue +16 -16
  64. package/components/common/vm/actions/common/customizeHardware/virtualHardware/videoCard/numberDisplays/NumberDisplays.vue +53 -53
  65. package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/delay/Delay.vue +32 -32
  66. package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/firmware/Firmware.vue +60 -60
  67. package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/order/Order.vue +174 -174
  68. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/keymap/Keymap.vue +32 -32
  69. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/password/Password.vue +103 -103
  70. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/usbRedirection/UsbRedirection.vue +28 -28
  71. package/components/common/vm/actions/common/lib/models/interfaces.ts +1 -0
  72. package/components/common/vm/actions/common/select/compatibility/Old.vue +107 -107
  73. package/components/common/vm/actions/common/select/computeResource/ComputeResource.vue +143 -143
  74. package/components/common/vm/actions/common/select/computeResource/New.vue +184 -184
  75. package/components/common/vm/actions/common/select/computeResource/treeView/TreeView.vue +131 -131
  76. package/components/common/vm/actions/common/select/createType/CreateType.vue +38 -38
  77. package/components/common/vm/actions/common/select/createType/lib/models/interfaces.ts +5 -5
  78. package/components/common/vm/actions/common/select/os/Old.vue +152 -152
  79. package/components/common/vm/actions/common/select/os/Os.vue +139 -139
  80. package/components/common/vm/actions/common/select/storage/new/New.vue +320 -320
  81. package/components/common/vm/actions/common/select/storage/new/lib/models/interfaces.ts +5 -5
  82. package/components/common/vm/actions/common/select/storage/new/lib/utils/utils.ts +21 -21
  83. package/components/common/vm/actions/common/select/template/old/Old.vue +50 -50
  84. package/components/common/vm/actions/editSettings/new/Skeleton.vue +88 -88
  85. package/components/common/vm/actions/register/Register.vue +285 -285
  86. package/components/common/vm/actions/register/lib/config/steps.ts +86 -86
  87. package/components/common/wizards/common/steps/name/Name.vue +179 -179
  88. package/components/common/wizards/common/steps/name/New.vue +221 -221
  89. package/components/common/wizards/common/steps/name/Old.vue +121 -121
  90. package/components/common/wizards/common/steps/name/lib/models/interfaces.ts +4 -4
  91. package/components/common/wizards/common/steps/name/location/Location.vue +85 -85
  92. package/components/common/wizards/common/steps/name/location/New.vue +40 -40
  93. package/components/common/wizards/datastore/add/Add.vue +228 -228
  94. package/components/common/wizards/datastore/add/lib/utils.ts +85 -85
  95. package/components/common/wizards/datastore/add/steps/typeMode/lib/config/typeOptions.ts +43 -43
  96. package/components/common/wizards/vm/migrate/select/network/Network.vue +103 -103
  97. package/composables/useAppVersion.ts +21 -21
  98. package/composables/useLocal.ts +6 -6
  99. package/composables/useLocalCommon.ts +39 -39
  100. package/package.json +1 -1
  101. package/plugins/console.ts +21 -21
  102. package/plugins/date.ts +233 -233
  103. package/plugins/mouse.ts +21 -21
  104. package/plugins/panelStates.ts +70 -70
  105. package/plugins/text.ts +59 -59
  106. package/public/spice-console/application/clientgui.js +854 -854
  107. package/public/spice-console/application/packetfactory.js +211 -211
  108. package/public/spice-console/application/virtualmouse.js +147 -147
  109. package/public/spice-console/lib/images/bitmap.js +203 -203
  110. package/public/spice-console/network/spicechannel.js +440 -440
  111. package/public/spice-console/process/cursorprocess.js +121 -121
  112. package/public/spice-console/process/inputprocess.js +227 -227
  113. package/public/spice-console/process/mainprocess.js +210 -210
  114. package/public/spice-console/run.js +210 -210
  115. package/store/main/mutations.ts +7 -7
  116. package/store/main/state.ts +7 -7
@@ -1,32 +1,32 @@
1
- <template>
2
- <common-vm-actions-common-customize-hardware-vmoptions-boot-options-delay-new
3
- v-if="isNewView"
4
- v-model:boot-delay="bootDelay"
5
- :boot-delay-options="bootDelayOptions"
6
- :is-disabled="props.isDisabled"
7
- />
8
- <common-vm-actions-common-customize-hardware-vmoptions-boot-options-delay-old
9
- v-else
10
- v-model:boot-delay="bootDelay"
11
- :boot-delay-options="bootDelayOptions"
12
- :is-disabled="props.isDisabled"
13
- />
14
- </template>
15
-
16
- <script setup lang="ts">
17
- import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
18
- import { bootDelayOptionsConfig } from '~/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/delay/lib/config/config'
19
-
20
- const bootDelay = defineModel<number>('bootDelay', { required: true })
21
-
22
- const props = defineProps<{
23
- isDisabled: boolean
24
- }>()
25
-
26
- const { $store }: any = useNuxtApp()
27
- const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
28
-
29
- const bootDelayOptions = ref<UI_I_OptionItem[]>(bootDelayOptionsConfig)
30
- </script>
31
-
32
- <style scoped></style>
1
+ <template>
2
+ <common-vm-actions-common-customize-hardware-vmoptions-boot-options-delay-new
3
+ v-if="isNewView"
4
+ v-model:boot-delay="bootDelay"
5
+ :boot-delay-options="bootDelayOptions"
6
+ :is-disabled="props.isDisabled"
7
+ />
8
+ <common-vm-actions-common-customize-hardware-vmoptions-boot-options-delay-old
9
+ v-else
10
+ v-model:boot-delay="bootDelay"
11
+ :boot-delay-options="bootDelayOptions"
12
+ :is-disabled="props.isDisabled"
13
+ />
14
+ </template>
15
+
16
+ <script setup lang="ts">
17
+ import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
18
+ import { bootDelayOptionsConfig } from '~/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/delay/lib/config/config'
19
+
20
+ const bootDelay = defineModel<number>('bootDelay', { required: true })
21
+
22
+ const props = defineProps<{
23
+ isDisabled: boolean
24
+ }>()
25
+
26
+ const { $store }: any = useNuxtApp()
27
+ const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
28
+
29
+ const bootDelayOptions = ref<UI_I_OptionItem[]>(bootDelayOptionsConfig)
30
+ </script>
31
+
32
+ <style scoped></style>
@@ -1,60 +1,60 @@
1
- <template>
2
- <common-vm-actions-common-customize-hardware-vmoptions-boot-options-firmware-new
3
- v-if="isNewView"
4
- v-model:firmware="firmware"
5
- :firmware-options="firmwareOptions"
6
- :error-text="apiError"
7
- :is-disabled="isDisabled"
8
- @remove-error="onRemoveValidationError"
9
- />
10
- <common-vm-actions-common-customize-hardware-vmoptions-boot-options-firmware-old
11
- v-else
12
- v-model:firmware="firmware"
13
- :firmware-options="firmwareOptions"
14
- :error-text="apiError"
15
- :is-disabled="isDisabled"
16
- @remove-error="onRemoveValidationError"
17
- />
18
- </template>
19
-
20
- <script setup lang="ts">
21
- import type { UI_I_Localization } from '~/lib/models/interfaces'
22
- import type { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
23
- import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
24
- import { firmwareOptionsFunc } from '~/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/firmware/lib/config/config'
25
-
26
- const firmware = defineModel<string>('firmware', { required: true })
27
-
28
- const props = defineProps<{
29
- errorValidationFields: UI_I_ErrorValidationField[]
30
- isEdit: boolean
31
- isDisabled: boolean
32
- }>()
33
- const emits = defineEmits<{
34
- (event: 'remove-error-by-title', value: string): void
35
- }>()
36
-
37
- const localization = computed<UI_I_Localization>(() => useLocal())
38
-
39
- const { $store }: any = useNuxtApp()
40
- const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
41
-
42
- const firmwareOptions = ref<UI_I_OptionItem[]>(
43
- firmwareOptionsFunc(localization.value)
44
- )
45
-
46
- const typeError = 'options.boot_options.firmware'
47
-
48
- const apiError = computed<string>(() => {
49
- return (
50
- props.errorValidationFields?.find((message) => message.field === typeError)
51
- ?.error_message || ''
52
- )
53
- })
54
-
55
- const onRemoveValidationError = (): void => {
56
- emits('remove-error-by-title', typeError)
57
- }
58
- </script>
59
-
60
- <style scoped></style>
1
+ <template>
2
+ <common-vm-actions-common-customize-hardware-vmoptions-boot-options-firmware-new
3
+ v-if="isNewView"
4
+ v-model:firmware="firmware"
5
+ :firmware-options="firmwareOptions"
6
+ :error-text="apiError"
7
+ :is-disabled="isDisabled"
8
+ @remove-error="onRemoveValidationError"
9
+ />
10
+ <common-vm-actions-common-customize-hardware-vmoptions-boot-options-firmware-old
11
+ v-else
12
+ v-model:firmware="firmware"
13
+ :firmware-options="firmwareOptions"
14
+ :error-text="apiError"
15
+ :is-disabled="isDisabled"
16
+ @remove-error="onRemoveValidationError"
17
+ />
18
+ </template>
19
+
20
+ <script setup lang="ts">
21
+ import type { UI_I_Localization } from '~/lib/models/interfaces'
22
+ import type { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
23
+ import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
24
+ import { firmwareOptionsFunc } from '~/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/firmware/lib/config/config'
25
+
26
+ const firmware = defineModel<string>('firmware', { required: true })
27
+
28
+ const props = defineProps<{
29
+ errorValidationFields: UI_I_ErrorValidationField[]
30
+ isEdit: boolean
31
+ isDisabled: boolean
32
+ }>()
33
+ const emits = defineEmits<{
34
+ (event: 'remove-error-by-title', value: string): void
35
+ }>()
36
+
37
+ const localization = computed<UI_I_Localization>(() => useLocal())
38
+
39
+ const { $store }: any = useNuxtApp()
40
+ const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
41
+
42
+ const firmwareOptions = ref<UI_I_OptionItem[]>(
43
+ firmwareOptionsFunc(localization.value)
44
+ )
45
+
46
+ const typeError = 'options.boot_options.firmware'
47
+
48
+ const apiError = computed<string>(() => {
49
+ return (
50
+ props.errorValidationFields?.find((message) => message.field === typeError)
51
+ ?.error_message || ''
52
+ )
53
+ })
54
+
55
+ const onRemoveValidationError = (): void => {
56
+ emits('remove-error-by-title', typeError)
57
+ }
58
+ </script>
59
+
60
+ <style scoped></style>
@@ -1,174 +1,174 @@
1
- <template>
2
- <common-vm-actions-common-customize-hardware-vmoptions-boot-options-order-new
3
- v-if="isNewView"
4
- :boot-list="bootList"
5
- :is-disabled="props.isDisabled"
6
- @change-order="onChangeOrder"
7
- />
8
- <common-vm-actions-common-customize-hardware-vmoptions-boot-options-order-old
9
- v-else
10
- :boot-list="bootList"
11
- :is-disabled="props.isDisabled"
12
- @change-order="onChangeOrder"
13
- />
14
- </template>
15
-
16
- <script setup lang="ts">
17
- import type { UI_I_BootItem } from '~/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/order/lib/models/interfaces'
18
- import type {
19
- UI_I_SendDataNewCdDvdDrive,
20
- UI_I_SendDataNewHardDisk,
21
- UI_I_SendDataNewNetwork,
22
- } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/interfaces'
23
- import type { UI_I_DropEvent } from '~/components/atoms/list/dragDropList/lib/config/events'
24
-
25
- const props = defineProps<{
26
- hardDisks: UI_I_SendDataNewHardDisk[] | null
27
- cdDvdDrives: UI_I_SendDataNewCdDvdDrive[] | null
28
- networks: UI_I_SendDataNewNetwork[] | null
29
- isDisabled: boolean
30
- }>()
31
- const emits = defineEmits<{
32
- (
33
- event: 'change',
34
- value: [
35
- UI_I_SendDataNewHardDisk[],
36
- UI_I_SendDataNewCdDvdDrive[],
37
- UI_I_SendDataNewNetwork[]
38
- ]
39
- ): void
40
- }>()
41
-
42
- const { $store }: any = useNuxtApp()
43
- const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
44
-
45
- const bootList = ref<UI_I_BootItem[]>([])
46
-
47
- const hardDisksAndNetworks = computed<
48
- [
49
- UI_I_SendDataNewHardDisk[] | null,
50
- UI_I_SendDataNewCdDvdDrive[] | null,
51
- UI_I_SendDataNewNetwork[] | null
52
- ]
53
- >(() => [props.hardDisks, props.cdDvdDrives, props.networks])
54
- watch(
55
- hardDisksAndNetworks,
56
- (
57
- newValue: [
58
- UI_I_SendDataNewHardDisk[] | null,
59
- UI_I_SendDataNewCdDvdDrive[] | null,
60
- UI_I_SendDataNewNetwork[] | null
61
- ]
62
- ) => {
63
- const hardDisks: UI_I_BootItem[] =
64
- newValue[0]?.map((item, index) => {
65
- const order = item.boot_order || 0
66
- return {
67
- order,
68
- isChecked: !!order,
69
- text: `disk${index}`,
70
- iconClassName: 'icon-disk',
71
- type: 'disk',
72
- name: item.source + index,
73
- testId: `select-disk-value-${index + 1}`,
74
- }
75
- }) || []
76
- const cdDvdDrives: UI_I_BootItem[] =
77
- newValue[1]?.map((item, index) => {
78
- const order = item.boot_order || 0
79
- return {
80
- order,
81
- isChecked: !!order,
82
- text: `cdrom${index}`,
83
- iconClassName: 'icon-disk',
84
- type: 'cdDvd',
85
- name: item.source + index,
86
- testId: `select-cd-dvd-value-${index + 1}`,
87
- }
88
- }) || []
89
- const networks: UI_I_BootItem[] =
90
- newValue[2]?.map((item, index) => {
91
- const order = item.boot_order || 0
92
- return {
93
- order,
94
- isChecked: !!order,
95
- text: item.mac || 'undefined',
96
- iconClassName: 'vsphere-icon-network',
97
- type: 'nic',
98
- name: item.network + index,
99
- testId: `select-nic-value-${index + 1}`,
100
- }
101
- }) || []
102
-
103
- bootList.value = [...hardDisks, ...cdDvdDrives, ...networks].sort(
104
- (a, b) => a.order - b.order
105
- )
106
- },
107
- { deep: true, immediate: true }
108
- )
109
-
110
- const onChangeOrder = (event: UI_I_DropEvent): void => {
111
- let order = -1
112
- bootList.value = bootList.value
113
- .map((item) => {
114
- if (item === event.target) {
115
- item.order = event.toPosition
116
- return item
117
- }
118
-
119
- item.order = order + 1 === event.toPosition ? (order += 2) : order++
120
-
121
- return item
122
- })
123
- .sort((a, b) => a.order - b.order)
124
- }
125
-
126
- watch(
127
- bootList,
128
- (newValue) => {
129
- const networks: UI_I_SendDataNewNetwork[] = []
130
- const hardDisks: UI_I_SendDataNewHardDisk[] = []
131
- const cdDvdDrives: UI_I_SendDataNewCdDvdDrive[] = []
132
- let index = 0
133
- newValue.forEach((boot) => {
134
- if (boot.type === 'nic') {
135
- const network = props.networks?.find(
136
- (network, index2) => network.network + index2 === boot.name
137
- )
138
- if (network) {
139
- networks.push({
140
- ...network,
141
- boot_order: boot.isChecked ? ++index : 0,
142
- })
143
- }
144
- } else if (boot.type === 'disk') {
145
- const hardDisk = props.hardDisks?.find(
146
- (hardDisk, index2) => hardDisk.source + index2 === boot.name
147
- )
148
- if (hardDisk) {
149
- hardDisks.push({
150
- ...hardDisk,
151
- boot_order: boot.isChecked ? ++index : 0,
152
- })
153
- }
154
- } else {
155
- const cdDvdDrive = props.cdDvdDrives?.find(
156
- (cdDvdDrive, index2) => cdDvdDrive.source + index2 === boot.name
157
- )
158
- if (cdDvdDrive) {
159
- cdDvdDrives.push({
160
- ...cdDvdDrive,
161
- boot_order: boot.isChecked ? ++index : 0,
162
- })
163
- }
164
- }
165
- })
166
-
167
- emits('change', [hardDisks, cdDvdDrives, networks])
168
- },
169
- { deep: true, immediate: true }
170
- )
171
- </script>
172
-
173
- <style scoped lang="scss">
174
- </style>
1
+ <template>
2
+ <common-vm-actions-common-customize-hardware-vmoptions-boot-options-order-new
3
+ v-if="isNewView"
4
+ :boot-list="bootList"
5
+ :is-disabled="props.isDisabled"
6
+ @change-order="onChangeOrder"
7
+ />
8
+ <common-vm-actions-common-customize-hardware-vmoptions-boot-options-order-old
9
+ v-else
10
+ :boot-list="bootList"
11
+ :is-disabled="props.isDisabled"
12
+ @change-order="onChangeOrder"
13
+ />
14
+ </template>
15
+
16
+ <script setup lang="ts">
17
+ import type { UI_I_BootItem } from '~/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/order/lib/models/interfaces'
18
+ import type {
19
+ UI_I_SendDataNewCdDvdDrive,
20
+ UI_I_SendDataNewHardDisk,
21
+ UI_I_SendDataNewNetwork,
22
+ } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/interfaces'
23
+ import type { UI_I_DropEvent } from '~/components/atoms/list/dragDropList/lib/config/events'
24
+
25
+ const props = defineProps<{
26
+ hardDisks: UI_I_SendDataNewHardDisk[] | null
27
+ cdDvdDrives: UI_I_SendDataNewCdDvdDrive[] | null
28
+ networks: UI_I_SendDataNewNetwork[] | null
29
+ isDisabled: boolean
30
+ }>()
31
+ const emits = defineEmits<{
32
+ (
33
+ event: 'change',
34
+ value: [
35
+ UI_I_SendDataNewHardDisk[],
36
+ UI_I_SendDataNewCdDvdDrive[],
37
+ UI_I_SendDataNewNetwork[]
38
+ ]
39
+ ): void
40
+ }>()
41
+
42
+ const { $store }: any = useNuxtApp()
43
+ const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
44
+
45
+ const bootList = ref<UI_I_BootItem[]>([])
46
+
47
+ const hardDisksAndNetworks = computed<
48
+ [
49
+ UI_I_SendDataNewHardDisk[] | null,
50
+ UI_I_SendDataNewCdDvdDrive[] | null,
51
+ UI_I_SendDataNewNetwork[] | null
52
+ ]
53
+ >(() => [props.hardDisks, props.cdDvdDrives, props.networks])
54
+ watch(
55
+ hardDisksAndNetworks,
56
+ (
57
+ newValue: [
58
+ UI_I_SendDataNewHardDisk[] | null,
59
+ UI_I_SendDataNewCdDvdDrive[] | null,
60
+ UI_I_SendDataNewNetwork[] | null
61
+ ]
62
+ ) => {
63
+ const hardDisks: UI_I_BootItem[] =
64
+ newValue[0]?.map((item, index) => {
65
+ const order = item.boot_order || 0
66
+ return {
67
+ order,
68
+ isChecked: !!order,
69
+ text: `disk${index}`,
70
+ iconClassName: 'icon-disk',
71
+ type: 'disk',
72
+ name: item.source + index,
73
+ testId: `select-disk-value-${index + 1}`,
74
+ }
75
+ }) || []
76
+ const cdDvdDrives: UI_I_BootItem[] =
77
+ newValue[1]?.map((item, index) => {
78
+ const order = item.boot_order || 0
79
+ return {
80
+ order,
81
+ isChecked: !!order,
82
+ text: `cdrom${index}`,
83
+ iconClassName: 'icon-disk',
84
+ type: 'cdDvd',
85
+ name: item.source + index,
86
+ testId: `select-cd-dvd-value-${index + 1}`,
87
+ }
88
+ }) || []
89
+ const networks: UI_I_BootItem[] =
90
+ newValue[2]?.map((item, index) => {
91
+ const order = item.boot_order || 0
92
+ return {
93
+ order,
94
+ isChecked: !!order,
95
+ text: item.mac || 'undefined',
96
+ iconClassName: 'vsphere-icon-network',
97
+ type: 'nic',
98
+ name: item.network + index,
99
+ testId: `select-nic-value-${index + 1}`,
100
+ }
101
+ }) || []
102
+
103
+ bootList.value = [...hardDisks, ...cdDvdDrives, ...networks].sort(
104
+ (a, b) => a.order - b.order
105
+ )
106
+ },
107
+ { deep: true, immediate: true }
108
+ )
109
+
110
+ const onChangeOrder = (event: UI_I_DropEvent): void => {
111
+ let order = -1
112
+ bootList.value = bootList.value
113
+ .map((item) => {
114
+ if (item === event.target) {
115
+ item.order = event.toPosition
116
+ return item
117
+ }
118
+
119
+ item.order = order + 1 === event.toPosition ? (order += 2) : order++
120
+
121
+ return item
122
+ })
123
+ .sort((a, b) => a.order - b.order)
124
+ }
125
+
126
+ watch(
127
+ bootList,
128
+ (newValue) => {
129
+ const networks: UI_I_SendDataNewNetwork[] = []
130
+ const hardDisks: UI_I_SendDataNewHardDisk[] = []
131
+ const cdDvdDrives: UI_I_SendDataNewCdDvdDrive[] = []
132
+ let index = 0
133
+ newValue.forEach((boot) => {
134
+ if (boot.type === 'nic') {
135
+ const network = props.networks?.find(
136
+ (network, index2) => network.network + index2 === boot.name
137
+ )
138
+ if (network) {
139
+ networks.push({
140
+ ...network,
141
+ boot_order: boot.isChecked ? ++index : 0,
142
+ })
143
+ }
144
+ } else if (boot.type === 'disk') {
145
+ const hardDisk = props.hardDisks?.find(
146
+ (hardDisk, index2) => hardDisk.source + index2 === boot.name
147
+ )
148
+ if (hardDisk) {
149
+ hardDisks.push({
150
+ ...hardDisk,
151
+ boot_order: boot.isChecked ? ++index : 0,
152
+ })
153
+ }
154
+ } else {
155
+ const cdDvdDrive = props.cdDvdDrives?.find(
156
+ (cdDvdDrive, index2) => cdDvdDrive.source + index2 === boot.name
157
+ )
158
+ if (cdDvdDrive) {
159
+ cdDvdDrives.push({
160
+ ...cdDvdDrive,
161
+ boot_order: boot.isChecked ? ++index : 0,
162
+ })
163
+ }
164
+ }
165
+ })
166
+
167
+ emits('change', [hardDisks, cdDvdDrives, networks])
168
+ },
169
+ { deep: true, immediate: true }
170
+ )
171
+ </script>
172
+
173
+ <style scoped lang="scss">
174
+ </style>
@@ -1,32 +1,32 @@
1
- <template>
2
- <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-keymap-new
3
- v-if="isNewView"
4
- v-model:keymap="keymap"
5
- :disabled="props.disabled"
6
- :keymap-options="keymapOptions"
7
- />
8
- <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-keymap-old
9
- v-else
10
- v-model:keymap="keymap"
11
- :disabled="props.disabled"
12
- :keymap-options="keymapOptions"
13
- />
14
- </template>
15
-
16
- <script setup lang="ts">
17
- import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
18
- import { keymapOptionsConfig } from '~/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/keymap/lib/config/config'
19
-
20
- const keymap = defineModel<string>('keymap', { required: true })
21
-
22
- const props = defineProps<{
23
- disabled: boolean
24
- }>()
25
-
26
- const { $store }: any = useNuxtApp()
27
- const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
28
-
29
- const keymapOptions = ref<UI_I_OptionItem[]>(keymapOptionsConfig)
30
- </script>
31
-
32
- <style scoped></style>
1
+ <template>
2
+ <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-keymap-new
3
+ v-if="isNewView"
4
+ v-model:keymap="keymap"
5
+ :disabled="props.disabled"
6
+ :keymap-options="keymapOptions"
7
+ />
8
+ <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-keymap-old
9
+ v-else
10
+ v-model:keymap="keymap"
11
+ :disabled="props.disabled"
12
+ :keymap-options="keymapOptions"
13
+ />
14
+ </template>
15
+
16
+ <script setup lang="ts">
17
+ import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
18
+ import { keymapOptionsConfig } from '~/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/keymap/lib/config/config'
19
+
20
+ const keymap = defineModel<string>('keymap', { required: true })
21
+
22
+ const props = defineProps<{
23
+ disabled: boolean
24
+ }>()
25
+
26
+ const { $store }: any = useNuxtApp()
27
+ const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
28
+
29
+ const keymapOptions = ref<UI_I_OptionItem[]>(keymapOptionsConfig)
30
+ </script>
31
+
32
+ <style scoped></style>