bfg-common 1.5.488 → 1.5.490

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 (101) 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/browse/blocks/contents/filesNew/Skeleton.vue +18 -18
  13. package/components/common/browse/blocks/lib/models/types.ts +1 -1
  14. package/components/common/browse/lib/models/interfaces.ts +5 -5
  15. package/components/common/context/lib/models/interfaces.ts +33 -33
  16. package/components/common/diagramMain/DiagramMain.vue +5 -2
  17. package/components/common/diagramMain/network/Contents.vue +497 -497
  18. package/components/common/layout/theHeader/helpMenu/About.vue +79 -79
  19. package/components/common/layout/theHeader/helpMenu/aboutOld/AboutOld.vue +79 -79
  20. package/components/common/pages/backups/DetailView.vue +52 -52
  21. package/components/common/pages/backups/lib/models/interfaces.ts +36 -36
  22. package/components/common/pages/backups/modals/Modals.vue +243 -243
  23. package/components/common/pages/backups/modals/createBackup/configuration/Configuration.vue +29 -29
  24. package/components/common/pages/backups/modals/createBackup/configuration/maxBandwidth/lib/config/options.ts +6 -6
  25. package/components/common/pages/backups/modals/createBackup/datastores/tableView/TableView.vue +95 -95
  26. package/components/common/pages/backups/modals/createBackup/general/General.vue +141 -141
  27. package/components/common/pages/backups/modals/createBackup/lib/config/strategyOptions.ts +12 -12
  28. package/components/common/pages/backups/modals/lib/config/restore.ts +115 -115
  29. package/components/common/pages/backups/modals/lib/models/interfaces.ts +186 -186
  30. package/components/common/pages/backups/modals/restore/disks/Disks.vue +27 -27
  31. package/components/common/pages/backups/modals/restore/disks/tableView/lib/config/table.ts +117 -117
  32. package/components/common/pages/backups/modals/restore/name/Name.vue +166 -166
  33. package/components/common/pages/backups/modals/restore/name/lib/models/interfaces.ts +6 -6
  34. package/components/common/pages/backups/modals/restore/networks/Networks.vue +67 -67
  35. package/components/common/pages/backups/modals/restore/networks/table/Table.vue +214 -214
  36. package/components/common/pages/backups/modals/restore/types/lib/config/typeOptions.ts +25 -25
  37. package/components/common/pages/backups/tools/Tools.vue +75 -75
  38. package/components/common/pages/backups/tools/lib/config/tabs.ts +36 -36
  39. package/components/common/pages/home/lib/models/interfaces.ts +48 -48
  40. package/components/common/pages/home/widgets/hosts/Hosts.vue +27 -27
  41. package/components/common/pages/home/widgets/hosts/lib/config/items.ts +23 -23
  42. package/components/common/pages/home/widgets/vms/VmsOld.vue +35 -35
  43. package/components/common/pages/home/widgets/vms/lib/config/items.ts +19 -19
  44. package/components/common/pages/scheduledTasks/lib/utils/utils.ts +84 -84
  45. package/components/common/readyToComplete/ReadyToComplete.vue +17 -17
  46. package/components/common/select/radio/RadioGroup.vue +137 -137
  47. package/components/common/spiceConsole/Drawer.vue +392 -392
  48. package/components/common/spiceConsole/SpiceConsole.vue +184 -184
  49. package/components/common/spiceConsole/lib/models/interfaces.ts +5 -5
  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 +877 -877
  53. package/components/common/vm/actions/add/folderTreeView/FolderTreeView.vue +72 -72
  54. package/components/common/vm/actions/add/folderTreeView/New.vue +40 -40
  55. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/Cpu.vue +368 -368
  56. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/shares/Shares.vue +140 -140
  57. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/shares/lib/config/options.ts +28 -28
  58. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/location/Location.vue +154 -154
  59. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/location/new/table/Table.vue +99 -99
  60. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/macAddress/MacAddress.vue +119 -119
  61. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/dynamicDirectPathIo/DynamicDirectPathIo.vue +31 -31
  62. package/components/common/vm/actions/common/customizeHardware/virtualHardware/other/Other.vue +16 -16
  63. package/components/common/vm/actions/common/customizeHardware/virtualHardware/videoCard/numberDisplays/NumberDisplays.vue +53 -53
  64. package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/delay/Delay.vue +32 -32
  65. package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/firmware/Firmware.vue +60 -60
  66. package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/order/Order.vue +174 -174
  67. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/keymap/Keymap.vue +32 -32
  68. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/password/Password.vue +103 -103
  69. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/usbRedirection/UsbRedirection.vue +28 -28
  70. package/components/common/vm/actions/common/select/compatibility/Old.vue +107 -107
  71. package/components/common/vm/actions/common/select/computeResource/ComputeResource.vue +143 -143
  72. package/components/common/vm/actions/common/select/computeResource/New.vue +184 -184
  73. package/components/common/vm/actions/common/select/computeResource/treeView/TreeView.vue +131 -131
  74. package/components/common/vm/actions/common/select/createType/CreateType.vue +38 -38
  75. package/components/common/vm/actions/common/select/createType/lib/models/interfaces.ts +5 -5
  76. package/components/common/vm/actions/common/select/name/Name.vue +200 -200
  77. package/components/common/vm/actions/common/select/name/Old.vue +131 -131
  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 +267 -267
  86. package/components/common/vm/actions/register/lib/config/steps.ts +86 -86
  87. package/components/common/vmt/actions/add/Add.vue +549 -549
  88. package/components/common/wizards/datastore/add/steps/typeMode/lib/config/typeOptions.ts +43 -43
  89. package/components/common/wizards/vm/migrate/select/network/Network.vue +103 -103
  90. package/composables/useAppVersion.ts +21 -21
  91. package/composables/useLocal.ts +6 -6
  92. package/composables/useLocalCommon.ts +39 -39
  93. package/package.json +1 -1
  94. package/plugins/date.ts +233 -233
  95. package/plugins/panelStates.ts +70 -70
  96. package/plugins/text.ts +59 -59
  97. package/public/spice-console/lib/images/bitmap.js +203 -203
  98. package/public/spice-console/network/spicechannel.js +440 -440
  99. package/public/spice-console/run.js +210 -210
  100. package/store/main/mutations.ts +7 -7
  101. 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>