bfg-common 1.5.478 → 1.5.479
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.
- package/CODE_STYLE.md +109 -109
- package/assets/img/icons/icons-sprite-dark-3.svg +227 -227
- package/assets/img/icons/icons-sprite-dark-5.svg +488 -488
- package/assets/img/icons/icons-sprite-light-3.svg +227 -227
- package/assets/img/icons/icons-sprite-light-5.svg +488 -488
- package/components/atoms/TheIcon3.vue +50 -50
- package/components/atoms/collapse/CollapseNav.vue +170 -170
- package/components/atoms/perPage/PerPage.vue +58 -58
- package/components/atoms/table/dataGrid/DataGrid.vue +1709 -1709
- package/components/atoms/table/dataGrid/DataGridPagination.vue +97 -97
- package/components/atoms/table/dataGrid/lib/config/settingsTable.ts +94 -94
- package/components/atoms/table/dataGrid/lib/utils/export.ts +16 -16
- package/components/atoms/window/Window.vue +460 -460
- package/components/common/browse/blocks/contents/filesNew/Skeleton.vue +18 -18
- package/components/common/context/lib/models/interfaces.ts +33 -33
- package/components/common/diagramMain/modals/lib/config/networkModal.ts +398 -398
- package/components/common/diagramMain/modals/lib/config/portModal.ts +251 -251
- package/components/common/diagramMain/modals/lib/config/vCenterModal.ts +48 -48
- package/components/common/diagramMain/port/Port.vue +580 -580
- package/components/common/layout/theHeader/helpMenu/About.vue +79 -79
- package/components/common/layout/theHeader/helpMenu/aboutNew/AboutNew.vue +95 -95
- package/components/common/layout/theHeader/helpMenu/aboutOld/AboutOld.vue +79 -79
- package/components/common/pages/backups/DetailView.vue +52 -52
- package/components/common/pages/backups/lib/models/interfaces.ts +36 -36
- package/components/common/pages/backups/modals/createBackup/configuration/Configuration.vue +29 -29
- package/components/common/pages/backups/modals/createBackup/configuration/backupWindow/BackupWindow.vue +26 -26
- package/components/common/pages/backups/modals/createBackup/configuration/maxBandwidth/MaxBandwidth.vue +66 -66
- package/components/common/pages/backups/modals/createBackup/configuration/maxBandwidth/lib/config/options.ts +6 -6
- package/components/common/pages/backups/modals/createBackup/configuration/strategy/Strategy.vue +35 -35
- package/components/common/pages/backups/modals/createBackup/datastores/tableView/TableView.vue +95 -95
- package/components/common/pages/backups/modals/createBackup/general/General.vue +141 -141
- package/components/common/pages/backups/modals/createBackup/lib/config/strategyOptions.ts +12 -12
- package/components/common/pages/backups/modals/lib/config/restore.ts +115 -115
- package/components/common/pages/backups/modals/lib/models/interfaces.ts +186 -186
- package/components/common/pages/backups/modals/restore/disks/Disks.vue +27 -27
- package/components/common/pages/backups/modals/restore/disks/tableView/lib/config/table.ts +117 -117
- package/components/common/pages/backups/modals/restore/name/Name.vue +166 -166
- package/components/common/pages/backups/modals/restore/name/lib/models/interfaces.ts +6 -6
- package/components/common/pages/backups/modals/restore/networks/Networks.vue +67 -67
- package/components/common/pages/backups/modals/restore/networks/table/Table.vue +214 -214
- package/components/common/pages/backups/modals/restore/types/lib/config/typeOptions.ts +25 -25
- package/components/common/pages/backups/tools/Tools.vue +75 -75
- package/components/common/pages/backups/tools/lib/config/tabs.ts +36 -36
- package/components/common/pages/home/lib/models/interfaces.ts +48 -48
- package/components/common/pages/home/widgets/hosts/Hosts.vue +27 -27
- package/components/common/pages/home/widgets/hosts/lib/config/items.ts +23 -23
- package/components/common/pages/home/widgets/vms/VmsOld.vue +35 -35
- package/components/common/pages/home/widgets/vms/lib/config/items.ts +19 -19
- package/components/common/pages/scheduledTasks/lib/utils/utils.ts +84 -84
- package/components/common/readyToComplete/ReadyToComplete.vue +17 -17
- package/components/common/select/radio/RadioGroup.vue +137 -137
- package/components/common/spiceConsole/Drawer.vue +392 -392
- package/components/common/spiceConsole/SpiceConsole.vue +184 -184
- package/components/common/spiceConsole/lib/models/interfaces.ts +5 -5
- package/components/common/tools/Actions.vue +207 -207
- package/components/common/treeView/TreeView.vue +52 -52
- package/components/common/vm/actions/add/folderTreeView/FolderTreeView.vue +72 -72
- package/components/common/vm/actions/add/folderTreeView/New.vue +40 -40
- package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/Cpu.vue +368 -368
- package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/shares/Shares.vue +140 -140
- package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/shares/lib/config/options.ts +28 -28
- package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/location/Location.vue +154 -154
- package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/location/new/table/Table.vue +99 -99
- package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/macAddress/MacAddress.vue +119 -119
- package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/dynamicDirectPathIo/DynamicDirectPathIo.vue +31 -31
- package/components/common/vm/actions/common/customizeHardware/virtualHardware/other/Other.vue +16 -16
- package/components/common/vm/actions/common/customizeHardware/virtualHardware/videoCard/numberDisplays/NumberDisplays.vue +53 -53
- package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/delay/Delay.vue +32 -32
- package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/firmware/Firmware.vue +60 -60
- package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/order/Order.vue +174 -174
- package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/keymap/Keymap.vue +32 -32
- package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/password/Password.vue +103 -103
- package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/usbRedirection/UsbRedirection.vue +28 -28
- package/components/common/vm/actions/common/select/compatibility/Old.vue +107 -107
- package/components/common/vm/actions/common/select/computeResource/ComputeResource.vue +143 -143
- package/components/common/vm/actions/common/select/computeResource/New.vue +184 -184
- package/components/common/vm/actions/common/select/computeResource/treeView/TreeView.vue +131 -131
- package/components/common/vm/actions/common/select/createType/CreateType.vue +38 -38
- package/components/common/vm/actions/common/select/createType/lib/models/interfaces.ts +5 -5
- package/components/common/vm/actions/common/select/name/Name.vue +197 -197
- package/components/common/vm/actions/common/select/os/Old.vue +152 -152
- package/components/common/vm/actions/common/select/os/Os.vue +139 -139
- package/components/common/vm/actions/common/select/storage/new/New.vue +320 -320
- package/components/common/vm/actions/common/select/storage/new/lib/models/interfaces.ts +5 -5
- package/components/common/vm/actions/common/select/storage/new/lib/utils/utils.ts +21 -21
- package/components/common/vm/actions/common/select/template/old/Old.vue +50 -50
- package/components/common/vm/actions/editSettings/new/Skeleton.vue +88 -88
- package/components/common/vm/actions/register/Register.vue +267 -267
- package/components/common/vm/actions/register/lib/config/steps.ts +86 -86
- package/components/common/wizards/datastore/add/steps/typeMode/lib/config/typeOptions.ts +43 -43
- package/components/common/wizards/vm/migrate/select/network/Network.vue +103 -103
- package/composables/useAppVersion.ts +21 -21
- package/composables/useLocal.ts +6 -6
- package/composables/useLocalCommon.ts +39 -39
- package/package.json +2 -2
- package/plugins/date.ts +233 -233
- package/plugins/panelStates.ts +70 -70
- package/plugins/text.ts +59 -59
- package/public/spice-console/lib/images/bitmap.js +203 -203
- package/public/spice-console/network/spicechannel.js +440 -440
- package/store/main/mutations.ts +7 -7
- package/store/main/state.ts +7 -7
package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/delay/Delay.vue
CHANGED
@@ -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>
|
package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/order/Order.vue
CHANGED
@@ -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>
|