bfg-common 1.5.471 → 1.5.473

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

@@ -1,141 +1,141 @@
-<template>
-  <div class="hardware-remote-console">
-    <atoms-stack-block test-id="remote-console-stack-block" has-children>
-      <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="props.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="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:keymap="keymap"
-          :disabled="props.isDisabled"
-        />
-        <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-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="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="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="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="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="remoteConsoleType === 'spice'"-->
-        <!--          :disabled="props.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="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="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="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="props.isDisabled"
-        />
-        <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-usb-redirection
-          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="remoteConsoleType === 'spice'"-->
-        <!--          v-model:folder-sharing="folderSharing"-->
-        <!--          :disabled="props.isDisabled"-->
-        <!--        />-->
-      </template>
-    </atoms-stack-block>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const keymap = defineModel<string>('keymap', { required: true })
-const password = defineModel<string>('password', { required: true })
-const passwordIsValid = defineModel<boolean>('passwordIsValid', {
-  required: true,
-})
-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 возможно вернем, НЕ УДАЛЯТЬ
-  // errorValidationFields: UI_I_ErrorValidationField<string>[]
-  remoteConsoleOptionsInvalid: boolean
-  isDisabled: boolean
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style scoped lang="scss"></style>
+<template>
+  <div class="hardware-remote-console">
+    <atoms-stack-block test-id="remote-console-stack-block" has-children>
+      <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="props.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="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:keymap="keymap"
+          :disabled="props.isDisabled"
+        />
+        <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-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="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="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="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="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="remoteConsoleType === 'spice'"-->
+        <!--          :disabled="props.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="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="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="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="props.isDisabled"
+        />
+        <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-usb-redirection
+          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="remoteConsoleType === 'spice'"-->
+        <!--          v-model:folder-sharing="folderSharing"-->
+        <!--          :disabled="props.isDisabled"-->
+        <!--        />-->
+      </template>
+    </atoms-stack-block>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+
+const keymap = defineModel<string>('keymap', { required: true })
+const password = defineModel<string>('password', { required: true })
+const passwordIsValid = defineModel<boolean>('passwordIsValid', {
+  required: true,
+})
+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 возможно вернем, НЕ УДАЛЯТЬ
+  // errorValidationFields: UI_I_ErrorValidationField<string>[]
+  remoteConsoleOptionsInvalid: boolean
+  isDisabled: boolean
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style scoped lang="scss"></style>

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

@@ -1,52 +1,55 @@
-<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"
-            :disabled="props.disabled"
-            data-id="playback-compression-checkbox"
-            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>
+<template>
+  <div class="">
+    <atoms-stack-block
+        :has-children="false"
+        test-id="remote-console-playback-compression-stack-block"
+    >
+      <template #stackBlockKey>
+        {{ localization.common.playbackCompression }}
+      </template>
+      <template #stackBlockContent>
+        <div class="flex-align-center">
+          <input
+            id="playback-compression"
+            v-model="playbackCompressionLocal"
+            :disabled="props.disabled"
+            data-id="playback-compression-checkbox"
+            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 +1,53 @@
-<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 props = defineProps<{
-  powerControl: boolean
-}>()
-const emits = defineEmits<{
-  (event: 'update:power-control', value: boolean): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const powerControlLocal = computed<boolean>({
-  get() {
-    return props.powerControl
-  },
-  set(newValue: boolean) {
-    emits('update:power-control', newValue)
-  },
-})
-</script>
-
-<style scoped>
-#power-control {
-  margin: 4px 4px 0 0;
-}
-</style>
+<template>
+  <div class="">
+    <atoms-stack-block
+        :has-children="false"
+        test-id="remote-console-power-control-stack-block"
+    >
+      <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 props = defineProps<{
+  powerControl: boolean
+}>()
+const emits = defineEmits<{
+  (event: 'update:power-control', value: boolean): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const powerControlLocal = computed<boolean>({
+  get() {
+    return props.powerControl
+  },
+  set(newValue: boolean) {
+    emits('update:power-control', newValue)
+  },
+})
+</script>
+
+<style scoped>
+#power-control {
+  margin: 4px 4px 0 0;
+}
+</style>