bfg-common 1.1.65 → 1.1.67

package/components/common/vm/actions/add/customizeHardware/vmoptions/remoteConsoleOptions/FileTransfer.vue

@@ -9,6 +9,7 @@
           <input
             id="file-transfer"
             v-model="fileTransferLocal"
+            :disabled="props.disabled"
             type="checkbox"
           />
           <label for="file-transfer" class="label-text-normal">{{
@@ -27,6 +28,7 @@ const localization = computed<UI_I_Localization>(() => useLocal())
 
 const props = defineProps<{
   fileTransfer: boolean
+  disabled: boolean
 }>()
 const emits = defineEmits<{
   (event: 'update:file-transfer', value: boolean): boolean

package/components/common/vm/actions/add/customizeHardware/vmoptions/remoteConsoleOptions/PlaybackCompression.vue

@@ -9,6 +9,7 @@
           <input
             id="playback-compression"
             v-model="playbackCompressionLocal"
+            :disabled="props.disabled"
             type="checkbox"
           />
           <label for="playback-compression" class="label-text-normal">{{
@@ -27,6 +28,7 @@ const localization = computed<UI_I_Localization>(() => useLocal())
 
 const props = defineProps<{
   playbackCompression: boolean
+  disabled: boolean
 }>()
 const emits = defineEmits<{
   (event: 'update:playback-compression', value: boolean): void

package/components/common/vm/actions/add/customizeHardware/vmoptions/remoteConsoleOptions/RemoteConsoleOptions.vue

@@ -20,14 +20,17 @@
         <common-vm-actions-add-customize-hardware-vmoptions-remote-console-options-type
           v-model:remote-console-type="remoteConsoleType"
           :error-validation-fields="props.errorValidationFields"
+          :disabled="isDisabled"
           @input="changeRemoteConsoleType"
           @remove-error-by-title="emits('remove-error-by-title', $event)"
         />
         <common-vm-actions-add-customize-hardware-vmoptions-remote-console-options-keymap
           v-model:keymap="keymap"
+          :disabled="isDisabled"
         />
         <common-vm-actions-add-customize-hardware-vmoptions-remote-console-options-password
           v-model:password="password"
+          :disabled="isDisabled"
           @valid="passwordIsValid = $event"
         />
         <!--        <common-vm-actions-add-customize-hardware-vmoptions-remote-console-options-power-control-->
@@ -42,33 +45,39 @@
           v-if="remoteConsoleType === 'spice'"
           v-model:img-compression="imgCompression"
           :error-validation-fields="props.errorValidationFields"
+          :disabled="isDisabled"
           @remove-error-by-title="emits('remove-error-by-title', $event)"
         />
         <common-vm-actions-add-customize-hardware-vmoptions-remote-console-options-jpeg-compression
           v-if="remoteConsoleType === 'spice'"
           v-model:jpeg-compression="jpegCompression"
           :error-validation-fields="props.errorValidationFields"
+          :disabled="isDisabled"
           @remove-error-by-title="emits('remove-error-by-title', $event)"
         />
         <common-vm-actions-add-customize-hardware-vmoptions-remote-console-options-zlib-compression
           v-if="remoteConsoleType === 'spice'"
           v-model:zlib-compression="zlibCompression"
           :error-validation-fields="props.errorValidationFields"
+          :disabled="isDisabled"
           @remove-error-by-title="emits('remove-error-by-title', $event)"
         />
         <common-vm-actions-add-customize-hardware-vmoptions-remote-console-options-playback-compression
           v-if="remoteConsoleType === 'spice'"
+          :disabled="isDisabled"
           v-model:playback-compression="playbackCompression"
         />
         <common-vm-actions-add-customize-hardware-vmoptions-remote-console-options-streaming-mode
           v-if="remoteConsoleType === 'spice'"
           v-model:streaming-mode="streamingMode"
           :error-validation-fields="props.errorValidationFields"
+          :disabled="isDisabled"
           @remove-error-by-title="emits('remove-error-by-title', $event)"
         />
         <common-vm-actions-add-customize-hardware-vmoptions-remote-console-options-copy-paste
           v-if="remoteConsoleType === 'spice'"
           v-model:copy-paste="copyPaste"
+          :disabled="isDisabled"
         />
         <common-vm-actions-add-customize-hardware-vmoptions-remote-console-options-mouse-mode
           v-if="remoteConsoleType === 'spice'"
@@ -77,14 +86,17 @@
         <common-vm-actions-add-customize-hardware-vmoptions-remote-console-options-file-transfer
           v-if="remoteConsoleType === 'spice'"
           v-model:file-transfer="fileTransfer"
+          :disabled="isDisabled"
         />
         <common-vm-actions-add-customize-hardware-vmoptions-remote-console-options-usb-redirection
           v-if="remoteConsoleType === 'spice'"
           v-model:usb-redirection="usbRedirection"
+          :disabled="isDisabled"
         />
         <common-vm-actions-add-customize-hardware-vmoptions-remote-console-options-folder-sharing
           v-if="remoteConsoleType === 'spice'"
           v-model:folder-sharing="folderSharing"
+          :disabled="isDisabled"
         />
       </template>
     </atoms-stack-block>
@@ -99,6 +111,8 @@ import { UI_I_ErrorValidationField } from '~/models/store/interfaces'
 const props = defineProps<{
   remoteConsoleOptions?: UI_I_SendDataRemoteConsoleOptions
   errorValidationFields: UI_I_ErrorValidationField<string>[]
+  isEdit: boolean
+  state?: string | number
 }>()
 const emits = defineEmits<{
   (event: 'send-data', value: UI_I_SendDataRemoteConsoleOptions): void
@@ -108,6 +122,8 @@ const emits = defineEmits<{
 
 const localization = computed<UI_I_Localization>(() => useLocal())
 
+const isDisabled = computed<boolean>(() => props.isEdit && props.state !== 1)
+
 const remoteConsoleType = ref<string>('spice')
 const changeRemoteConsoleType = (): void => {
   // powerControl.value = false

package/components/common/vm/actions/add/customizeHardware/vmoptions/remoteConsoleOptions/imgCompression/ImgCompression.vue

@@ -15,6 +15,7 @@
               <select
                 id="vm-wizard-img-compression-field"
                 v-model="imgCompressionLocal"
+                :disabled="props.disabled"
               >
                 <option
                   v-for="(item, key) in imgCompressionOptions"
@@ -46,6 +47,7 @@ const localization = computed<UI_I_Localization>(() => useLocal())
 const props = defineProps<{
   imgCompression: string
   errorValidationFields: UI_I_ErrorValidationField[]
+  disabled: boolean
 }>()
 const emits = defineEmits<{
   (event: 'update:img-compression', value: string): void

package/components/common/vm/actions/add/customizeHardware/vmoptions/remoteConsoleOptions/jpegCompression/JpegCompression.vue

@@ -15,6 +15,7 @@
               <select
                 id="vm-wizard-jpeg-compression-field"
                 v-model="jpegCompressionLocal"
+                :disabled="props.disabled"
               >
                 <option
                   v-for="(item, key) in jpegCompressionOptions"
@@ -46,6 +47,7 @@ const localization = computed<UI_I_Localization>(() => useLocal())
 const props = defineProps<{
   jpegCompression: string
   errorValidationFields: UI_I_ErrorValidationField[]
+  disabled: boolean
 }>()
 const emits = defineEmits<{
   (event: 'update:jpeg-compression', value: string): void

package/components/common/vm/actions/add/customizeHardware/vmoptions/remoteConsoleOptions/keymap/Keymap.vue

@@ -6,7 +6,7 @@
       </template>
       <template #stackBlockContent>
         <div class="select">
-          <select v-model="remoteConsoleTypeLocal" id="keymap-select">
+          <select v-model="remoteConsoleTypeLocal" :disabled="props.disabled" id="keymap-select">
             <option
               v-for="(item, key) in keymapOptions"
               :key="key"
@@ -30,6 +30,7 @@ const localization = computed<UI_I_Localization>(() => useLocal())
 
 const props = defineProps<{
   keymap: string
+  disabled: boolean
 }>()
 const emits = defineEmits<{
   (event: 'update:keymap', value: string): void

package/components/common/vm/actions/add/customizeHardware/vmoptions/remoteConsoleOptions/password/Password.vue

@@ -9,6 +9,7 @@
           <input
             id="enable-password"
             v-model="isEnabledPassword"
+            :disabled="props.disabled"
             type="checkbox"
             @change="setPasswordDisable"
           />
@@ -23,7 +24,7 @@
                 v-model="form.password.value"
                 type="text"
                 :class="[{ 'has-error': !!passwordErrorText }]"
-                :disabled="!isEnabledPassword"
+                :disabled="!isEnabledPassword || props.disabled()"
                 @input="changePassword"
               />
             </template>
@@ -35,7 +36,7 @@
           <button
             id="generate-password-button"
             class="generate-password-btn btn btn-primary"
-            :disabled="!isEnabledPassword"
+            :disabled="!isEnabledPassword || props.disabled()"
             :title="localization.generatePassword"
             @click="onGeneratePassword"
           >
@@ -56,6 +57,7 @@ const localization = computed<UI_I_Localization>(() => useLocal())
 
 const props = defineProps<{
   password: string
+  disabled: boolean
 }>()
 const emits = defineEmits<{
   (event: 'update:password', value: string): void

package/components/common/vm/actions/add/customizeHardware/vmoptions/remoteConsoleOptions/streamingMode/StreamingMode.vue

@@ -15,6 +15,7 @@
               <select
                 id="vm-wizard-streaming-mode-field"
                 v-model="streamingModeLocal"
+                :disabled="props.disabled"
               >
                 <option
                   v-for="(item, key) in streamingModeOptions"
@@ -46,6 +47,7 @@ const localization = computed<UI_I_Localization>(() => useLocal())
 const props = defineProps<{
   streamingMode: string
   errorValidationFields: UI_I_ErrorValidationField[]
+  disabled: boolean
 }>()
 const emits = defineEmits<{
   (event: 'update:streaming-mode', value: string): void

package/components/common/vm/actions/add/customizeHardware/vmoptions/remoteConsoleOptions/type/Type.vue

@@ -15,6 +15,7 @@
               <select
                 id="vm-wizard-remote-console-type-field"
                 v-model="remoteConsoleTypeLocal"
+                :disabled="props.disabled"
               >
                 <option
                   v-for="(item, key) in remoteConsoleTypeOptions"
@@ -46,6 +47,7 @@ const localization = computed<UI_I_Localization>(() => useLocal())
 const props = defineProps<{
   remoteConsoleType: string
   errorValidationFields: UI_I_ErrorValidationField[]
+  disabled: boolean
 }>()
 const emits = defineEmits<{
   (event: 'update:remote-console-type', value: string): void

package/components/common/vm/actions/add/customizeHardware/vmoptions/remoteConsoleOptions/zlibCompression/ZlibCompression.vue

@@ -15,6 +15,7 @@
               <select
                 id="vm-wizard-zlib-compression-field"
                 v-model="zlibCompressionLocal"
+                :disabled="props.disabled"
               >
                 <option
                   v-for="(item, key) in zlibCompressionOptions"
@@ -46,6 +47,7 @@ const localization = computed<UI_I_Localization>(() => useLocal())
 const props = defineProps<{
   zlibCompression: string
   errorValidationFields: UI_I_ErrorValidationField[]
+  disabled: boolean
 }>()
 const emits = defineEmits<{
   (event: 'update:zlib-compression', value: string): void

package/components/common/vm/actions/editSettings/EditSettings.vue

@@ -17,9 +17,9 @@
         <div v-if="vmSettings" class="add-vm-context">
           <common-vm-actions-add-customize-hardware
             v-model:vm-name="vmName"
-            :guest-machine-type="vmSettings.guestMachineType"
-            :guest-os-family="vmSettings.guestOsFamily"
-            :guest-os-version="vmSettings.guestOsVersion"
+            v-model:guest-machine-type="vmSettings.guestMachineType"
+            v-model:guest-os-family="vmSettings.guestOsFamily"
+            v-model:guest-os-version="vmSettings.guestOsVersion"
             :storage="vmSettings.storage"
             :hard-disks-for-boot-options="virtualHardwareHardDisksLocal"
             :cd-dvd-drives-for-boot-options="virtualHardwareCdDvdDrivesLocal"
@@ -103,7 +103,7 @@ const props = defineProps<{
   datastore: UI_I_DatastoreTableItem[]
   validateSendDataFunc: UI_T_EditVmFinishFunc
   getDatastoreTableFunc?: (payload: UI_I_TablePayload) => Promise<void>
-  state?: string
+  state?: string | number
   passthroughDevices?: UI_I_ConfigurePciDevicesTable
 }>()
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bfg-common",
   "private": false,
-  "version": "1.1.65",
+  "version": "1.1.67",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev --port=3002",