bfg-common 1.4.728 → 1.4.729

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 (118) hide show
  1. package/assets/img/icons/icons-sprite-dark-3.svg +227 -227
  2. package/assets/img/icons/icons-sprite-dark-5.svg +488 -488
  3. package/assets/img/icons/icons-sprite-light-3.svg +227 -227
  4. package/assets/img/icons/icons-sprite-light-5.svg +488 -488
  5. package/assets/scss/common/normalize.scss +361 -361
  6. package/components/atoms/TheIcon3.vue +50 -50
  7. package/components/atoms/modal/bySteps/BySteps.vue +253 -253
  8. package/components/atoms/stack/StackBlock.vue +185 -185
  9. package/components/atoms/table/dataGrid/DataGrid.vue +1696 -1696
  10. package/components/atoms/table/dataGrid/DataGridColumnSwitch.vue +222 -222
  11. package/components/atoms/table/dataGrid/lib/config/settingsTable.ts +91 -91
  12. package/components/common/browse/BrowseNew.vue +237 -237
  13. package/components/common/browse/BrowseOld.vue +217 -217
  14. package/components/common/browse/blocks/contents/Files.vue +37 -37
  15. package/components/common/browse/blocks/contents/FilesOld.vue +72 -72
  16. package/components/common/browse/blocks/contents/filesNew/FilesNew.vue +96 -96
  17. package/components/common/browse/blocks/contents/filesNew/Skeleton.vue +18 -18
  18. package/components/common/context/lib/models/interfaces.ts +30 -30
  19. package/components/common/context/recursion/Recursion.vue +86 -86
  20. package/components/common/context/recursion/RecursionOld.vue +213 -213
  21. package/components/common/layout/theHeader/helpMenu/About.vue +82 -82
  22. package/components/common/layout/theHeader/helpMenu/aboutNew/AboutNew.vue +103 -103
  23. package/components/common/mainNavigationPanel/MainNavigationPanel.vue +150 -150
  24. package/components/common/mainNavigationPanel/MainNavigationPanelOld.vue +300 -300
  25. package/components/common/modals/confirmByInput/ConfirmByInput.vue +206 -206
  26. package/components/common/modals/unsavedChanges/UnsavedChanges.vue +56 -56
  27. package/components/common/pages/home/StatusContent.vue +49 -49
  28. package/components/common/pages/home/headline/Headline.vue +44 -44
  29. package/components/common/pages/home/headline/HeadlineNew.vue +71 -71
  30. package/components/common/pages/home/lib/models/interfaces.ts +48 -48
  31. package/components/common/pages/home/widgets/Widgets.vue +49 -49
  32. package/components/common/pages/home/widgets/WidgetsNew.vue +86 -86
  33. package/components/common/pages/home/widgets/WidgetsOld.vue +34 -34
  34. package/components/common/pages/home/widgets/hosts/Hosts.vue +27 -27
  35. package/components/common/pages/home/widgets/hosts/HostsNew.vue +100 -100
  36. package/components/common/pages/home/widgets/hosts/lib/config/items.ts +23 -23
  37. package/components/common/pages/home/widgets/services/lib/config/config.ts +108 -108
  38. package/components/common/pages/home/widgets/vms/Vms.vue +26 -26
  39. package/components/common/pages/home/widgets/vms/VmsNew.vue +101 -101
  40. package/components/common/pages/home/widgets/vms/VmsOld.vue +35 -35
  41. package/components/common/pages/home/widgets/vms/lib/config/items.ts +19 -19
  42. package/components/common/recursionTree/RecursionTree.vue +223 -223
  43. package/components/common/select/button/ButtonDropdown.vue +108 -108
  44. package/components/common/spiceConsole/Drawer.vue +370 -370
  45. package/components/common/spiceConsole/lib/models/interfaces.ts +5 -5
  46. package/components/common/split/vertical/Vertical.vue +160 -160
  47. package/components/common/vm/actions/clone/Clone.vue +2 -0
  48. package/components/common/vm/actions/clone/lib/config/steps.ts +129 -129
  49. package/components/common/vm/actions/common/customizeHardware/virtualHardware/browseView/BrowseView.vue +219 -219
  50. package/components/common/vm/actions/common/customizeHardware/virtualHardware/bus/BusNew.vue +117 -117
  51. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/CdDvdDriveNew.vue +161 -161
  52. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/CdDvdDriveOld.vue +165 -165
  53. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/media/Media.vue +25 -25
  54. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/media/MediaNew.vue +70 -70
  55. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/media/MediaOld.vue +50 -50
  56. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/Cpu.vue +338 -338
  57. package/components/common/vm/actions/common/customizeHardware/virtualHardware/limit/Limit.vue +220 -220
  58. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/mode/ModeOld.vue +56 -56
  59. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/sharing/SharingNew.vue +44 -44
  60. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/NewNetwork.vue +281 -281
  61. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/NewNetworkNew.vue +124 -124
  62. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/location/LocationOld.vue +134 -134
  63. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/location/new/New.vue +63 -63
  64. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/location/new/table/lib/config/config.ts +95 -95
  65. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/macAddress/MacAddress.vue +119 -119
  66. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/macAddress/MacAddressNew.vue +69 -69
  67. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/macAddress/MacAddressOld.vue +83 -83
  68. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/directPathIo/DirectPathIoNew.vue +35 -35
  69. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/dynamicDirectPathIo/DynamicDirectPathIoNew.vue +48 -48
  70. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/note/Note.vue +15 -15
  71. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/note/NoteNew.vue +42 -42
  72. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/note/NoteOld.vue +30 -30
  73. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/nvidiaGrid/NvidiaGridNew.vue +30 -30
  74. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newUsbController/NewUsbControllerNew.vue +56 -56
  75. package/components/common/vm/actions/common/customizeHardware/virtualHardware/other/Other.vue +16 -16
  76. package/components/common/vm/actions/common/customizeHardware/virtualHardware/other/OtherNew.vue +30 -30
  77. package/components/common/vm/actions/common/customizeHardware/virtualHardware/videoCard/VideoCardNew.vue +104 -104
  78. package/components/common/vm/actions/common/customizeHardware/virtualHardware/videoCard/VideoCardOld.vue +112 -112
  79. package/components/common/vm/actions/common/customizeHardware/virtualHardware/videoCard/totalVideoMemory/TotalVideoMemoryNew.vue +54 -54
  80. package/components/common/vm/actions/common/customizeHardware/vmoptions/Vmoptions.vue +145 -145
  81. package/components/common/vm/actions/common/customizeHardware/vmoptions/VmoptionsNew.vue +102 -102
  82. package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/BootOptionsNew.vue +75 -75
  83. package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/delay/Delay.vue +26 -26
  84. package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/firmware/Firmware.vue +57 -57
  85. package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/firmware/FirmwareNew.vue +42 -42
  86. package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/menu/MenuNew.vue +25 -25
  87. package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/order/Order.vue +171 -171
  88. package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/order/OrderNew.vue +50 -50
  89. package/components/common/vm/actions/common/customizeHardware/vmoptions/generalOptions/GeneralOptionsNew.vue +141 -141
  90. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/New.vue +140 -140
  91. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/copyPaste/CopyPasteNew.vue +30 -30
  92. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/fileTransfer/FileTransferNew.vue +30 -30
  93. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/folderSharing/FolderSharingNew.vue +30 -30
  94. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/keymap/Keymap.vue +32 -32
  95. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/keymap/KeymapNew.vue +39 -39
  96. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/password/Password.vue +103 -103
  97. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/password/PasswordNew.vue +102 -102
  98. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/password/PasswordOld.vue +94 -94
  99. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/usbRedirection/UsbRedirection.vue +28 -28
  100. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/usbRedirection/UsbRedirectionNew.vue +38 -38
  101. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/usbRedirection/UsbRedirectionOld.vue +44 -44
  102. package/components/common/vm/actions/common/select/storage/Storage.vue +130 -130
  103. package/components/common/vm/actions/common/select/storage/StorageOld.vue +129 -129
  104. package/components/common/vm/actions/editSettings/EditSettings.vue +3 -0
  105. package/components/common/vm/actions/editSettings/EditSettingsOld.vue +2 -0
  106. package/components/common/vm/actions/editSettings/new/New.vue +2 -0
  107. package/components/common/vm/actions/editSettings/new/Skeleton.vue +88 -88
  108. package/composables/productNameLocal.ts +30 -30
  109. package/composables/useAppVersion.ts +21 -21
  110. package/package.json +1 -1
  111. package/plugins/date.ts +233 -233
  112. package/plugins/recursion.ts +311 -311
  113. package/public/spice-console/lib/images/bitmap.js +203 -203
  114. package/public/spice-console/network/spicechannel.js +383 -383
  115. package/public/spice-console-minify/run.min.js +4 -4
  116. package/store/main/mutations.ts +7 -7
  117. package/store/main/state.ts +7 -7
  118. package/store/tasks/mappers/recentTasks.ts +64 -64
@@ -1,54 +1,54 @@
1
- <template>
2
- <ui-stack-block :has-children="false">
3
- <template #stackBlockKey>
4
- {{ localization.common.totalVideoMemory }}
5
- </template>
6
- <template #stackBlockContent>
7
- <div class="total-video-memory-content flex-align-center">
8
- <div v-show="props.disabled">
9
- {{ localization.common.automatic }}
10
- </div>
11
- <div v-show="!props.disabled">
12
- <ui-input-with-tooltip
13
- id="vm-wizard-video-card-memory-field"
14
- v-model="totalVideoMemory"
15
- test-id="vm-wizard-video-card-memory-input"
16
- type="text"
17
- size="sm"
18
- :error-text="props.errorText"
19
- />
20
- </div>
21
- <span class="unit-text">{{ localization.common.mb }}</span>
22
- </div>
23
- </template>
24
- </ui-stack-block>
25
- </template>
26
-
27
- <script setup lang="ts">
28
- import type { UI_I_Localization } from '~/lib/models/interfaces'
29
-
30
- const totalVideoMemory = defineModel<number>('totalVideoMemory', {
31
- required: true,
32
- })
33
-
34
- const props = defineProps<{
35
- disabled: boolean
36
- errorText: string
37
- totalVideoMemoryLocalErrorText: string
38
- }>()
39
- // const emits = defineEmits<{
40
- // (event: 'remove-error'): void
41
- // }>()
42
-
43
- const localization = computed<UI_I_Localization>(() => useLocal())
44
- </script>
45
-
46
- <style scoped lang="scss">
47
- .unit-text {
48
- margin-left: 10px;
49
- }
50
-
51
- :deep(.ui-main.ui-main-sm .ui-main-input) {
52
- height: 26px;
53
- }
54
- </style>
1
+ <template>
2
+ <ui-stack-block :has-children="false">
3
+ <template #stackBlockKey>
4
+ {{ localization.common.totalVideoMemory }}
5
+ </template>
6
+ <template #stackBlockContent>
7
+ <div class="total-video-memory-content flex-align-center">
8
+ <div v-show="props.disabled">
9
+ {{ localization.common.automatic }}
10
+ </div>
11
+ <div v-show="!props.disabled">
12
+ <ui-input-with-tooltip
13
+ id="vm-wizard-video-card-memory-field"
14
+ v-model="totalVideoMemory"
15
+ test-id="vm-wizard-video-card-memory-input"
16
+ type="text"
17
+ size="sm"
18
+ :error-text="props.errorText"
19
+ />
20
+ </div>
21
+ <span class="unit-text">{{ localization.common.mb }}</span>
22
+ </div>
23
+ </template>
24
+ </ui-stack-block>
25
+ </template>
26
+
27
+ <script setup lang="ts">
28
+ import type { UI_I_Localization } from '~/lib/models/interfaces'
29
+
30
+ const totalVideoMemory = defineModel<number>('totalVideoMemory', {
31
+ required: true,
32
+ })
33
+
34
+ const props = defineProps<{
35
+ disabled: boolean
36
+ errorText: string
37
+ totalVideoMemoryLocalErrorText: string
38
+ }>()
39
+ // const emits = defineEmits<{
40
+ // (event: 'remove-error'): void
41
+ // }>()
42
+
43
+ const localization = computed<UI_I_Localization>(() => useLocal())
44
+ </script>
45
+
46
+ <style scoped lang="scss">
47
+ .unit-text {
48
+ margin-left: 10px;
49
+ }
50
+
51
+ :deep(.ui-main.ui-main-sm .ui-main-input) {
52
+ height: 26px;
53
+ }
54
+ </style>
@@ -1,145 +1,145 @@
1
- <template>
2
- <common-vm-actions-common-customize-hardware-vmoptions-new
3
- v-if="isNewView"
4
- v-model:vm-name="vmName"
5
- v-model:guest-machine-type="guestMachineType"
6
- v-model:guest-os-family="guestOsFamily"
7
- v-model:guest-os-version="guestOsVersion"
8
- v-model:remote-console-options-invalid="remoteConsoleOptionsInvalid"
9
- :hard-disks="props.hardDisks"
10
- :cd-dvd-drives="props.cdDvdDrives"
11
- :networks="props.networks"
12
- :is-edit="props.isEdit"
13
- :is-clone="props.isClone"
14
- :error-validation-fields="props.errorValidationFields"
15
- :options="props.options"
16
- :state="props.state"
17
- @change-boot-order="emits('change-boot-order', $event)"
18
- @send-data-remote-console-options="sendDataRemoteConsoleOptionsMethod"
19
- @send-data-tools="sendDataToolsMethod"
20
- @send-data-boot-options="sendDataBootOptionsMethod"
21
- @remove-error-by-title="emits('remove-error-by-title', $event)"
22
- />
23
- <common-vm-actions-common-customize-hardware-vmoptions-old
24
- v-else
25
- v-model:vm-name="vmName"
26
- v-model:guest-machine-type="guestMachineType"
27
- v-model:guest-os-family="guestOsFamily"
28
- v-model:guest-os-version="guestOsVersion"
29
- v-model:remote-console-options-invalid="remoteConsoleOptionsInvalid"
30
- :hard-disks="props.hardDisks"
31
- :cd-dvd-drives="props.cdDvdDrives"
32
- :networks="props.networks"
33
- :is-edit="props.isEdit"
34
- :is-clone="props.isClone"
35
- :error-validation-fields="props.errorValidationFields"
36
- :options="props.options"
37
- :state="props.state"
38
- @change-boot-order="emits('change-boot-order', $event)"
39
- @send-data-remote-console-options="sendDataRemoteConsoleOptionsMethod"
40
- @send-data-tools="sendDataToolsMethod"
41
- @send-data-boot-options="sendDataBootOptionsMethod"
42
- @remove-error-by-title="emits('remove-error-by-title', $event)"
43
- />
44
- </template>
45
-
46
- <script setup lang="ts">
47
- import type {
48
- UI_I_SendDataRemoteConsoleOptions,
49
- UI_I_SendDataTools,
50
- UI_I_SendDataBootOptions,
51
- UI_I_SendDataVmoptions,
52
- } from '~/components/common/vm/actions/common/customizeHardware/vmoptions/lib/models/interfaces'
53
- import type {
54
- UI_I_SendDataNewCdDvdDrive,
55
- UI_I_SendDataNewHardDisk,
56
- UI_I_SendDataNewNetwork,
57
- } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/interfaces'
58
- import type { UI_I_Localization } from '~/lib/models/interfaces'
59
- import type { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
60
-
61
- const vmName = defineModel<string>('vmName', { required: true })
62
- const guestMachineType = defineModel<string>('guestMachineType', {
63
- required: true,
64
- })
65
- const guestOsFamily = defineModel<string>('guestOsFamily', { required: true })
66
- const guestOsVersion = defineModel<string>('guestOsVersion', {
67
- required: true,
68
- })
69
- const remoteConsoleOptionsInvalid = defineModel<boolean>(
70
- 'remoteConsoleOptionsInvalid',
71
- { required: true }
72
- )
73
-
74
- const props = defineProps<{
75
- hardDisks: UI_I_SendDataNewHardDisk[] | null
76
- cdDvdDrives: UI_I_SendDataNewCdDvdDrive[] | null
77
- networks: UI_I_SendDataNewNetwork[] | null
78
- isEdit: boolean
79
- isClone: boolean
80
- errorValidationFields: UI_I_ErrorValidationField[]
81
- options?: UI_I_SendDataVmoptions
82
- state?: string | number
83
- }>()
84
- const emits = defineEmits<{
85
- (
86
- event: 'change-boot-order',
87
- value: [
88
- UI_I_SendDataNewHardDisk[],
89
- UI_I_SendDataNewCdDvdDrive[],
90
- UI_I_SendDataNewNetwork[]
91
- ]
92
- ): void
93
- (event: 'send-data', value: UI_I_SendDataVmoptions): void
94
- (event: 'invalid', value: string[]): void
95
- (event: 'remove-error-by-title', value: string): void
96
- }>()
97
-
98
- const { $store }: any = useNuxtApp()
99
- const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
100
-
101
- const localization = computed<UI_I_Localization>(() => useLocal())
102
-
103
- const sendDataRemoteConsoleOptions =
104
- ref<UI_I_SendDataRemoteConsoleOptions | null>(null)
105
- const sendDataRemoteConsoleOptionsMethod = (
106
- data: UI_I_SendDataRemoteConsoleOptions
107
- ): void => {
108
- sendDataRemoteConsoleOptions.value = data
109
- sendData()
110
- }
111
-
112
- const sendDataTools = ref<UI_I_SendDataTools | null>(null)
113
- const sendDataToolsMethod = (data: UI_I_SendDataTools): void => {
114
- sendDataTools.value = data
115
- sendData()
116
- }
117
-
118
- const sendDataBootOptions = ref<UI_I_SendDataBootOptions | null>(null)
119
- const sendDataBootOptionsMethod = (data: UI_I_SendDataBootOptions): void => {
120
- sendDataBootOptions.value = data
121
- sendData()
122
- }
123
-
124
- const sendData = (): void => {
125
- emits('send-data', {
126
- remote_console: sendDataRemoteConsoleOptions.value,
127
- guest_tools: sendDataTools.value,
128
- boot_options: sendDataBootOptions.value,
129
- })
130
- }
131
-
132
- watch(
133
- remoteConsoleOptionsInvalid,
134
- (newValue) => {
135
- const remoteConsoleOptions = newValue
136
- ? localization.value.common.remoteConsoleOptions
137
- : ''
138
- emits('invalid', [remoteConsoleOptions])
139
- },
140
- { immediate: true }
141
- )
142
- </script>
143
-
144
- <style scoped lang="scss">
145
- </style>
1
+ <template>
2
+ <common-vm-actions-common-customize-hardware-vmoptions-new
3
+ v-if="isNewView"
4
+ v-model:vm-name="vmName"
5
+ v-model:guest-machine-type="guestMachineType"
6
+ v-model:guest-os-family="guestOsFamily"
7
+ v-model:guest-os-version="guestOsVersion"
8
+ v-model:remote-console-options-invalid="remoteConsoleOptionsInvalid"
9
+ :hard-disks="props.hardDisks"
10
+ :cd-dvd-drives="props.cdDvdDrives"
11
+ :networks="props.networks"
12
+ :is-edit="props.isEdit"
13
+ :is-clone="props.isClone"
14
+ :error-validation-fields="props.errorValidationFields"
15
+ :options="props.options"
16
+ :state="props.state"
17
+ @change-boot-order="emits('change-boot-order', $event)"
18
+ @send-data-remote-console-options="sendDataRemoteConsoleOptionsMethod"
19
+ @send-data-tools="sendDataToolsMethod"
20
+ @send-data-boot-options="sendDataBootOptionsMethod"
21
+ @remove-error-by-title="emits('remove-error-by-title', $event)"
22
+ />
23
+ <common-vm-actions-common-customize-hardware-vmoptions-old
24
+ v-else
25
+ v-model:vm-name="vmName"
26
+ v-model:guest-machine-type="guestMachineType"
27
+ v-model:guest-os-family="guestOsFamily"
28
+ v-model:guest-os-version="guestOsVersion"
29
+ v-model:remote-console-options-invalid="remoteConsoleOptionsInvalid"
30
+ :hard-disks="props.hardDisks"
31
+ :cd-dvd-drives="props.cdDvdDrives"
32
+ :networks="props.networks"
33
+ :is-edit="props.isEdit"
34
+ :is-clone="props.isClone"
35
+ :error-validation-fields="props.errorValidationFields"
36
+ :options="props.options"
37
+ :state="props.state"
38
+ @change-boot-order="emits('change-boot-order', $event)"
39
+ @send-data-remote-console-options="sendDataRemoteConsoleOptionsMethod"
40
+ @send-data-tools="sendDataToolsMethod"
41
+ @send-data-boot-options="sendDataBootOptionsMethod"
42
+ @remove-error-by-title="emits('remove-error-by-title', $event)"
43
+ />
44
+ </template>
45
+
46
+ <script setup lang="ts">
47
+ import type {
48
+ UI_I_SendDataRemoteConsoleOptions,
49
+ UI_I_SendDataTools,
50
+ UI_I_SendDataBootOptions,
51
+ UI_I_SendDataVmoptions,
52
+ } from '~/components/common/vm/actions/common/customizeHardware/vmoptions/lib/models/interfaces'
53
+ import type {
54
+ UI_I_SendDataNewCdDvdDrive,
55
+ UI_I_SendDataNewHardDisk,
56
+ UI_I_SendDataNewNetwork,
57
+ } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/interfaces'
58
+ import type { UI_I_Localization } from '~/lib/models/interfaces'
59
+ import type { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
60
+
61
+ const vmName = defineModel<string>('vmName', { required: true })
62
+ const guestMachineType = defineModel<string>('guestMachineType', {
63
+ required: true,
64
+ })
65
+ const guestOsFamily = defineModel<string>('guestOsFamily', { required: true })
66
+ const guestOsVersion = defineModel<string>('guestOsVersion', {
67
+ required: true,
68
+ })
69
+ const remoteConsoleOptionsInvalid = defineModel<boolean>(
70
+ 'remoteConsoleOptionsInvalid',
71
+ { required: true }
72
+ )
73
+
74
+ const props = defineProps<{
75
+ hardDisks: UI_I_SendDataNewHardDisk[] | null
76
+ cdDvdDrives: UI_I_SendDataNewCdDvdDrive[] | null
77
+ networks: UI_I_SendDataNewNetwork[] | null
78
+ isEdit: boolean
79
+ isClone: boolean
80
+ errorValidationFields: UI_I_ErrorValidationField[]
81
+ options?: UI_I_SendDataVmoptions
82
+ state?: string | number
83
+ }>()
84
+ const emits = defineEmits<{
85
+ (
86
+ event: 'change-boot-order',
87
+ value: [
88
+ UI_I_SendDataNewHardDisk[],
89
+ UI_I_SendDataNewCdDvdDrive[],
90
+ UI_I_SendDataNewNetwork[]
91
+ ]
92
+ ): void
93
+ (event: 'send-data', value: UI_I_SendDataVmoptions): void
94
+ (event: 'invalid', value: string[]): void
95
+ (event: 'remove-error-by-title', value: string): void
96
+ }>()
97
+
98
+ const { $store }: any = useNuxtApp()
99
+ const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
100
+
101
+ const localization = computed<UI_I_Localization>(() => useLocal())
102
+
103
+ const sendDataRemoteConsoleOptions =
104
+ ref<UI_I_SendDataRemoteConsoleOptions | null>(null)
105
+ const sendDataRemoteConsoleOptionsMethod = (
106
+ data: UI_I_SendDataRemoteConsoleOptions
107
+ ): void => {
108
+ sendDataRemoteConsoleOptions.value = data
109
+ sendData()
110
+ }
111
+
112
+ const sendDataTools = ref<UI_I_SendDataTools | null>(null)
113
+ const sendDataToolsMethod = (data: UI_I_SendDataTools): void => {
114
+ sendDataTools.value = data
115
+ sendData()
116
+ }
117
+
118
+ const sendDataBootOptions = ref<UI_I_SendDataBootOptions | null>(null)
119
+ const sendDataBootOptionsMethod = (data: UI_I_SendDataBootOptions): void => {
120
+ sendDataBootOptions.value = data
121
+ sendData()
122
+ }
123
+
124
+ const sendData = (): void => {
125
+ emits('send-data', {
126
+ remote_console: sendDataRemoteConsoleOptions.value,
127
+ guest_tools: sendDataTools.value,
128
+ boot_options: sendDataBootOptions.value,
129
+ })
130
+ }
131
+
132
+ watch(
133
+ remoteConsoleOptionsInvalid,
134
+ (newValue) => {
135
+ const remoteConsoleOptions = newValue
136
+ ? localization.value.common.remoteConsoleOptions
137
+ : ''
138
+ emits('invalid', [remoteConsoleOptions])
139
+ },
140
+ { immediate: true }
141
+ )
142
+ </script>
143
+
144
+ <style scoped lang="scss">
145
+ </style>
@@ -1,102 +1,102 @@
1
- <template>
2
- <div class="vm-options">
3
- <common-vm-actions-common-customize-hardware-vmoptions-general-options
4
- v-model:vm-name="vmName"
5
- v-model:guest-machine-type="guestMachineType"
6
- v-model:guest-os-family="guestOsFamily"
7
- v-model:guest-os-version="guestOsVersion"
8
- :is-edit="props.isEdit"
9
- :is-clone="props.isClone"
10
- :state="props.state"
11
- />
12
- <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options
13
- :error-validation-fields="props.errorValidationFields"
14
- :remote-console-options="props.options?.remote_console"
15
- :is-edit="props.isEdit"
16
- :state="props.state"
17
- @send-data="emits('send-data-remote-console-options', $event)"
18
- @invalid="remoteConsoleOptionsInvalid = $event"
19
- @remove-error-by-title="emits('remove-error-by-title', $event)"
20
- />
21
- <common-vm-actions-common-customize-hardware-vmoptions-tools
22
- :tools="props.options?.guest_tools?.enabled"
23
- @send-data="emits('send-data-tools', $event)"
24
- />
25
- <common-vm-actions-common-customize-hardware-vmoptions-boot-options
26
- :error-validation-fields="props.errorValidationFields"
27
- :hard-disks="props.hardDisks"
28
- :cd-dvd-drives="props.cdDvdDrives"
29
- :networks="props.networks"
30
- :boot-options="props.options?.boot_options"
31
- :is-edit="props.isEdit"
32
- @change-boot-order="emits('change-boot-order', $event)"
33
- @send-data="emits('send-data-boot-options', $event)"
34
- @remove-error-by-title="emits('remove-error-by-title', $event)"
35
- />
36
- </div>
37
- </template>
38
-
39
- <script setup lang="ts">
40
- import type {
41
- UI_I_SendDataRemoteConsoleOptions,
42
- UI_I_SendDataTools,
43
- UI_I_SendDataBootOptions,
44
- UI_I_SendDataVmoptions,
45
- } from '~/components/common/vm/actions/common/customizeHardware/vmoptions/lib/models/interfaces'
46
- import type {
47
- UI_I_SendDataNewCdDvdDrive,
48
- UI_I_SendDataNewHardDisk,
49
- UI_I_SendDataNewNetwork,
50
- } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/interfaces'
51
- import type { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
52
-
53
- const vmName = defineModel<string>('vmName', { required: true })
54
- const guestMachineType = defineModel<string>('guestMachineType', {
55
- required: true,
56
- })
57
- const guestOsFamily = defineModel<string>('guestOsFamily', { required: true })
58
- const guestOsVersion = defineModel<string>('guestOsVersion', {
59
- required: true,
60
- })
61
- const remoteConsoleOptionsInvalid = defineModel<boolean>(
62
- 'remoteConsoleOptionsInvalid',
63
- { required: true }
64
- )
65
-
66
- const props = defineProps<{
67
- hardDisks: UI_I_SendDataNewHardDisk[] | null
68
- cdDvdDrives: UI_I_SendDataNewCdDvdDrive[] | null
69
- networks: UI_I_SendDataNewNetwork[] | null
70
- isEdit: boolean
71
- isClone: boolean
72
- errorValidationFields: UI_I_ErrorValidationField[]
73
- options?: UI_I_SendDataVmoptions
74
- state?: string | number
75
- }>()
76
- const emits = defineEmits<{
77
- (
78
- event: 'change-boot-order',
79
- value: [
80
- UI_I_SendDataNewHardDisk[],
81
- UI_I_SendDataNewCdDvdDrive[],
82
- UI_I_SendDataNewNetwork[]
83
- ]
84
- ): void
85
- (
86
- event: 'send-data-remote-console-options',
87
- value: UI_I_SendDataRemoteConsoleOptions
88
- ): void
89
- (event: 'send-data-tools', value: UI_I_SendDataTools): void
90
- (event: 'send-data-boot-options', value: UI_I_SendDataBootOptions): void
91
- (event: 'remove-error-by-title', value: string): void
92
- }>()
93
- </script>
94
-
95
- <style scoped lang="scss">
96
- .vm-options {
97
- display: flex;
98
- flex-direction: column;
99
- gap: 12px;
100
- padding-top: 12px;
101
- }
102
- </style>
1
+ <template>
2
+ <div class="vm-options">
3
+ <common-vm-actions-common-customize-hardware-vmoptions-general-options
4
+ v-model:vm-name="vmName"
5
+ v-model:guest-machine-type="guestMachineType"
6
+ v-model:guest-os-family="guestOsFamily"
7
+ v-model:guest-os-version="guestOsVersion"
8
+ :is-edit="props.isEdit"
9
+ :is-clone="props.isClone"
10
+ :state="props.state"
11
+ />
12
+ <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options
13
+ :error-validation-fields="props.errorValidationFields"
14
+ :remote-console-options="props.options?.remote_console"
15
+ :is-edit="props.isEdit"
16
+ :state="props.state"
17
+ @send-data="emits('send-data-remote-console-options', $event)"
18
+ @invalid="remoteConsoleOptionsInvalid = $event"
19
+ @remove-error-by-title="emits('remove-error-by-title', $event)"
20
+ />
21
+ <common-vm-actions-common-customize-hardware-vmoptions-tools
22
+ :tools="props.options?.guest_tools?.enabled"
23
+ @send-data="emits('send-data-tools', $event)"
24
+ />
25
+ <common-vm-actions-common-customize-hardware-vmoptions-boot-options
26
+ :error-validation-fields="props.errorValidationFields"
27
+ :hard-disks="props.hardDisks"
28
+ :cd-dvd-drives="props.cdDvdDrives"
29
+ :networks="props.networks"
30
+ :boot-options="props.options?.boot_options"
31
+ :is-edit="props.isEdit"
32
+ @change-boot-order="emits('change-boot-order', $event)"
33
+ @send-data="emits('send-data-boot-options', $event)"
34
+ @remove-error-by-title="emits('remove-error-by-title', $event)"
35
+ />
36
+ </div>
37
+ </template>
38
+
39
+ <script setup lang="ts">
40
+ import type {
41
+ UI_I_SendDataRemoteConsoleOptions,
42
+ UI_I_SendDataTools,
43
+ UI_I_SendDataBootOptions,
44
+ UI_I_SendDataVmoptions,
45
+ } from '~/components/common/vm/actions/common/customizeHardware/vmoptions/lib/models/interfaces'
46
+ import type {
47
+ UI_I_SendDataNewCdDvdDrive,
48
+ UI_I_SendDataNewHardDisk,
49
+ UI_I_SendDataNewNetwork,
50
+ } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/interfaces'
51
+ import type { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
52
+
53
+ const vmName = defineModel<string>('vmName', { required: true })
54
+ const guestMachineType = defineModel<string>('guestMachineType', {
55
+ required: true,
56
+ })
57
+ const guestOsFamily = defineModel<string>('guestOsFamily', { required: true })
58
+ const guestOsVersion = defineModel<string>('guestOsVersion', {
59
+ required: true,
60
+ })
61
+ const remoteConsoleOptionsInvalid = defineModel<boolean>(
62
+ 'remoteConsoleOptionsInvalid',
63
+ { required: true }
64
+ )
65
+
66
+ const props = defineProps<{
67
+ hardDisks: UI_I_SendDataNewHardDisk[] | null
68
+ cdDvdDrives: UI_I_SendDataNewCdDvdDrive[] | null
69
+ networks: UI_I_SendDataNewNetwork[] | null
70
+ isEdit: boolean
71
+ isClone: boolean
72
+ errorValidationFields: UI_I_ErrorValidationField[]
73
+ options?: UI_I_SendDataVmoptions
74
+ state?: string | number
75
+ }>()
76
+ const emits = defineEmits<{
77
+ (
78
+ event: 'change-boot-order',
79
+ value: [
80
+ UI_I_SendDataNewHardDisk[],
81
+ UI_I_SendDataNewCdDvdDrive[],
82
+ UI_I_SendDataNewNetwork[]
83
+ ]
84
+ ): void
85
+ (
86
+ event: 'send-data-remote-console-options',
87
+ value: UI_I_SendDataRemoteConsoleOptions
88
+ ): void
89
+ (event: 'send-data-tools', value: UI_I_SendDataTools): void
90
+ (event: 'send-data-boot-options', value: UI_I_SendDataBootOptions): void
91
+ (event: 'remove-error-by-title', value: string): void
92
+ }>()
93
+ </script>
94
+
95
+ <style scoped lang="scss">
96
+ .vm-options {
97
+ display: flex;
98
+ flex-direction: column;
99
+ gap: 12px;
100
+ padding-top: 12px;
101
+ }
102
+ </style>