bfg-common 1.1.64 → 1.1.66
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/assets/localization/local_be.json +1 -1
- package/assets/localization/local_hy.json +1 -1
- package/assets/localization/local_kk.json +1 -1
- package/assets/localization/local_ru.json +1 -1
- package/components/common/graph/Graph.vue +20 -18
- package/components/common/monitor/advanced/Advanced.vue +33 -3
- package/components/common/monitor/advanced/GraphView.vue +4 -4
- package/components/common/monitor/advanced/table/Table.vue +5 -5
- package/components/common/monitor/advanced/tools/Tools.vue +91 -27
- package/components/common/monitor/advanced/tools/chartOptionsModal/ChartOptionsModal.vue +101 -17
- package/components/common/monitor/advanced/tools/chartOptionsModal/counters/Counters.vue +25 -7
- package/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/config/utils.ts +55 -0
- package/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/models/interfaces.ts +1 -1
- package/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/Timespan.vue +32 -3
- package/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/form/Form.vue +25 -8
- package/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/Object.vue +41 -19
- package/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/models/interfaces.ts +1 -1
- package/components/common/monitor/advanced/tools/config/advancedToolbar.ts +50 -38
- package/components/common/monitor/advanced/tools/utils/countCores.ts +7 -0
- package/components/common/monitor/config/getValidDateByOption.ts +105 -6
- package/components/common/monitor/overview/filters/Filters.vue +6 -6
- package/components/common/monitor/overview/filters/customIntervalModal/CustomIntervalModal.vue +8 -8
- package/components/common/monitor/overview/filters/customIntervalModal/config/dateChecker.ts +1 -1
- package/components/common/vm/actions/add/customizeHardware/CustomizeHardware.vue +2 -1
- package/components/common/vm/actions/add/customizeHardware/virtualHardware/VirtualHardware.vue +5 -1
- package/components/common/vm/actions/add/customizeHardware/virtualHardware/cdDvdDrive/CdDvdDrive.vue +1 -1
- package/components/common/vm/actions/add/customizeHardware/virtualHardware/cpu/Cpu.vue +1 -1
- package/components/common/vm/actions/add/customizeHardware/virtualHardware/memory/Memory.vue +1 -1
- package/components/common/vm/actions/add/customizeHardware/virtualHardware/newHardDisk/NewHardDisk.vue +1 -1
- package/components/common/vm/actions/add/customizeHardware/virtualHardware/newNetwork/NewNetwork.vue +3 -1
- package/components/common/vm/actions/add/customizeHardware/virtualHardware/newUsbController/NewUsbController.vue +2 -0
- package/components/common/vm/actions/add/customizeHardware/virtualHardware/videoCard/VideoCard.vue +5 -3
- package/components/common/vm/actions/add/customizeHardware/vmoptions/Vmoptions.vue +4 -0
- package/components/common/vm/actions/add/customizeHardware/vmoptions/bootOptions/order/Order.vue +1 -7
- package/components/common/vm/actions/add/customizeHardware/vmoptions/generalOptions/GeneralOptions.vue +6 -3
- package/components/common/vm/actions/add/customizeHardware/vmoptions/remoteConsoleOptions/CopyPaste.vue +2 -1
- package/components/common/vm/actions/add/customizeHardware/vmoptions/remoteConsoleOptions/FileTransfer.vue +2 -0
- package/components/common/vm/actions/add/customizeHardware/vmoptions/remoteConsoleOptions/PlaybackCompression.vue +2 -0
- package/components/common/vm/actions/add/customizeHardware/vmoptions/remoteConsoleOptions/RemoteConsoleOptions.vue +16 -0
- package/components/common/vm/actions/add/customizeHardware/vmoptions/remoteConsoleOptions/imgCompression/ImgCompression.vue +2 -0
- package/components/common/vm/actions/add/customizeHardware/vmoptions/remoteConsoleOptions/jpegCompression/JpegCompression.vue +2 -0
- package/components/common/vm/actions/add/customizeHardware/vmoptions/remoteConsoleOptions/keymap/Keymap.vue +2 -1
- package/components/common/vm/actions/add/customizeHardware/vmoptions/remoteConsoleOptions/password/Password.vue +4 -2
- package/components/common/vm/actions/add/customizeHardware/vmoptions/remoteConsoleOptions/streamingMode/StreamingMode.vue +2 -0
- package/components/common/vm/actions/add/customizeHardware/vmoptions/remoteConsoleOptions/type/Type.vue +2 -0
- package/components/common/vm/actions/add/customizeHardware/vmoptions/remoteConsoleOptions/zlibCompression/ZlibCompression.vue +2 -0
- package/components/common/vm/actions/editSettings/EditSettings.vue +1 -1
- package/package.json +1 -1
package/components/common/monitor/overview/filters/customIntervalModal/CustomIntervalModal.vue
CHANGED
|
@@ -149,26 +149,26 @@ watch(timeFormatUpdater, () => {
|
|
|
149
149
|
getCurrentTime()
|
|
150
150
|
})
|
|
151
151
|
|
|
152
|
-
const onUpdateDateFrom = (val: number) => {
|
|
152
|
+
const onUpdateDateFrom = (val: number): void => {
|
|
153
153
|
if (!val) return
|
|
154
154
|
|
|
155
155
|
currentDateFrom.value = $formattedDate(new Date(val), '')
|
|
156
156
|
}
|
|
157
|
-
watch(currentDateFrom, (
|
|
158
|
-
if (!
|
|
157
|
+
watch(currentDateFrom, (newValue) => {
|
|
158
|
+
if (!newValue) return
|
|
159
159
|
|
|
160
|
-
if ($isDate(
|
|
160
|
+
if ($isDate(newValue)) dateFrom.value = $getUnixByDate(newValue)
|
|
161
161
|
})
|
|
162
162
|
|
|
163
|
-
const onUpdateDateTo = (val: number) => {
|
|
163
|
+
const onUpdateDateTo = (val: number): void => {
|
|
164
164
|
if (!val) return
|
|
165
165
|
|
|
166
166
|
currentDateTo.value = $formattedDate(new Date(val), '')
|
|
167
167
|
}
|
|
168
|
-
watch(currentDateTo, (
|
|
169
|
-
if (!
|
|
168
|
+
watch(currentDateTo, (newValue) => {
|
|
169
|
+
if (!newValue) return
|
|
170
170
|
|
|
171
|
-
if ($isDate(
|
|
171
|
+
if ($isDate(newValue)) dateTo.value = $getUnixByDate(newValue)
|
|
172
172
|
})
|
|
173
173
|
|
|
174
174
|
const alertShow = ref<boolean>(false)
|
package/components/common/monitor/overview/filters/customIntervalModal/config/dateChecker.ts
CHANGED
|
@@ -13,7 +13,7 @@ export const checkDateFunc = (
|
|
|
13
13
|
const startDate = dateFrom + ' ' + timeFrom
|
|
14
14
|
const endDate = dateTo + ' ' + timeTo
|
|
15
15
|
|
|
16
|
-
if (!$isDate(startDate) || !$isDate(endDate))
|
|
16
|
+
if (!$isDate(startDate) || !$isDate(endDate) || !timeFrom || !timeTo)
|
|
17
17
|
result = localization.invalidTimeEntry
|
|
18
18
|
else {
|
|
19
19
|
const endDateFormatted = $formattedDatetime(endDate, '', true)
|
|
@@ -56,6 +56,7 @@
|
|
|
56
56
|
:options="props.options"
|
|
57
57
|
:is-edit="props.isEdit"
|
|
58
58
|
:error-validation-fields="props.errorValidationFields"
|
|
59
|
+
:state="props.state"
|
|
59
60
|
@change-boot-order="onChangeBootOrder"
|
|
60
61
|
@send-data="onSendDataVmOptionsMethod"
|
|
61
62
|
@invalid="vmOptionsInvalid = $event"
|
|
@@ -125,7 +126,7 @@ const props = defineProps<{
|
|
|
125
126
|
usbController?: string
|
|
126
127
|
options?: UI_I_SendDataVmoptions
|
|
127
128
|
isEdit?: boolean
|
|
128
|
-
state?: string
|
|
129
|
+
state?: string | number
|
|
129
130
|
passthroughDevices?: UI_I_ConfigurePciDevicesTable | null
|
|
130
131
|
}>()
|
|
131
132
|
const emits = defineEmits<{
|
package/components/common/vm/actions/add/customizeHardware/virtualHardware/VirtualHardware.vue
CHANGED
|
@@ -58,6 +58,7 @@
|
|
|
58
58
|
:network="item"
|
|
59
59
|
:networks-table="props.networksTable"
|
|
60
60
|
:error-validation-fields="props.errorValidationFields"
|
|
61
|
+
:state="props.state"
|
|
61
62
|
@remove="onRemoveNetwork(networksIndex[key])"
|
|
62
63
|
@send-data="sendDataNewNetworkMethod($event, networksIndex[key])"
|
|
63
64
|
@invalid="onSetInvalidNetwork($event, networksIndex[key])"
|
|
@@ -90,6 +91,7 @@
|
|
|
90
91
|
<common-vm-actions-add-customize-hardware-virtual-hardware-new-usb-controller
|
|
91
92
|
:usb-controller="props.usbController"
|
|
92
93
|
:is-edit="props.isEdit"
|
|
94
|
+
:state="props.state"
|
|
93
95
|
@send-data="onSendDataNewUsbControllerMethod"
|
|
94
96
|
/>
|
|
95
97
|
<template v-if="props.passthroughDevices">
|
|
@@ -113,6 +115,7 @@
|
|
|
113
115
|
:is-edit="props.isEdit"
|
|
114
116
|
:video-card="props.videoCard"
|
|
115
117
|
:error-validation-fields="props.errorValidationFields"
|
|
118
|
+
:state="props.state"
|
|
116
119
|
@send-data="onSendDataVideoCardMethod"
|
|
117
120
|
@invalid="videoCardInvalid = $event"
|
|
118
121
|
@remove-error-by-title="emits('remove-error-by-title', $event)"
|
|
@@ -189,7 +192,7 @@ const props = defineProps<{
|
|
|
189
192
|
networksTable: UI_I_NetworkTableItem[]
|
|
190
193
|
getDatastoreTableFunc: (payload: UI_I_TablePayload) => Promise<void>
|
|
191
194
|
datastore: UI_I_DatastoreTableItem[]
|
|
192
|
-
state?: string
|
|
195
|
+
state?: string | number
|
|
193
196
|
cpu?: API_UI_I_VmEditCpu
|
|
194
197
|
memory?: API_UI_I_VmEditMemory
|
|
195
198
|
vmCpuHelpTextSecond?: string
|
|
@@ -227,6 +230,7 @@ const hardDisks = ref<UI_I_SendDataNewHardDisk[]>([
|
|
|
227
230
|
create: true,
|
|
228
231
|
size: 90,
|
|
229
232
|
source: '',
|
|
233
|
+
boot_order: -1,
|
|
230
234
|
},
|
|
231
235
|
])
|
|
232
236
|
watch(
|
|
@@ -132,7 +132,7 @@ const props = defineProps<{
|
|
|
132
132
|
isEdit: boolean
|
|
133
133
|
errorValidationFields: UI_I_ErrorValidationField<string>[]
|
|
134
134
|
vmCpuHelpTextSecond?: string
|
|
135
|
-
state?: string
|
|
135
|
+
state?: string | number
|
|
136
136
|
cpu?: API_UI_I_VmEditCpu
|
|
137
137
|
}>()
|
|
138
138
|
const emits = defineEmits<{
|
|
@@ -183,7 +183,7 @@ const props = defineProps<{
|
|
|
183
183
|
getDatastoreTableFunc: (payload: UI_I_TablePayload) => Promise<void>
|
|
184
184
|
datastore: UI_I_DatastoreTableItem[]
|
|
185
185
|
isEdit: boolean
|
|
186
|
-
state?: string
|
|
186
|
+
state?: string | number
|
|
187
187
|
}>()
|
|
188
188
|
const emits = defineEmits<{
|
|
189
189
|
(event: 'send-data', value: UI_I_SendDataNewHardDisk): void
|
package/components/common/vm/actions/add/customizeHardware/virtualHardware/newNetwork/NewNetwork.vue
CHANGED
|
@@ -26,6 +26,7 @@
|
|
|
26
26
|
:id="`vm-wizard-network-field-${props.index}`"
|
|
27
27
|
v-model="selectedLocation"
|
|
28
28
|
:class="`vm-wizard-network-field-${props.index} input-text-color`"
|
|
29
|
+
:disabled="props.type === 'edit' && state !== 1"
|
|
29
30
|
@click.stop
|
|
30
31
|
@change="changeLocation"
|
|
31
32
|
>
|
|
@@ -47,7 +48,7 @@
|
|
|
47
48
|
<common-vm-actions-add-customize-hardware-virtual-hardware-new-network-adapter-type
|
|
48
49
|
v-model:adapter-type="adapterType"
|
|
49
50
|
:index="props.index"
|
|
50
|
-
:disabled="props.type === 'edit'"
|
|
51
|
+
:disabled="props.type === 'edit' && state !== 1"
|
|
51
52
|
:error-validation-fields="props.errorValidationFields"
|
|
52
53
|
@remove-error-by-title="emits('remove-error-by-title', $event)"
|
|
53
54
|
/>
|
|
@@ -87,6 +88,7 @@ const props = defineProps<{
|
|
|
87
88
|
network: UI_I_SendDataNewNetwork
|
|
88
89
|
networksTable: UI_I_NetworkTableItem[]
|
|
89
90
|
errorValidationFields: UI_I_ErrorValidationField[]
|
|
91
|
+
state?: string | number
|
|
90
92
|
}>()
|
|
91
93
|
|
|
92
94
|
const emits = defineEmits<{
|
|
@@ -11,6 +11,7 @@
|
|
|
11
11
|
<select
|
|
12
12
|
id="usb-controller-select"
|
|
13
13
|
v-model="selectedUsbController"
|
|
14
|
+
:disabled="props.isEdit && props.state !== 1"
|
|
14
15
|
@click.stop
|
|
15
16
|
>
|
|
16
17
|
<option
|
|
@@ -35,6 +36,7 @@ const props = withDefaults(
|
|
|
35
36
|
defineProps<{
|
|
36
37
|
usbController: string
|
|
37
38
|
isEdit: boolean
|
|
39
|
+
state?: string | number
|
|
38
40
|
}>(),
|
|
39
41
|
{
|
|
40
42
|
usbController: 'usb2',
|
package/components/common/vm/actions/add/customizeHardware/virtualHardware/videoCard/VideoCard.vue
CHANGED
|
@@ -25,6 +25,7 @@
|
|
|
25
25
|
id="vm-wizard-video-card"
|
|
26
26
|
v-model="selectedVideoCard"
|
|
27
27
|
class="vm-wizard-video-card input-text-color"
|
|
28
|
+
:disabled="props.isEdit && props.state !== 1"
|
|
28
29
|
@click.stop
|
|
29
30
|
>
|
|
30
31
|
<option
|
|
@@ -43,7 +44,7 @@
|
|
|
43
44
|
<template #stackChildren>
|
|
44
45
|
<common-vm-actions-add-customize-hardware-virtual-hardware-video-card-number-displays
|
|
45
46
|
v-model:number-displays="numberDisplays"
|
|
46
|
-
:disabled="isDisabled
|
|
47
|
+
:disabled="isDisabled"
|
|
47
48
|
:error-validation-fields="props.errorValidationFields"
|
|
48
49
|
@remove-error-by-title="emits('remove-error-by-title', $event)"
|
|
49
50
|
/>
|
|
@@ -60,7 +61,7 @@
|
|
|
60
61
|
<!-- />-->
|
|
61
62
|
<common-vm-actions-add-customize-hardware-virtual-hardware-video-card-model
|
|
62
63
|
v-model:video-card-model="videoCardModel"
|
|
63
|
-
:disabled="isDisabled
|
|
64
|
+
:disabled="isDisabled"
|
|
64
65
|
/>
|
|
65
66
|
</template>
|
|
66
67
|
</atoms-stack-block>
|
|
@@ -79,6 +80,7 @@ const props = defineProps<{
|
|
|
79
80
|
isEdit: boolean
|
|
80
81
|
errorValidationFields: UI_I_ErrorValidationField[]
|
|
81
82
|
videoCard?: UI_I_SendDataVideoCard
|
|
83
|
+
state?: string | number
|
|
82
84
|
}>()
|
|
83
85
|
const emits = defineEmits<{
|
|
84
86
|
(event: 'send-data', value: UI_I_SendDataVideoCard): void
|
|
@@ -93,7 +95,7 @@ const videoCardOptions = ref<UI_I_OptionItem[]>(
|
|
|
93
95
|
videoCardOptionsFunc(localization.value)
|
|
94
96
|
)
|
|
95
97
|
|
|
96
|
-
const isDisabled = computed<boolean>(() => selectedVideoCard.value === 0)
|
|
98
|
+
const isDisabled = computed<boolean>(() => selectedVideoCard.value === 0 || props.isEdit && props.state !== 1)
|
|
97
99
|
watch(isDisabled, (val) => {
|
|
98
100
|
if (!val) {
|
|
99
101
|
return
|
|
@@ -8,10 +8,13 @@
|
|
|
8
8
|
:guest-os-family="props.guestOsFamily"
|
|
9
9
|
:guest-os-version="props.guestOsVersion"
|
|
10
10
|
:is-edit="props.isEdit"
|
|
11
|
+
:state="props.state"
|
|
11
12
|
/>
|
|
12
13
|
<common-vm-actions-add-customize-hardware-vmoptions-remote-console-options
|
|
13
14
|
:error-validation-fields="props.errorValidationFields"
|
|
14
15
|
:remote-console-options="props.options?.remote_console"
|
|
16
|
+
:is-edit="props.isEdit"
|
|
17
|
+
:state="props.state"
|
|
15
18
|
@send-data="sendDataRemoteConsoleOptionsMethod"
|
|
16
19
|
@invalid="remoteConsoleOptionsInvalid = $event"
|
|
17
20
|
@remove-error-by-title="emits('remove-error-by-title', $event)"
|
|
@@ -64,6 +67,7 @@ const props = defineProps<{
|
|
|
64
67
|
isEdit: boolean
|
|
65
68
|
errorValidationFields: UI_I_ErrorValidationField[]
|
|
66
69
|
options?: UI_I_SendDataVmoptions
|
|
70
|
+
state?: string | number
|
|
67
71
|
}>()
|
|
68
72
|
const emits = defineEmits<{
|
|
69
73
|
(
|
package/components/common/vm/actions/add/customizeHardware/vmoptions/bootOptions/order/Order.vue
CHANGED
|
@@ -111,7 +111,7 @@ watch(
|
|
|
111
111
|
return {
|
|
112
112
|
order,
|
|
113
113
|
isChecked: !!order,
|
|
114
|
-
text:
|
|
114
|
+
text: item.mac || 'undefined',
|
|
115
115
|
iconClassName: 'vsphere-icon-network',
|
|
116
116
|
type: 'nic',
|
|
117
117
|
name: item.network + index,
|
|
@@ -144,12 +144,6 @@ const onChangeOrder = (event: UI_I_DropEvent): void => {
|
|
|
144
144
|
watch(
|
|
145
145
|
bootList,
|
|
146
146
|
(newValue) => {
|
|
147
|
-
// const boots = newValue.filter((item) => item.isChecked).map((item) => item)
|
|
148
|
-
// const boots = newValue.map((item) => {
|
|
149
|
-
// if (!item.isChecked) item.boot_order = 0
|
|
150
|
-
// return item
|
|
151
|
-
// })
|
|
152
|
-
|
|
153
147
|
const networks: UI_I_SendDataNewNetwork[] = []
|
|
154
148
|
const hardDisks: UI_I_SendDataNewHardDisk[] = []
|
|
155
149
|
const cdDvdDrives: UI_I_SendDataNewCdDvdDrive[] = []
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
<select
|
|
36
36
|
v-if="props.guestMachineType"
|
|
37
37
|
id="guest-machine-type-select"
|
|
38
|
-
disabled
|
|
38
|
+
:disabled="isDisabled"
|
|
39
39
|
>
|
|
40
40
|
<option selected :value="props.guestMachineType.value">
|
|
41
41
|
{{ props.guestMachineType.text }}
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
<select
|
|
53
53
|
v-if="props.guestOsFamily"
|
|
54
54
|
id="guest-os-family-select"
|
|
55
|
-
disabled
|
|
55
|
+
:disabled="isDisabled"
|
|
56
56
|
>
|
|
57
57
|
<option selected :value="props.guestOsFamily.value">
|
|
58
58
|
{{ props.guestOsFamily.text }}
|
|
@@ -69,7 +69,7 @@
|
|
|
69
69
|
<select
|
|
70
70
|
v-if="props.guestOsVersion"
|
|
71
71
|
id="guest-os-version-select"
|
|
72
|
-
disabled
|
|
72
|
+
:disabled="isDisabled"
|
|
73
73
|
>
|
|
74
74
|
<option selected :value="props.guestOsVersion.value">
|
|
75
75
|
{{ props.guestOsVersion.text }}
|
|
@@ -94,11 +94,14 @@ const props = defineProps<{
|
|
|
94
94
|
guestOsFamily: UI_I_OptionItem | null
|
|
95
95
|
guestOsVersion: UI_I_OptionItem | null
|
|
96
96
|
isEdit: boolean
|
|
97
|
+
state?: string | number
|
|
97
98
|
}>()
|
|
98
99
|
const emits = defineEmits<{
|
|
99
100
|
(event: 'update:vm-name', value: string): void
|
|
100
101
|
}>()
|
|
101
102
|
|
|
103
|
+
const isDisabled = computed<boolean>(() => !props.isEdit || props.isEdit && props.state !== 1)
|
|
104
|
+
|
|
102
105
|
const vmNameLocal = computed<string>({
|
|
103
106
|
get() {
|
|
104
107
|
return props.vmName
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
</template>
|
|
7
7
|
<template #stackBlockContent>
|
|
8
8
|
<div class="flex-align-center">
|
|
9
|
-
<input id="copy-paste" v-model="copyPasteLocal" type="checkbox" />
|
|
9
|
+
<input id="copy-paste" v-model="copyPasteLocal" :disabled="props.disabled" type="checkbox" />
|
|
10
10
|
<label for="copy-paste" class="label-text-normal">{{
|
|
11
11
|
localization.enable
|
|
12
12
|
}}</label>
|
|
@@ -23,6 +23,7 @@ const localization = computed<UI_I_Localization>(() => useLocal())
|
|
|
23
23
|
|
|
24
24
|
const props = defineProps<{
|
|
25
25
|
copyPaste: boolean
|
|
26
|
+
disabled: boolean
|
|
26
27
|
}>()
|
|
27
28
|
const emits = defineEmits<{
|
|
28
29
|
(event: 'update:copy-paste', value: boolean): void
|
|
@@ -9,6 +9,7 @@
|
|
|
9
9
|
<input
|
|
10
10
|
id="file-transfer"
|
|
11
11
|
v-model="fileTransferLocal"
|
|
12
|
+
:disabled="props.disabled"
|
|
12
13
|
type="checkbox"
|
|
13
14
|
/>
|
|
14
15
|
<label for="file-transfer" class="label-text-normal">{{
|
|
@@ -27,6 +28,7 @@ const localization = computed<UI_I_Localization>(() => useLocal())
|
|
|
27
28
|
|
|
28
29
|
const props = defineProps<{
|
|
29
30
|
fileTransfer: boolean
|
|
31
|
+
disabled: boolean
|
|
30
32
|
}>()
|
|
31
33
|
const emits = defineEmits<{
|
|
32
34
|
(event: 'update:file-transfer', value: boolean): boolean
|
|
@@ -9,6 +9,7 @@
|
|
|
9
9
|
<input
|
|
10
10
|
id="playback-compression"
|
|
11
11
|
v-model="playbackCompressionLocal"
|
|
12
|
+
:disabled="props.disabled"
|
|
12
13
|
type="checkbox"
|
|
13
14
|
/>
|
|
14
15
|
<label for="playback-compression" class="label-text-normal">{{
|
|
@@ -27,6 +28,7 @@ const localization = computed<UI_I_Localization>(() => useLocal())
|
|
|
27
28
|
|
|
28
29
|
const props = defineProps<{
|
|
29
30
|
playbackCompression: boolean
|
|
31
|
+
disabled: boolean
|
|
30
32
|
}>()
|
|
31
33
|
const emits = defineEmits<{
|
|
32
34
|
(event: 'update:playback-compression', value: boolean): void
|
|
@@ -20,14 +20,17 @@
|
|
|
20
20
|
<common-vm-actions-add-customize-hardware-vmoptions-remote-console-options-type
|
|
21
21
|
v-model:remote-console-type="remoteConsoleType"
|
|
22
22
|
:error-validation-fields="props.errorValidationFields"
|
|
23
|
+
:disabled="isDisabled"
|
|
23
24
|
@input="changeRemoteConsoleType"
|
|
24
25
|
@remove-error-by-title="emits('remove-error-by-title', $event)"
|
|
25
26
|
/>
|
|
26
27
|
<common-vm-actions-add-customize-hardware-vmoptions-remote-console-options-keymap
|
|
27
28
|
v-model:keymap="keymap"
|
|
29
|
+
:disabled="isDisabled"
|
|
28
30
|
/>
|
|
29
31
|
<common-vm-actions-add-customize-hardware-vmoptions-remote-console-options-password
|
|
30
32
|
v-model:password="password"
|
|
33
|
+
:disabled="isDisabled"
|
|
31
34
|
@valid="passwordIsValid = $event"
|
|
32
35
|
/>
|
|
33
36
|
<!-- <common-vm-actions-add-customize-hardware-vmoptions-remote-console-options-power-control-->
|
|
@@ -42,33 +45,39 @@
|
|
|
42
45
|
v-if="remoteConsoleType === 'spice'"
|
|
43
46
|
v-model:img-compression="imgCompression"
|
|
44
47
|
:error-validation-fields="props.errorValidationFields"
|
|
48
|
+
:disabled="isDisabled"
|
|
45
49
|
@remove-error-by-title="emits('remove-error-by-title', $event)"
|
|
46
50
|
/>
|
|
47
51
|
<common-vm-actions-add-customize-hardware-vmoptions-remote-console-options-jpeg-compression
|
|
48
52
|
v-if="remoteConsoleType === 'spice'"
|
|
49
53
|
v-model:jpeg-compression="jpegCompression"
|
|
50
54
|
:error-validation-fields="props.errorValidationFields"
|
|
55
|
+
:disabled="isDisabled"
|
|
51
56
|
@remove-error-by-title="emits('remove-error-by-title', $event)"
|
|
52
57
|
/>
|
|
53
58
|
<common-vm-actions-add-customize-hardware-vmoptions-remote-console-options-zlib-compression
|
|
54
59
|
v-if="remoteConsoleType === 'spice'"
|
|
55
60
|
v-model:zlib-compression="zlibCompression"
|
|
56
61
|
:error-validation-fields="props.errorValidationFields"
|
|
62
|
+
:disabled="isDisabled"
|
|
57
63
|
@remove-error-by-title="emits('remove-error-by-title', $event)"
|
|
58
64
|
/>
|
|
59
65
|
<common-vm-actions-add-customize-hardware-vmoptions-remote-console-options-playback-compression
|
|
60
66
|
v-if="remoteConsoleType === 'spice'"
|
|
67
|
+
:disabled="isDisabled"
|
|
61
68
|
v-model:playback-compression="playbackCompression"
|
|
62
69
|
/>
|
|
63
70
|
<common-vm-actions-add-customize-hardware-vmoptions-remote-console-options-streaming-mode
|
|
64
71
|
v-if="remoteConsoleType === 'spice'"
|
|
65
72
|
v-model:streaming-mode="streamingMode"
|
|
66
73
|
:error-validation-fields="props.errorValidationFields"
|
|
74
|
+
:disabled="isDisabled"
|
|
67
75
|
@remove-error-by-title="emits('remove-error-by-title', $event)"
|
|
68
76
|
/>
|
|
69
77
|
<common-vm-actions-add-customize-hardware-vmoptions-remote-console-options-copy-paste
|
|
70
78
|
v-if="remoteConsoleType === 'spice'"
|
|
71
79
|
v-model:copy-paste="copyPaste"
|
|
80
|
+
:disabled="isDisabled"
|
|
72
81
|
/>
|
|
73
82
|
<common-vm-actions-add-customize-hardware-vmoptions-remote-console-options-mouse-mode
|
|
74
83
|
v-if="remoteConsoleType === 'spice'"
|
|
@@ -77,14 +86,17 @@
|
|
|
77
86
|
<common-vm-actions-add-customize-hardware-vmoptions-remote-console-options-file-transfer
|
|
78
87
|
v-if="remoteConsoleType === 'spice'"
|
|
79
88
|
v-model:file-transfer="fileTransfer"
|
|
89
|
+
:disabled="isDisabled"
|
|
80
90
|
/>
|
|
81
91
|
<common-vm-actions-add-customize-hardware-vmoptions-remote-console-options-usb-redirection
|
|
82
92
|
v-if="remoteConsoleType === 'spice'"
|
|
83
93
|
v-model:usb-redirection="usbRedirection"
|
|
94
|
+
:disabled="isDisabled"
|
|
84
95
|
/>
|
|
85
96
|
<common-vm-actions-add-customize-hardware-vmoptions-remote-console-options-folder-sharing
|
|
86
97
|
v-if="remoteConsoleType === 'spice'"
|
|
87
98
|
v-model:folder-sharing="folderSharing"
|
|
99
|
+
:disabled="isDisabled"
|
|
88
100
|
/>
|
|
89
101
|
</template>
|
|
90
102
|
</atoms-stack-block>
|
|
@@ -99,6 +111,8 @@ import { UI_I_ErrorValidationField } from '~/models/store/interfaces'
|
|
|
99
111
|
const props = defineProps<{
|
|
100
112
|
remoteConsoleOptions?: UI_I_SendDataRemoteConsoleOptions
|
|
101
113
|
errorValidationFields: UI_I_ErrorValidationField<string>[]
|
|
114
|
+
isEdit: boolean
|
|
115
|
+
state?: string | number
|
|
102
116
|
}>()
|
|
103
117
|
const emits = defineEmits<{
|
|
104
118
|
(event: 'send-data', value: UI_I_SendDataRemoteConsoleOptions): void
|
|
@@ -108,6 +122,8 @@ const emits = defineEmits<{
|
|
|
108
122
|
|
|
109
123
|
const localization = computed<UI_I_Localization>(() => useLocal())
|
|
110
124
|
|
|
125
|
+
const isDisabled = computed<boolean>(() => props.isEdit && props.state !== 1)
|
|
126
|
+
|
|
111
127
|
const remoteConsoleType = ref<string>('spice')
|
|
112
128
|
const changeRemoteConsoleType = (): void => {
|
|
113
129
|
// powerControl.value = false
|
|
@@ -15,6 +15,7 @@
|
|
|
15
15
|
<select
|
|
16
16
|
id="vm-wizard-img-compression-field"
|
|
17
17
|
v-model="imgCompressionLocal"
|
|
18
|
+
:disabled="props.disabled"
|
|
18
19
|
>
|
|
19
20
|
<option
|
|
20
21
|
v-for="(item, key) in imgCompressionOptions"
|
|
@@ -46,6 +47,7 @@ const localization = computed<UI_I_Localization>(() => useLocal())
|
|
|
46
47
|
const props = defineProps<{
|
|
47
48
|
imgCompression: string
|
|
48
49
|
errorValidationFields: UI_I_ErrorValidationField[]
|
|
50
|
+
disabled: boolean
|
|
49
51
|
}>()
|
|
50
52
|
const emits = defineEmits<{
|
|
51
53
|
(event: 'update:img-compression', value: string): void
|
|
@@ -15,6 +15,7 @@
|
|
|
15
15
|
<select
|
|
16
16
|
id="vm-wizard-jpeg-compression-field"
|
|
17
17
|
v-model="jpegCompressionLocal"
|
|
18
|
+
:disabled="props.disabled"
|
|
18
19
|
>
|
|
19
20
|
<option
|
|
20
21
|
v-for="(item, key) in jpegCompressionOptions"
|
|
@@ -46,6 +47,7 @@ const localization = computed<UI_I_Localization>(() => useLocal())
|
|
|
46
47
|
const props = defineProps<{
|
|
47
48
|
jpegCompression: string
|
|
48
49
|
errorValidationFields: UI_I_ErrorValidationField[]
|
|
50
|
+
disabled: boolean
|
|
49
51
|
}>()
|
|
50
52
|
const emits = defineEmits<{
|
|
51
53
|
(event: 'update:jpeg-compression', value: string): void
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
</template>
|
|
7
7
|
<template #stackBlockContent>
|
|
8
8
|
<div class="select">
|
|
9
|
-
<select v-model="remoteConsoleTypeLocal" id="keymap-select">
|
|
9
|
+
<select v-model="remoteConsoleTypeLocal" :disabled="props.disabled" id="keymap-select">
|
|
10
10
|
<option
|
|
11
11
|
v-for="(item, key) in keymapOptions"
|
|
12
12
|
:key="key"
|
|
@@ -30,6 +30,7 @@ const localization = computed<UI_I_Localization>(() => useLocal())
|
|
|
30
30
|
|
|
31
31
|
const props = defineProps<{
|
|
32
32
|
keymap: string
|
|
33
|
+
disabled: boolean
|
|
33
34
|
}>()
|
|
34
35
|
const emits = defineEmits<{
|
|
35
36
|
(event: 'update:keymap', value: string): void
|
|
@@ -9,6 +9,7 @@
|
|
|
9
9
|
<input
|
|
10
10
|
id="enable-password"
|
|
11
11
|
v-model="isEnabledPassword"
|
|
12
|
+
:disabled="props.disabled"
|
|
12
13
|
type="checkbox"
|
|
13
14
|
@change="setPasswordDisable"
|
|
14
15
|
/>
|
|
@@ -23,7 +24,7 @@
|
|
|
23
24
|
v-model="form.password.value"
|
|
24
25
|
type="text"
|
|
25
26
|
:class="[{ 'has-error': !!passwordErrorText }]"
|
|
26
|
-
:disabled="!isEnabledPassword"
|
|
27
|
+
:disabled="!isEnabledPassword || props.disabled()"
|
|
27
28
|
@input="changePassword"
|
|
28
29
|
/>
|
|
29
30
|
</template>
|
|
@@ -35,7 +36,7 @@
|
|
|
35
36
|
<button
|
|
36
37
|
id="generate-password-button"
|
|
37
38
|
class="generate-password-btn btn btn-primary"
|
|
38
|
-
:disabled="!isEnabledPassword"
|
|
39
|
+
:disabled="!isEnabledPassword || props.disabled()"
|
|
39
40
|
:title="localization.generatePassword"
|
|
40
41
|
@click="onGeneratePassword"
|
|
41
42
|
>
|
|
@@ -56,6 +57,7 @@ const localization = computed<UI_I_Localization>(() => useLocal())
|
|
|
56
57
|
|
|
57
58
|
const props = defineProps<{
|
|
58
59
|
password: string
|
|
60
|
+
disabled: boolean
|
|
59
61
|
}>()
|
|
60
62
|
const emits = defineEmits<{
|
|
61
63
|
(event: 'update:password', value: string): void
|
|
@@ -15,6 +15,7 @@
|
|
|
15
15
|
<select
|
|
16
16
|
id="vm-wizard-streaming-mode-field"
|
|
17
17
|
v-model="streamingModeLocal"
|
|
18
|
+
:disabled="props.disabled"
|
|
18
19
|
>
|
|
19
20
|
<option
|
|
20
21
|
v-for="(item, key) in streamingModeOptions"
|
|
@@ -46,6 +47,7 @@ const localization = computed<UI_I_Localization>(() => useLocal())
|
|
|
46
47
|
const props = defineProps<{
|
|
47
48
|
streamingMode: string
|
|
48
49
|
errorValidationFields: UI_I_ErrorValidationField[]
|
|
50
|
+
disabled: boolean
|
|
49
51
|
}>()
|
|
50
52
|
const emits = defineEmits<{
|
|
51
53
|
(event: 'update:streaming-mode', value: string): void
|
|
@@ -15,6 +15,7 @@
|
|
|
15
15
|
<select
|
|
16
16
|
id="vm-wizard-remote-console-type-field"
|
|
17
17
|
v-model="remoteConsoleTypeLocal"
|
|
18
|
+
:disabled="props.disabled"
|
|
18
19
|
>
|
|
19
20
|
<option
|
|
20
21
|
v-for="(item, key) in remoteConsoleTypeOptions"
|
|
@@ -46,6 +47,7 @@ const localization = computed<UI_I_Localization>(() => useLocal())
|
|
|
46
47
|
const props = defineProps<{
|
|
47
48
|
remoteConsoleType: string
|
|
48
49
|
errorValidationFields: UI_I_ErrorValidationField[]
|
|
50
|
+
disabled: boolean
|
|
49
51
|
}>()
|
|
50
52
|
const emits = defineEmits<{
|
|
51
53
|
(event: 'update:remote-console-type', value: string): void
|
|
@@ -15,6 +15,7 @@
|
|
|
15
15
|
<select
|
|
16
16
|
id="vm-wizard-zlib-compression-field"
|
|
17
17
|
v-model="zlibCompressionLocal"
|
|
18
|
+
:disabled="props.disabled"
|
|
18
19
|
>
|
|
19
20
|
<option
|
|
20
21
|
v-for="(item, key) in zlibCompressionOptions"
|
|
@@ -46,6 +47,7 @@ const localization = computed<UI_I_Localization>(() => useLocal())
|
|
|
46
47
|
const props = defineProps<{
|
|
47
48
|
zlibCompression: string
|
|
48
49
|
errorValidationFields: UI_I_ErrorValidationField[]
|
|
50
|
+
disabled: boolean
|
|
49
51
|
}>()
|
|
50
52
|
const emits = defineEmits<{
|
|
51
53
|
(event: 'update:zlib-compression', value: string): void
|
|
@@ -103,7 +103,7 @@ const props = defineProps<{
|
|
|
103
103
|
datastore: UI_I_DatastoreTableItem[]
|
|
104
104
|
validateSendDataFunc: UI_T_EditVmFinishFunc
|
|
105
105
|
getDatastoreTableFunc?: (payload: UI_I_TablePayload) => Promise<void>
|
|
106
|
-
state?: string
|
|
106
|
+
state?: string | number
|
|
107
107
|
passthroughDevices?: UI_I_ConfigurePciDevicesTable
|
|
108
108
|
}>()
|
|
109
109
|
|