bfg-common 1.4.398 → 1.4.400

package/components/common/vm/actions/common/_customizeHardware/vmoptions/lib/models/interfaces.ts

@@ -1,34 +0,0 @@
-export interface UI_I_SendDataVmoptions {
-  remote_console: UI_I_SendDataRemoteConsoleOptions | null
-  guest_tools: UI_I_SendDataTools | null
-  boot_options: UI_I_SendDataBootOptions | null
-}
-export interface UI_I_SendDataRemoteConsoleOptions {
-  type: string
-  port: number
-  keymap: string
-  password: string
-  guest_os_lock: boolean
-  limit_sessions: number
-  spice: UI_I_SendDataRemoteConsoleOptionsSpice
-}
-export interface UI_I_SendDataRemoteConsoleOptionsSpice {
-  img_compression: string
-  jpeg_compression: string
-  zlib_glz_compression: string
-  streaming_mode: string
-  playback_compression: boolean
-  file_transfer: boolean
-  clipboard: boolean
-}
-
-export interface UI_I_SendDataTools {
-  enabled: boolean
-  synchronized_time: boolean
-}
-
-export interface UI_I_SendDataBootOptions {
-  firmware: string
-  boot_delay_ms: number
-  boot_menu: boolean
-}

package/components/common/vm/actions/common/_customizeHardware/vmoptions/remoteConsoleOptions/CopyPaste.vue

@@ -1,52 +0,0 @@
-<template>
-  <div class="">
-    <atoms-stack-block :has-children="false">
-      <template #stackBlockKey>
-        {{ localization.common.copyPaste }}
-      </template>
-      <template #stackBlockContent>
-        <div class="flex-align-center">
-          <input
-            id="copy-paste"
-            v-model="copyPasteLocal"
-            data-id="copy-paste-checkbox"
-            :disabled="props.disabled"
-            type="checkbox"
-          />
-          <label for="copy-paste" class="label-text-normal">{{
-            localization.common.enable
-          }}</label>
-        </div>
-      </template>
-    </atoms-stack-block>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const props = defineProps<{
-  copyPaste: boolean
-  disabled: boolean
-}>()
-const emits = defineEmits<{
-  (event: 'update:copy-paste', value: boolean): void
-}>()
-
-const copyPasteLocal = computed<boolean>({
-  get() {
-    return props.copyPaste
-  },
-  set(newValue) {
-    emits('update:copy-paste', newValue)
-  },
-})
-</script>
-
-<style scoped>
-#copy-paste {
-  margin: 0 4px 4px 0;
-}
-</style>

package/components/common/vm/actions/common/_customizeHardware/vmoptions/remoteConsoleOptions/FileTransfer.vue

@@ -1,52 +0,0 @@
-<template>
-  <div class="">
-    <atoms-stack-block :has-children="false">
-      <template #stackBlockKey>
-        {{ localization.common.fileTransfer }}
-      </template>
-      <template #stackBlockContent>
-        <div class="flex-align-center">
-          <input
-            id="file-transfer"
-            v-model="fileTransferLocal"
-            data-id="file-transfer-checkbox"
-            :disabled="props.disabled"
-            type="checkbox"
-          />
-          <label for="file-transfer" class="label-text-normal">{{
-            localization.common.enable
-          }}</label>
-        </div>
-      </template>
-    </atoms-stack-block>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const props = defineProps<{
-  fileTransfer: boolean
-  disabled: boolean
-}>()
-const emits = defineEmits<{
-  (event: 'update:file-transfer', value: boolean): boolean
-}>()
-
-const fileTransferLocal = computed<boolean>({
-  get() {
-    return props.fileTransfer
-  },
-  set(newValue) {
-    emits('update:file-transfer', newValue)
-  },
-})
-</script>
-
-<style scoped>
-#file-transfer {
-  margin: 0 4px 4px 0;
-}
-</style>

package/components/common/vm/actions/common/_customizeHardware/vmoptions/remoteConsoleOptions/FolderSharing.vue

@@ -1,51 +0,0 @@
-<template>
-  <div class="">
-    <atoms-stack-block :has-children="false">
-      <template #stackBlockKey>
-        {{ localization.common.folderSharing }}
-      </template>
-      <template #stackBlockContent>
-        <div class="flex-align-center">
-          <input
-            id="folder-sharing"
-            v-model="folderSharingLocal"
-            data-id="folder-sharing-checkbox"
-            type="checkbox"
-            disabled
-          />
-          <label for="folder-sharing" class="div-disabled label-text-normal">{{
-            localization.common.enable
-          }}</label>
-        </div>
-      </template>
-    </atoms-stack-block>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const props = defineProps<{
-  folderSharing: boolean
-}>()
-const emits = defineEmits<{
-  (event: 'update:folder-sharing', value: boolean): void
-}>()
-
-const folderSharingLocal = computed<boolean>({
-  get() {
-    return props.folderSharing
-  },
-  set(newValue) {
-    emits('update:folder-sharing', newValue)
-  },
-})
-</script>
-
-<style scoped>
-#folder-sharing {
-  margin: 0 4px 4px 0;
-}
-</style>

package/components/common/vm/actions/common/_customizeHardware/vmoptions/remoteConsoleOptions/PlaybackCompression.vue

@@ -1,52 +0,0 @@
-<template>
-  <div class="">
-    <atoms-stack-block :has-children="false">
-      <template #stackBlockKey>
-        {{ localization.common.playbackCompression }}
-      </template>
-      <template #stackBlockContent>
-        <div class="flex-align-center">
-          <input
-            id="playback-compression"
-            v-model="playbackCompressionLocal"
-            data-id="playback-compression-checkbox"
-            :disabled="props.disabled"
-            type="checkbox"
-          />
-          <label for="playback-compression" class="label-text-normal">{{
-            localization.common.enable
-          }}</label>
-        </div>
-      </template>
-    </atoms-stack-block>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const props = defineProps<{
-  playbackCompression: boolean
-  disabled: boolean
-}>()
-const emits = defineEmits<{
-  (event: 'update:playback-compression', value: boolean): void
-}>()
-
-const playbackCompressionLocal = computed<boolean>({
-  get() {
-    return props.playbackCompression
-  },
-  set(newValue) {
-    emits('update:playback-compression', newValue)
-  },
-})
-</script>
-
-<style scoped>
-#playback-compression {
-  margin: 0 4px 4px 0;
-}
-</style>

package/components/common/vm/actions/common/_customizeHardware/vmoptions/remoteConsoleOptions/PowerControl.vue

@@ -1,50 +0,0 @@
-<template>
-  <div class="">
-    <atoms-stack-block :has-children="false">
-      <template #stackBlockKey>
-        {{ localization.common.powerControl }}
-      </template>
-      <template #stackBlockContent>
-        <div class="flex-align-center">
-          <input
-            id="power-control"
-            v-model="powerControlLocal"
-            data-id="power-control-checkbox"
-            type="checkbox"
-          />
-          <label for="power-control" class="label-text-normal">{{
-            localization.common.enable
-          }}</label>
-        </div>
-      </template>
-    </atoms-stack-block>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const props = defineProps<{
-  powerControl: boolean
-}>()
-const emits = defineEmits<{
-  (event: 'update:power-control', value: boolean): void
-}>()
-
-const powerControlLocal = computed<boolean>({
-  get() {
-    return props.powerControl
-  },
-  set(newValue) {
-    emits('update:power-control', newValue)
-  },
-})
-</script>
-
-<style scoped>
-#power-control {
-  margin: 4px 4px 0 0;
-}
-</style>

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

@@ -1,254 +0,0 @@
-<template>
-  <div class="hardware-remote-console">
-    <atoms-stack-block :has-children="true" test-id="remote-console-stack-block">
-      <template #stackBlockKey>
-        <div
-          id="vm-wizard-toggle-block-remote-console"
-          data-id="vm-wizard-toggle-block-remote-console"
-          class="flex-align-center"
-        >
-          <span>{{ localization.common.remoteConsoleOptions }}</span>
-          <atoms-the-icon
-            v-show="remoteConsoleOptionsInvalid"
-            width="24px"
-            height="24px"
-            class="is-error tooltip-trigger"
-            name="info"
-          />
-        </div>
-      </template>
-      <template #stackChildren>
-        <!--        TODO возможно вернем, НЕ УДАЛЯТЬ-->
-
-        <!--        <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-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:keymap="keymap"
-          :disabled="isDisabled"
-        />
-        <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-password
-          v-model:password="password"
-          :disabled="isDisabled"
-          @valid="passwordIsValid = $event"
-        />
-        <!--        <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-power-control-->
-        <!--          v-if="remoteConsoleType === 'vnc'"-->
-        <!--          v-models:power-control="powerControl"-->
-        <!--        />-->
-        <!--        <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-share-policy-->
-        <!--          v-if="remoteConsoleType === 'vnc'"-->
-        <!--          v-models:share-policy="sharePolicy"-->
-        <!--        />-->
-        <!--        TODO возможно вернем, НЕ УДАЛЯТЬ-->
-        <!--        <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-img-compression-->
-        <!--          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="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="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="remoteConsoleType === 'spice'"-->
-        <!--          :disabled="isDisabled"-->
-        <!--          v-models:playback-compression="playbackCompression"-->
-        <!--        />-->
-        <!--        <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-streaming-mode-->
-        <!--          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="remoteConsoleType === 'spice'"
-          v-model:copy-paste="copyPaste"
-          :disabled="isDisabled"
-        />
-        <!--        TODO возможно вернем, НЕ УДАЛЯТЬ-->
-        <!--        <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-mouse-mode-->
-        <!--          v-if="remoteConsoleType === 'spice'"-->
-        <!--          v-models:mouse-mode="mouseMode"-->
-        <!--        />-->
-        <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-file-transfer
-          v-if="remoteConsoleType === 'spice'"
-          v-model:file-transfer="fileTransfer"
-          :disabled="isDisabled"
-        />
-        <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-usb-redirection
-          v-if="remoteConsoleType === 'spice'"
-          v-model:usb-redirection="usbRedirection"
-          :disabled="isDisabled"
-        />
-        <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-folder-sharing
-          v-if="remoteConsoleType === 'spice'"
-          v-model:folder-sharing="folderSharing"
-          :disabled="isDisabled"
-        />
-      </template>
-    </atoms-stack-block>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_SendDataRemoteConsoleOptions } from '~/components/common/vm/actions/common/customizeHardware/vmoptions/lib/models/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-// import type { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
-
-const props = defineProps<{
-  remoteConsoleOptions?: UI_I_SendDataRemoteConsoleOptions
-  // TODO возможно вернем, НЕ УДАЛЯТЬ
-  // errorValidationFields: UI_I_ErrorValidationField<string>[]
-  isEdit: boolean
-  state?: string | number
-}>()
-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
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const isDisabled = computed<boolean>(() => props.isEdit && props.state !== 1)
-
-const remoteConsoleType = ref<string>('spice')
-// TODO возможно вернем, НЕ УДАЛЯТЬ
-// const changeRemoteConsoleType = (): void => {
-//   // powerControl.value = false
-//   // sharePolicy.value = 'allow-exclusive'
-//   imgCompression.value = 'auto_glz'
-//   jpegCompression.value = 'auto'
-//   zlibCompression.value = 'auto'
-//   playbackCompression.value = true
-//   streamingMode.value = 'all'
-//   copyPaste.value = true
-//   mouseMode.value = 'client'
-//   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
-)
-watch(
-  remoteConsoleOptionsInvalid,
-  (newValue) => {
-    emits('invalid', newValue)
-  },
-  { immediate: true }
-)
-</script>
-
-<style scoped lang="scss"></style>

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

@@ -1,85 +0,0 @@
-<template>
-  <div class="">
-    <atoms-stack-block :has-children="false">
-      <template #stackBlockKey>
-        {{ localization.common.imgCompression }}
-      </template>
-      <template #stackBlockContent>
-        <atoms-tooltip-error
-          :has-error="!!apiError"
-          selector="#vm-wizard-img-compression-field"
-          @remove="onRemoveValidationError"
-        >
-          <template #elem>
-            <div class="select">
-              <select
-                id="vm-wizard-img-compression-field"
-                v-model="imgCompressionLocal"
-                data-id="vm-wizard-img-compression-select"
-                :disabled="props.disabled"
-              >
-                <option
-                  v-for="(item, key) in imgCompressionOptions"
-                  :key="key"
-                  :value="item.value"
-                >
-                  {{ item.text }}
-                </option>
-              </select>
-            </div>
-          </template>
-          <template #content>
-            {{ apiError }}
-          </template>
-        </atoms-tooltip-error>
-      </template>
-    </atoms-stack-block>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-import { imgCompressionOptionsFunc } from '~/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/imgCompression/lib/config/config'
-
-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
-  (event: 'remove-error-by-title', value: string): void
-}>()
-
-const imgCompressionOptions = ref<UI_I_OptionItem[]>(
-  imgCompressionOptionsFunc(localization.value)
-)
-
-const imgCompressionLocal = computed<string>({
-  get() {
-    return props.imgCompression
-  },
-  set(newValue) {
-    emits('update:img-compression', newValue)
-  },
-})
-
-const typeError = 'options.remote_console.spice.img_compression'
-
-const apiError = computed<string>(() => {
-  return (
-    props.errorValidationFields?.find((message) => message.field === typeError)
-      ?.error_message || ''
-  )
-})
-
-const onRemoveValidationError = (): void => {
-  emits('remove-error-by-title', typeError)
-}
-</script>
-
-<style scoped></style>

package/components/common/vm/actions/common/_customizeHardware/vmoptions/remoteConsoleOptions/imgCompression/lib/config/config.ts

@@ -1,14 +0,0 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-
-export const imgCompressionOptionsFunc = (
-  localization: UI_I_Localization
-): UI_I_OptionItem[] => {
-  return [
-    { text: `${localization.common.auto} Glz`, value: 'auto_glz' },
-    { text: 'Glz', value: 'glz' },
-    { text: 'Lz', value: 'lz' },
-    { text: 'Quic', value: 'quic' },
-    { text: localization.common.off, value: 'off' },
-  ]
-}