bfg-common 1.5.580 → 1.5.581

package/components/common/vm/actions/common/customizeHardware/vmoptions/generalOptions/GeneralOptionsOld.vue

@@ -15,44 +15,42 @@
         </div>
       </template>
       <template #stackBlockContent>
-        <div v-show="!blockIsOpen" data-id="header-vm-name">
-          {{ props.nameLabel }}: {{ model.name }}
-        </div>
+        <div v-show="!blockIsOpen" data-id="header-vm-name">{{ props.nameLabel }}: {{ vmName }}</div>
       </template>
       <template #stackChildren>
         <atoms-stack-block
-          :has-children="false"
-          test-id="general-options-vm-name-stack-block"
+            :has-children="false"
+            test-id="general-options-vm-name-stack-block"
         >
           <template #stackBlockKey>
             {{ props.nameLabel }}
           </template>
           <template #stackBlockContent>
-            <span data-id="vm-name">{{ model.name }}</span>
-            <!--            <span v-if="!props.isEdit">{{ model.name }}</span>-->
+            <span data-id="vm-name">{{ vmName }}</span>
+            <!--            <span v-if="!props.isEdit">{{ vmName }}</span>-->
             <!--            <input-->
             <!--              v-else-->
             <!--              id="general-option-vm-name"-->
-            <!--              v-models="model.name"-->
+            <!--              v-models="vmName"-->
             <!--              type="text"-->
             <!--            />-->
           </template>
         </atoms-stack-block>
 
         <atoms-stack-block
-          :has-children="false"
-          test-id="general-options-machine-type-stack-block"
+            :has-children="false"
+            test-id="general-options-machine-type-stack-block"
         >
           <template #stackBlockKey>
             {{ localization.common.machineType }}
           </template>
           <template #stackBlockContent>
             <select
-              v-if="model.machine_type"
+              v-if="guestMachineType"
               id="guest-machine-type-select"
-              v-model="model.machine_type"
+              v-model="guestMachineType"
               :disabled="props.isDisabled"
-              :data-value="model.machine_type"
+              :data-value="guestMachineType?.value"
               data-id="guest-machine-type-select"
             >
               <option
@@ -68,19 +66,19 @@
         </atoms-stack-block>
 
         <atoms-stack-block
-          :has-children="false"
-          test-id="general-options-guest-os-family-stack-block"
+            :has-children="false"
+            test-id="general-options-guest-os-family-stack-block"
         >
           <template #stackBlockKey>
             {{ localization.common.guestOsFamily }}
           </template>
           <template #stackBlockContent>
             <select
-              v-if="model.guest_os_family"
+              v-if="guestOsFamily"
               id="guest-os-family-select"
-              v-model="model.guest_os_family"
+              v-model="guestOsFamily"
               :disabled="props.isDisabled"
-              :data-value="model.guest_os_family"
+              :data-value="guestOsFamily?.value"
               data-id="guest-os-family-select"
               @change="emits('change-os')"
             >
@@ -97,19 +95,19 @@
         </atoms-stack-block>
 
         <atoms-stack-block
-          :has-children="false"
-          test-id="general-options-guest-os-version-stack-block"
+            :has-children="false"
+            test-id="general-options-guest-os-version-stack-block"
         >
           <template #stackBlockKey>
             {{ localization.common.guestOsVersion }}
           </template>
           <template #stackBlockContent>
             <select
-              v-if="model.guest_os_version"
+              v-if="guestOsVersion"
               id="guest-os-version-select"
-              v-model="model.guest_os_version"
+              v-model="guestOsVersion"
               :disabled="props.isDisabled"
-              :data-value="model.guest_os_version"
+              :data-value="guestOsVersion?.value"
               data-id="guest-os-version-select"
             >
               <option
@@ -131,11 +129,21 @@
 <script setup lang="ts">
 import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-import type { UI_I_CreateVmData } from '~/components/common/vm/actions/common/lib/models/interfaces'
-
-const model = defineModel<UI_I_CreateVmData>({ required: true })
 
 const blockIsOpen = defineModel<boolean>('blockIsOpen', { required: true })
+const vmName = defineModel<string>('vmName', { required: true })
+const guestMachineType = defineModel<UI_I_OptionItem | null>(
+  'guestMachineType',
+  {
+    required: true,
+  }
+)
+const guestOsFamily = defineModel<UI_I_OptionItem | null>('guestOsFamily', {
+  required: true,
+})
+const guestOsVersion = defineModel<UI_I_OptionItem | null>('guestOsVersion', {
+  required: true,
+})
 
 const props = withDefaults(
   defineProps<{

package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/New.vue

@@ -25,105 +25,111 @@
       <!--        TODO возможно вернем, НЕ УДАЛЯТЬ-->
 
       <!--        <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-type-->
-      <!--          v-models:remote-console-type="model.type"-->
+      <!--          v-models: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-common-customize-hardware-vmoptions-remote-console-options-keymap
-        v-model="model.keymap"
+        v-model:keymap="keymap"
         :disabled="props.isDisabled"
       />
       <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-password
-        v-model="model.password"
+        v-model:password="password"
         :disabled="props.isDisabled"
         @valid="passwordIsValid = $event"
       />
       <!--        <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-power-control-->
-      <!--          v-if="model.type === 'vnc'"-->
+      <!--          v-if="remoteConsoleType === 'vnc'"-->
       <!--          v-models:power-control="powerControl"-->
       <!--        />-->
       <!--        <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-share-policy-->
-      <!--          v-if="model.type === 'vnc'"-->
+      <!--          v-if="remoteConsoleType === 'vnc'"-->
       <!--          v-models:share-policy="sharePolicy"-->
       <!--        />-->
       <!--        TODO возможно вернем, НЕ УДАЛЯТЬ-->
       <!--        <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-img-compression-->
-      <!--          v-if="model.type === 'spice'"-->
+      <!--          v-if="remoteConsoleType === 'spice'"-->
       <!--          v-models:img-compression="imgCompression"-->
       <!--          :error-validation-fields="props.errorValidationFields"-->
       <!--          :disabled="isDisabled"-->
       <!--          @remove-error-by-title="emits('remove-error-by-title', $event)"-->
       <!--        />-->
       <!--        <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-jpeg-compression-->
-      <!--          v-if="model.type === 'spice'"-->
+      <!--          v-if="remoteConsoleType === 'spice'"-->
       <!--          v-models:jpeg-compression="jpegCompression"-->
       <!--          :error-validation-fields="props.errorValidationFields"-->
       <!--          :disabled="isDisabled"-->
       <!--          @remove-error-by-title="emits('remove-error-by-title', $event)"-->
       <!--        />-->
       <!--        <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-zlib-compression-->
-      <!--          v-if="model.type === 'spice'"-->
+      <!--          v-if="remoteConsoleType === 'spice'"-->
       <!--          v-models:zlib-compression="zlibCompression"-->
       <!--          :error-validation-fields="props.errorValidationFields"-->
       <!--          :disabled="isDisabled"-->
       <!--          @remove-error-by-title="emits('remove-error-by-title', $event)"-->
       <!--        />-->
       <!--        <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-playback-compression-->
-      <!--          v-if="model.type === 'spice'"-->
+      <!--          v-if="remoteConsoleType === 'spice'"-->
       <!--          :disabled="isDisabled"-->
       <!--          v-models:playback-compression="playbackCompression"-->
       <!--        />-->
       <!--        <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-streaming-mode-->
-      <!--          v-if="model.type === 'spice'"-->
+      <!--          v-if="remoteConsoleType === 'spice'"-->
       <!--          v-models:streaming-mode="streamingMode"-->
       <!--          :error-validation-fields="props.errorValidationFields"-->
       <!--          :disabled="isDisabled"-->
       <!--          @remove-error-by-title="emits('remove-error-by-title', $event)"-->
       <!--        />-->
       <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-copy-paste
-        v-if="model.type === 'spice'"
-        v-model:copy-paste="model.spice.clipboard"
+        v-if="remoteConsoleType === 'spice'"
+        v-model:copy-paste="copyPaste"
         :disabled="props.isDisabled"
       />
       <!--        TODO возможно вернем, НЕ УДАЛЯТЬ-->
       <!--        <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-mouse-mode-->
-      <!--          v-if="model.type === 'spice'"-->
+      <!--          v-if="remoteConsoleType === 'spice'"-->
       <!--          v-models:mouse-mode="mouseMode"-->
       <!--        />-->
       <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-file-transfer
-        v-if="model.type === 'spice'"
-        v-model:file-transfer="model.spice.file_transfer"
+        v-if="remoteConsoleType === 'spice'"
+        v-model:file-transfer="fileTransfer"
         :disabled="props.isDisabled"
       />
       <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-usb-redirection
-        v-if="model.type === 'spice'"
+        v-if="remoteConsoleType === 'spice'"
         v-model:usb-redirection="usbRedirection"
         :disabled="props.isDisabled"
       />
-      <!--      TODO 700-->
-      <!--      <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-folder-sharing-->
-      <!--        v-if="model.type === 'spice'"-->
-      <!--        v-model:folder-sharing="model.spice.folder_sharing"-->
-      <!--        :disabled="props.isDisabled"-->
-      <!--      />-->
+<!--      TODO 700-->
+<!--      <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-folder-sharing-->
+<!--        v-if="remoteConsoleType === 'spice'"-->
+<!--        v-model:folder-sharing="folderSharing"-->
+<!--        :disabled="props.isDisabled"-->
+<!--      />-->
     </template>
   </ui-stack-block>
 </template>
 
 <script setup lang="ts">
 import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_CreateVmData } from '~/components/common/vm/actions/common/lib/models/interfaces'
-
-const model = defineModel<UI_I_CreateVmData['options']['remote_console']>({ required: true })
 
+const keymap = defineModel<string>('keymap', { required: true })
+const password = defineModel<string>('password', { required: true })
 const passwordIsValid = defineModel<boolean>('passwordIsValid', {
   required: true,
 })
-
-// TODO use from model
-const usbRedirection = ref<number>(3)
+const remoteConsoleType = defineModel<string>('remoteConsoleType', {
+  required: true,
+})
+const copyPaste = defineModel<boolean>('copyPaste', { required: true })
+const fileTransfer = defineModel<boolean>('fileTransfer', { required: true })
+const usbRedirection = defineModel<number>('usbRedirection', {
+  required: true,
+})
+// TODO 700
+// const folderSharing = defineModel<boolean>('folderSharing', { required: true })
 
 const props = defineProps<{
   // TODO возможно вернем, НЕ УДАЛЯТЬ

package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/Old.vue

@@ -21,87 +21,87 @@
         <!--        TODO возможно вернем, НЕ УДАЛЯТЬ-->
 
         <!--        <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-type-->
-        <!--          v-models:remote-console-type="model.type"-->
+        <!--          v-models:remote-console-type="remoteConsoleType"-->
         <!--          :error-validation-fields="props.errorValidationFields"-->
         <!--          :disabled="props.isDisabled"-->
         <!--          @input="changeRemoteConsoleType"-->
         <!--          @remove-error-by-title="emits('remove-error-by-title', $event)"-->
         <!--        />-->
         <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-keymap
-          v-model="model.keymap"
+          v-model:keymap="keymap"
           :disabled="props.isDisabled"
         />
         <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-password
-          v-model="model.password"
+          v-model:password="password"
           :disabled="props.isDisabled"
           @valid="passwordIsValid = $event"
         />
         <!--        <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-power-control-->
-        <!--          v-if="model.type === 'vnc'"-->
+        <!--          v-if="remoteConsoleType === 'vnc'"-->
         <!--          v-models:power-control="powerControl"-->
         <!--        />-->
         <!--        <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-share-policy-->
-        <!--          v-if="model.type === 'vnc'"-->
+        <!--          v-if="remoteConsoleType === 'vnc'"-->
         <!--          v-models:share-policy="sharePolicy"-->
         <!--        />-->
         <!--        TODO возможно вернем, НЕ УДАЛЯТЬ-->
         <!--        <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-img-compression-->
-        <!--          v-if="model.type === 'spice'"-->
+        <!--          v-if="remoteConsoleType === 'spice'"-->
         <!--          v-models:img-compression="imgCompression"-->
         <!--          :error-validation-fields="props.errorValidationFields"-->
         <!--          :disabled="props.isDisabled"-->
         <!--          @remove-error-by-title="emits('remove-error-by-title', $event)"-->
         <!--        />-->
         <!--        <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-jpeg-compression-->
-        <!--          v-if="model.type === 'spice'"-->
+        <!--          v-if="remoteConsoleType === 'spice'"-->
         <!--          v-models:jpeg-compression="jpegCompression"-->
         <!--          :error-validation-fields="props.errorValidationFields"-->
         <!--          :disabled="props.isDisabled"-->
         <!--          @remove-error-by-title="emits('remove-error-by-title', $event)"-->
         <!--        />-->
         <!--        <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-zlib-compression-->
-        <!--          v-if="model.type === 'spice'"-->
+        <!--          v-if="remoteConsoleType === 'spice'"-->
         <!--          v-models:zlib-compression="zlibCompression"-->
         <!--          :error-validation-fields="props.errorValidationFields"-->
         <!--          :disabled="props.isDisabled"-->
         <!--          @remove-error-by-title="emits('remove-error-by-title', $event)"-->
         <!--        />-->
         <!--        <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-playback-compression-->
-        <!--          v-if="model.type === 'spice'"-->
+        <!--          v-if="remoteConsoleType === 'spice'"-->
         <!--          :disabled="props.isDisabled"-->
         <!--          v-models:playback-compression="playbackCompression"-->
         <!--        />-->
         <!--        <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-streaming-mode-->
-        <!--          v-if="model.type === 'spice'"-->
+        <!--          v-if="remoteConsoleType === 'spice'"-->
         <!--          v-models:streaming-mode="streamingMode"-->
         <!--          :error-validation-fields="props.errorValidationFields"-->
         <!--          :disabled="props.isDisabled"-->
         <!--          @remove-error-by-title="emits('remove-error-by-title', $event)"-->
         <!--        />-->
         <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-copy-paste
-          v-if="model.type === 'spice'"
-          v-model:copy-paste="model.spice.clipboard"
+          v-if="remoteConsoleType === 'spice'"
+          v-model:copy-paste="copyPaste"
           :disabled="props.isDisabled"
         />
         <!--        TODO возможно вернем, НЕ УДАЛЯТЬ-->
         <!--        <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-mouse-mode-->
-        <!--          v-if="model.type === 'spice'"-->
+        <!--          v-if="remoteConsoleType === 'spice'"-->
         <!--          v-models:mouse-mode="mouseMode"-->
         <!--        />-->
         <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-file-transfer
-          v-if="model.type === 'spice'"
-          v-model:file-transfer="model.spice.file_transfer"
+          v-if="remoteConsoleType === 'spice'"
+          v-model:file-transfer="fileTransfer"
           :disabled="props.isDisabled"
         />
         <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-usb-redirection
-          v-if="model.type === 'spice'"
+          v-if="remoteConsoleType === 'spice'"
           v-model:usb-redirection="usbRedirection"
           :disabled="props.isDisabled"
         />
         <!--        TODO 700-->
         <!--        <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-folder-sharing-->
-        <!--          v-if="model.type === 'spice'"-->
-        <!--          v-model:folder-sharing="model.spice.folder_sharing"-->
+        <!--          v-if="remoteConsoleType === 'spice'"-->
+        <!--          v-model:folder-sharing="folderSharing"-->
         <!--          :disabled="props.isDisabled"-->
         <!--        />-->
       </template>
@@ -111,16 +111,22 @@
 
 <script setup lang="ts">
 import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_CreateVmData } from '~/components/common/vm/actions/common/lib/models/interfaces'
-
-const model = defineModel<UI_I_CreateVmData['options']['remote_console']>({ required: true })
 
+const keymap = defineModel<string>('keymap', { required: true })
+const password = defineModel<string>('password', { required: true })
 const passwordIsValid = defineModel<boolean>('passwordIsValid', {
   required: true,
 })
-
-// TODO use from model
-const usbRedirection = ref<number>(3)
+const remoteConsoleType = defineModel<string>('remoteConsoleType', {
+  required: true,
+})
+const copyPaste = defineModel<boolean>('copyPaste', { required: true })
+const fileTransfer = defineModel<boolean>('fileTransfer', { required: true })
+const usbRedirection = defineModel<number>('usbRedirection', {
+  required: true,
+})
+// TODO 700
+// const folderSharing = defineModel<boolean>('folderSharing', { required: true })
 
 const props = defineProps<{
   // TODO возможно вернем, НЕ УДАЛЯТЬ

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

@@ -1,37 +1,50 @@
 <template>
   <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-new
     v-if="isNewView"
-    v-model="model"
+    v-model:keymap="keymap"
+    v-model:password="password"
     v-model:password-is-valid="passwordIsValid"
+    v-model:remote-console-type="remoteConsoleType"
+    v-model:copy-paste="copyPaste"
+    v-model:file-transfer="fileTransfer"
+    v-model:usb-redirection="usbRedirection"
+    v-model:folder-sharing="folderSharing"
     :remote-console-options-invalid="remoteConsoleOptionsInvalid"
     :is-disabled="isDisabled"
   />
   <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-old
     v-else
-    v-model="model"
+    v-model:keymap="keymap"
+    v-model:password="password"
     v-model:password-is-valid="passwordIsValid"
+    v-model:remote-console-type="remoteConsoleType"
+    v-model:copy-paste="copyPaste"
+    v-model:file-transfer="fileTransfer"
+    v-model:usb-redirection="usbRedirection"
+    v-model:folder-sharing="folderSharing"
     :remote-console-options-invalid="remoteConsoleOptionsInvalid"
     :is-disabled="isDisabled"
   />
 </template>
 
 <script setup lang="ts">
-import type { UI_I_CreateVmData } from '~/components/common/vm/actions/common/lib/models/interfaces'
-
-const model = defineModel<UI_I_CreateVmData['options']['remote_console']>({ required: true })
+import type { UI_I_SendDataRemoteConsoleOptions } from '~/components/common/vm/actions/common/customizeHardware/vmoptions/lib/models/interfaces'
 
 const props = withDefaults(
   defineProps<{
     isEdit: boolean
+    remoteConsoleOptions?: UI_I_SendDataRemoteConsoleOptions
     // TODO возможно вернем, НЕ УДАЛЯТЬ
     // errorValidationFields: UI_I_ErrorValidationField<string>[]
     state?: string | number
   }>(),
   {
+    remoteConsoleOptions: undefined,
     state: undefined,
   }
 )
 const emits = defineEmits<{
+  (event: 'send-data', value: UI_I_SendDataRemoteConsoleOptions): void
   (event: 'invalid', value: boolean): void
   // TODO возможно вернем, НЕ УДАЛЯТЬ
   // (event: 'remove-error-by-title', value: string): void
@@ -42,6 +55,7 @@ const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
 
 const isDisabled = computed<boolean>(() => props.isEdit && props.state !== 1)
 
+const remoteConsoleType = ref<string>('spice')
 // TODO возможно вернем, НЕ УДАЛЯТЬ
 // const changeRemoteConsoleType = (): void => {
 //   // powerControl.value = false
@@ -51,14 +65,104 @@ const isDisabled = computed<boolean>(() => props.isEdit && props.state !== 1)
 //   zlibCompression.value = 'auto'
 //   playbackCompression.value = true
 //   streamingMode.value = 'all'
-//   model.spice.clipboard = true
+//   copyPaste.value = true
 //   mouseMode.value = 'client'
-//   model.spice.file_transfer = true
-//   model.spice.folder_sharing = true
+//   fileTransfer.value = true
+//   usbRedirection.value = 3
+//   folderSharing.value = true
 // }
 
+const keymap = ref<string>('en_US')
+
+const password = ref<string>('')
 const passwordIsValid = ref<boolean>(true)
 
+// const powerControl = ref<boolean>(false)
+
+// const sharePolicy = ref<string>('allow-exclusive')
+
+const imgCompression = ref<string>('auto_glz')
+
+const jpegCompression = ref<string>('auto')
+
+const zlibCompression = ref<string>('auto')
+
+const playbackCompression = ref<boolean>(true)
+
+const streamingMode = ref<string>('all')
+
+const copyPaste = ref<boolean>(true)
+
+const mouseMode = ref<string>('client')
+
+const fileTransfer = ref<boolean>(true)
+
+const usbRedirection = ref<number>(3)
+
+const folderSharing = ref<boolean>(true)
+
+watch(
+  [
+    remoteConsoleType,
+    keymap,
+    password,
+    // powerControl,
+    // sharePolicy,
+    imgCompression,
+    jpegCompression,
+    zlibCompression,
+    playbackCompression,
+    streamingMode,
+    copyPaste,
+    mouseMode,
+    fileTransfer,
+    usbRedirection,
+    folderSharing,
+  ],
+  () => {
+    emits('send-data', {
+      type: remoteConsoleType.value,
+      port: 0,
+      keymap: keymap.value,
+      password: password.value,
+      guest_os_lock: false,
+      limit_sessions: 0,
+      spice: {
+        img_compression: imgCompression.value,
+        jpeg_compression: jpegCompression.value,
+        zlib_glz_compression: zlibCompression.value,
+        streaming_mode: streamingMode.value,
+        playback_compression: playbackCompression.value,
+        file_transfer: fileTransfer.value,
+        clipboard: copyPaste.value,
+      },
+    })
+  },
+  { immediate: true }
+)
+
+// Добавляем данные для редактирования
+watch(
+  () => props.remoteConsoleOptions,
+  (newValue) => {
+    if (!newValue || !props.remoteConsoleOptions) return
+
+    remoteConsoleType.value = props.remoteConsoleOptions.type
+    keymap.value = props.remoteConsoleOptions.keymap
+    password.value = props.remoteConsoleOptions.password
+    imgCompression.value = props.remoteConsoleOptions.spice.img_compression
+    jpegCompression.value = props.remoteConsoleOptions.spice.jpeg_compression
+    zlibCompression.value =
+      props.remoteConsoleOptions.spice.zlib_glz_compression
+    streamingMode.value = props.remoteConsoleOptions.spice.streaming_mode
+    playbackCompression.value =
+      props.remoteConsoleOptions.spice.playback_compression
+    fileTransfer.value = props.remoteConsoleOptions.spice.file_transfer
+    copyPaste.value = props.remoteConsoleOptions.spice.clipboard
+  },
+  { immediate: true }
+)
+
 const remoteConsoleOptionsInvalid = computed<boolean>(
   () => !passwordIsValid.value
 )

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

@@ -1,13 +1,13 @@
 <template>
   <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-keymap-new
     v-if="isNewView"
-    v-model="model"
+    v-model:keymap="keymap"
     :disabled="props.disabled"
     :keymap-options="keymapOptions"
   />
   <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-keymap-old
     v-else
-    v-model="model"
+    v-model:keymap="keymap"
     :disabled="props.disabled"
     :keymap-options="keymapOptions"
   />
@@ -17,7 +17,7 @@
 import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
 import { keymapOptionsConfig } from '~/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/keymap/lib/config/config'
 
-const model = defineModel<string>({ required: true })
+const keymap = defineModel<string>('keymap', { required: true })
 
 const props = defineProps<{
   disabled: boolean

package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/keymap/{New.vue → KeymapNew.vue}

@@ -1,7 +1,7 @@
 <template>
   <ui-stack-block
-    :has-children="false"
-    test-id="remote-console-keymap-stack-block"
+      :has-children="false"
+      test-id="remote-console-keymap-stack-block"
   >
     <template #stackBlockKey>
       <span class="mt-2">{{ localization.common.keymap }}</span>
@@ -9,7 +9,7 @@
     <template #stackBlockContent>
       <ui-select
         id="keymap-select"
-        v-model="model"
+        v-model="keymap"
         :items="props.keymapOptions"
         :disabled="props.disabled"
         width="auto"
@@ -25,7 +25,7 @@
 import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
 import type { UI_I_Localization } from '~/lib/models/interfaces'
 
-const model = defineModel<string>({ required: true })
+const keymap = defineModel<string>('keymap', { required: true })
 
 const props = defineProps<{
   disabled: boolean
@@ -40,6 +40,6 @@ const localization = computed<UI_I_Localization>(() => useLocal())
   width: 108px;
 }
 :deep(.stack-block-label .stack-block-content) {
-  flex: unset !important;
-}
+   flex: unset !important;
+ }
 </style>