bfg-common 1.5.508 → 1.5.510

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 (113) 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/sortableView/SortableView.vue +528 -0
  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/browse/blocks/lib/models/types.ts +1 -1
  17. package/components/common/browse/lib/models/interfaces.ts +5 -5
  18. package/components/common/diagramMain/network/Contents.vue +497 -497
  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/Configuration.vue +29 -29
  25. package/components/common/pages/backups/modals/createBackup/configuration/maxBandwidth/lib/config/options.ts +6 -6
  26. package/components/common/pages/backups/modals/createBackup/datastores/tableView/TableView.vue +95 -95
  27. package/components/common/pages/backups/modals/createBackup/general/General.vue +141 -141
  28. package/components/common/pages/backups/modals/createBackup/lib/config/strategyOptions.ts +12 -12
  29. package/components/common/pages/backups/modals/lib/config/restore.ts +115 -115
  30. package/components/common/pages/backups/modals/lib/models/interfaces.ts +186 -186
  31. package/components/common/pages/backups/modals/restore/disks/Disks.vue +27 -27
  32. package/components/common/pages/backups/modals/restore/disks/tableView/lib/config/table.ts +117 -117
  33. package/components/common/pages/backups/modals/restore/name/Name.vue +166 -166
  34. package/components/common/pages/backups/modals/restore/name/lib/models/interfaces.ts +6 -6
  35. package/components/common/pages/backups/modals/restore/networks/Networks.vue +67 -67
  36. package/components/common/pages/backups/modals/restore/networks/table/Table.vue +214 -214
  37. package/components/common/pages/backups/modals/restore/types/lib/config/typeOptions.ts +25 -25
  38. package/components/common/pages/home/lib/models/interfaces.ts +48 -48
  39. package/components/common/pages/home/widgets/hosts/Hosts.vue +27 -27
  40. package/components/common/pages/home/widgets/hosts/lib/config/items.ts +23 -23
  41. package/components/common/pages/home/widgets/vms/VmsOld.vue +35 -35
  42. package/components/common/pages/home/widgets/vms/lib/config/items.ts +19 -19
  43. package/components/common/pages/scheduledTasks/lib/utils/utils.ts +84 -84
  44. package/components/common/readyToComplete/ReadyToComplete.vue +17 -17
  45. package/components/common/select/radio/RadioGroup.vue +137 -137
  46. package/components/common/spiceConsole/Drawer.vue +392 -419
  47. package/components/common/spiceConsole/SpiceConsole.vue +184 -184
  48. package/components/common/spiceConsole/lib/models/interfaces.ts +5 -5
  49. package/components/common/spiceConsole/lib/models/types.ts +0 -1
  50. package/components/common/tools/Actions.vue +207 -207
  51. package/components/common/treeView/TreeView.vue +52 -52
  52. package/components/common/vm/actions/add/Add.vue +895 -895
  53. package/components/common/vm/actions/add/New.vue +695 -695
  54. package/components/common/vm/actions/add/Old.vue +414 -414
  55. package/components/common/vm/actions/add/lib/config/steps.ts +347 -347
  56. package/components/common/vm/actions/clone/Clone.vue +863 -863
  57. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/Cpu.vue +368 -368
  58. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/shares/Shares.vue +140 -140
  59. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/shares/lib/config/options.ts +28 -28
  60. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/location/Location.vue +154 -154
  61. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/location/new/table/Table.vue +99 -99
  62. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/macAddress/MacAddress.vue +119 -119
  63. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/dynamicDirectPathIo/DynamicDirectPathIo.vue +31 -31
  64. package/components/common/vm/actions/common/customizeHardware/virtualHardware/other/Other.vue +16 -16
  65. package/components/common/vm/actions/common/customizeHardware/virtualHardware/videoCard/numberDisplays/NumberDisplays.vue +53 -53
  66. package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/delay/Delay.vue +32 -32
  67. package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/firmware/Firmware.vue +60 -60
  68. package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/order/Order.vue +174 -174
  69. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/keymap/Keymap.vue +32 -32
  70. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/password/Password.vue +103 -103
  71. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/usbRedirection/UsbRedirection.vue +28 -28
  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 +2 -2
  101. package/plugins/console.ts +22 -21
  102. package/plugins/date.ts +233 -233
  103. package/plugins/panelStates.ts +70 -70
  104. package/plugins/text.ts +59 -59
  105. package/public/spice-console/lib/images/bitmap.js +203 -203
  106. package/public/spice-console/network/spicechannel.js +440 -440
  107. package/public/spice-console/process/inputprocess.js +203 -227
  108. package/public/spice-console/process/mainprocess.js +78 -82
  109. package/public/spice-console/run.js +210 -210
  110. package/public/spice-console-minify/run.min.js +1 -1
  111. package/store/main/mutations.ts +7 -7
  112. package/store/main/state.ts +7 -7
  113. package/plugins/mouse.ts +0 -21
@@ -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>