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.
Files changed (48) hide show
  1. package/assets/localization/local_be.json +1 -1
  2. package/assets/localization/local_hy.json +1 -1
  3. package/assets/localization/local_kk.json +1 -1
  4. package/assets/localization/local_ru.json +1 -1
  5. package/components/common/graph/Graph.vue +20 -18
  6. package/components/common/monitor/advanced/Advanced.vue +33 -3
  7. package/components/common/monitor/advanced/GraphView.vue +4 -4
  8. package/components/common/monitor/advanced/table/Table.vue +5 -5
  9. package/components/common/monitor/advanced/tools/Tools.vue +91 -27
  10. package/components/common/monitor/advanced/tools/chartOptionsModal/ChartOptionsModal.vue +101 -17
  11. package/components/common/monitor/advanced/tools/chartOptionsModal/counters/Counters.vue +25 -7
  12. package/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/config/utils.ts +55 -0
  13. package/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/models/interfaces.ts +1 -1
  14. package/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/Timespan.vue +32 -3
  15. package/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/form/Form.vue +25 -8
  16. package/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/Object.vue +41 -19
  17. package/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/models/interfaces.ts +1 -1
  18. package/components/common/monitor/advanced/tools/config/advancedToolbar.ts +50 -38
  19. package/components/common/monitor/advanced/tools/utils/countCores.ts +7 -0
  20. package/components/common/monitor/config/getValidDateByOption.ts +105 -6
  21. package/components/common/monitor/overview/filters/Filters.vue +6 -6
  22. package/components/common/monitor/overview/filters/customIntervalModal/CustomIntervalModal.vue +8 -8
  23. package/components/common/monitor/overview/filters/customIntervalModal/config/dateChecker.ts +1 -1
  24. package/components/common/vm/actions/add/customizeHardware/CustomizeHardware.vue +2 -1
  25. package/components/common/vm/actions/add/customizeHardware/virtualHardware/VirtualHardware.vue +5 -1
  26. package/components/common/vm/actions/add/customizeHardware/virtualHardware/cdDvdDrive/CdDvdDrive.vue +1 -1
  27. package/components/common/vm/actions/add/customizeHardware/virtualHardware/cpu/Cpu.vue +1 -1
  28. package/components/common/vm/actions/add/customizeHardware/virtualHardware/memory/Memory.vue +1 -1
  29. package/components/common/vm/actions/add/customizeHardware/virtualHardware/newHardDisk/NewHardDisk.vue +1 -1
  30. package/components/common/vm/actions/add/customizeHardware/virtualHardware/newNetwork/NewNetwork.vue +3 -1
  31. package/components/common/vm/actions/add/customizeHardware/virtualHardware/newUsbController/NewUsbController.vue +2 -0
  32. package/components/common/vm/actions/add/customizeHardware/virtualHardware/videoCard/VideoCard.vue +5 -3
  33. package/components/common/vm/actions/add/customizeHardware/vmoptions/Vmoptions.vue +4 -0
  34. package/components/common/vm/actions/add/customizeHardware/vmoptions/bootOptions/order/Order.vue +1 -7
  35. package/components/common/vm/actions/add/customizeHardware/vmoptions/generalOptions/GeneralOptions.vue +6 -3
  36. package/components/common/vm/actions/add/customizeHardware/vmoptions/remoteConsoleOptions/CopyPaste.vue +2 -1
  37. package/components/common/vm/actions/add/customizeHardware/vmoptions/remoteConsoleOptions/FileTransfer.vue +2 -0
  38. package/components/common/vm/actions/add/customizeHardware/vmoptions/remoteConsoleOptions/PlaybackCompression.vue +2 -0
  39. package/components/common/vm/actions/add/customizeHardware/vmoptions/remoteConsoleOptions/RemoteConsoleOptions.vue +16 -0
  40. package/components/common/vm/actions/add/customizeHardware/vmoptions/remoteConsoleOptions/imgCompression/ImgCompression.vue +2 -0
  41. package/components/common/vm/actions/add/customizeHardware/vmoptions/remoteConsoleOptions/jpegCompression/JpegCompression.vue +2 -0
  42. package/components/common/vm/actions/add/customizeHardware/vmoptions/remoteConsoleOptions/keymap/Keymap.vue +2 -1
  43. package/components/common/vm/actions/add/customizeHardware/vmoptions/remoteConsoleOptions/password/Password.vue +4 -2
  44. package/components/common/vm/actions/add/customizeHardware/vmoptions/remoteConsoleOptions/streamingMode/StreamingMode.vue +2 -0
  45. package/components/common/vm/actions/add/customizeHardware/vmoptions/remoteConsoleOptions/type/Type.vue +2 -0
  46. package/components/common/vm/actions/add/customizeHardware/vmoptions/remoteConsoleOptions/zlibCompression/ZlibCompression.vue +2 -0
  47. package/components/common/vm/actions/editSettings/EditSettings.vue +1 -1
  48. package/package.json +1 -1
@@ -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, (val) => {
158
- if (!val) return
157
+ watch(currentDateFrom, (newValue) => {
158
+ if (!newValue) return
159
159
 
160
- if ($isDate(val)) dateFrom.value = $getUnixByDate(val)
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, (val) => {
169
- if (!val) return
168
+ watch(currentDateTo, (newValue) => {
169
+ if (!newValue) return
170
170
 
171
- if ($isDate(val)) dateTo.value = $getUnixByDate(val)
171
+ if ($isDate(newValue)) dateTo.value = $getUnixByDate(newValue)
172
172
  })
173
173
 
174
174
  const alertShow = ref<boolean>(false)
@@ -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<{
@@ -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(
@@ -117,7 +117,7 @@ const props = defineProps<{
117
117
  errorValidationFields: UI_I_ErrorValidationField<string>[]
118
118
  type: UI_T_CdDvdType
119
119
  isEdit: boolean
120
- state?: string
120
+ state?: string | number
121
121
  }>()
122
122
 
123
123
  const emits = defineEmits<{
@@ -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<{
@@ -103,7 +103,7 @@ const props = defineProps<{
103
103
  maxMemory: number
104
104
  isEdit: boolean
105
105
  errorValidationFields: UI_I_ErrorValidationField[]
106
- state?: string
106
+ state?: string | number
107
107
  memory?: API_UI_I_VmEditMemory
108
108
  }>()
109
109
  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
@@ -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',
@@ -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 || props.isEdit"
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 || props.isEdit"
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
  (
@@ -111,7 +111,7 @@ watch(
111
111
  return {
112
112
  order,
113
113
  isChecked: !!order,
114
- text: `nic${index} ${item.mac || undefined} mac`,
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
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "bfg-common",
3
3
  "private": false,
4
- "version": "1.1.64",
4
+ "version": "1.1.66",
5
5
  "scripts": {
6
6
  "build": "nuxt build",
7
7
  "dev": "nuxt dev --port=3002",