bfg-common 1.4.397 → 1.4.399

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

@@ -1,85 +0,0 @@
-<template>
-  <div class="">
-    <atoms-stack-block :has-children="false">
-      <template #stackBlockKey>
-        {{ localization.common.jpegCompression }}
-      </template>
-      <template #stackBlockContent>
-        <atoms-tooltip-error
-          :has-error="!!apiError"
-          selector="#vm-wizard-jpeg-compression-field"
-          @remove="onRemoveValidationError"
-        >
-          <template #elem>
-            <div class="select">
-              <select
-                id="vm-wizard-jpeg-compression-field"
-                v-model="jpegCompressionLocal"
-                data-id="vm-wizard-jpeg-compression-select"
-                :disabled="props.disabled"
-              >
-                <option
-                  v-for="(item, key) in jpegCompressionOptions"
-                  :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 { jpegCompressionOptionsFunc } from '~/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/jpegCompression/lib/config/config'
-
-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
-  (event: 'remove-error-by-title', value: string): void
-}>()
-
-const jpegCompressionOptions = ref<UI_I_OptionItem[]>(
-  jpegCompressionOptionsFunc(localization.value)
-)
-
-const jpegCompressionLocal = computed<string>({
-  get() {
-    return props.jpegCompression
-  },
-  set(newValue) {
-    emits('update:jpeg-compression', newValue)
-  },
-})
-
-const typeError = 'options.remote_console.spice.jpeg_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/jpegCompression/lib/config/config.ts

@@ -1,12 +0,0 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-
-export const jpegCompressionOptionsFunc = (
-  localization: UI_I_Localization
-): UI_I_OptionItem[] => {
-  return [
-    { text: localization.common.auto, value: 'auto' },
-    { text: localization.common.always, value: 'always' },
-    { text: localization.common.never, value: 'never' },
-  ]
-}

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

@@ -1,56 +0,0 @@
-<template>
-  <div class="">
-    <atoms-stack-block :has-children="false">
-      <template #stackBlockKey>
-        {{ localization.common.keymap }}
-      </template>
-      <template #stackBlockContent>
-        <div class="select">
-          <select
-            id="keymap-select"
-            v-model="remoteConsoleTypeLocal"
-            data-id="keymap-select"
-            :disabled="props.disabled"
-          >
-            <option
-              v-for="(item, key) in keymapOptions"
-              :key="key"
-              :value="item.value"
-            >
-              {{ item.text }}
-            </option>
-          </select>
-        </div>
-      </template>
-    </atoms-stack-block>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import { keymapOptionsConfig } from '~/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/keymap/lib/config/config'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const props = defineProps<{
-  keymap: string
-  disabled: boolean
-}>()
-const emits = defineEmits<{
-  (event: 'update:keymap', value: string): void
-}>()
-
-const keymapOptions = ref<UI_I_OptionItem[]>(keymapOptionsConfig)
-
-const remoteConsoleTypeLocal = computed<string>({
-  get() {
-    return props.keymap
-  },
-  set(newValue) {
-    emits('update:keymap', newValue)
-  },
-})
-</script>
-
-<style scoped></style>

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

@@ -1,6 +0,0 @@
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-
-export const keymapOptionsConfig: UI_I_OptionItem[] = [
-  { text: 'en_US', value: 'en_US' },
-  { text: 'ru_RU', value: 'ru_RU' },
-]

package/components/common/vm/actions/common/_customizeHardware/vmoptions/remoteConsoleOptions/mouseMode/MouseMode.vue

@@ -1,57 +0,0 @@
-<template>
-  <div class="">
-    <atoms-stack-block :has-children="false">
-      <template #stackBlockKey>
-        {{ localization.common.mouseMode }}
-      </template>
-      <template #stackBlockContent>
-        <div class="select">
-          <select
-            id="mouse-mode-select"
-            v-model="mouseModeLocal"
-            data-id="mouse-mode-select"
-            disabled
-          >
-            <option
-              v-for="(item, key) in mouseModeOptions"
-              :key="key"
-              :value="item.value"
-            >
-              {{ item.text }}
-            </option>
-          </select>
-        </div>
-      </template>
-    </atoms-stack-block>
-  </div>
-</template>
-
-<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 { mouseModeOptionsFunc } from '~/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/mouseMode/lib/config/config'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const props = defineProps<{
-  mouseMode: string
-}>()
-const emits = defineEmits<{
-  (event: 'update:mouse-mode', value: string): void
-}>()
-
-const mouseModeOptions = ref<UI_I_OptionItem[]>(
-  mouseModeOptionsFunc(localization.value)
-)
-
-const mouseModeLocal = computed<string>({
-  get() {
-    return props.mouseMode
-  },
-  set(newValue) {
-    emits('update:mouse-mode', newValue)
-  },
-})
-</script>
-
-<style scoped></style>

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

@@ -1,11 +0,0 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-
-export const mouseModeOptionsFunc = (
-  localization: UI_I_Localization
-): UI_I_OptionItem[] => {
-  return [
-    { text: localization.common.client, value: 'client' },
-    { text: localization.common.server, value: 'server' },
-  ]
-}

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

@@ -1,142 +0,0 @@
-<template>
-  <div class="">
-    <atoms-stack-block :has-children="false">
-      <template #stackBlockKey>
-        {{ localization.auth.password }}
-      </template>
-      <template #stackBlockContent>
-        <div class="flex-align-center">
-          <input
-            id="enable-password"
-            v-model="isEnabledPassword"
-            data-id="enable-password-input"
-            :disabled="props.disabled"
-            type="checkbox"
-            @change="setPasswordDisable"
-          />
-          <label for="enable-password" class="label-text-normal mr-1">{{
-            localization.common.enable
-          }}</label>
-
-          <atoms-tooltip-error :has-error="!!passwordErrorText">
-            <template #elem>
-              <input
-                id="password-input"
-                v-model="form.password.value"
-                data-id="password-input"
-                type="text"
-                :class="[{ 'has-error': !!passwordErrorText }]"
-                :disabled="!isEnabledPassword || props.disabled"
-                @input="changePassword"
-              />
-            </template>
-            <template #content>
-              {{ passwordErrorText }}
-            </template>
-          </atoms-tooltip-error>
-
-          <button
-            id="generate-password-button"
-            data-id="generate-password-button"
-            class="generate-password-btn btn btn-primary"
-            :disabled="!isEnabledPassword || props.disabled"
-            :title="localization.common.generatePassword"
-            @click="onGeneratePassword"
-          >
-            <atoms-the-icon name="lock" width="16px" height="16px" />
-          </button>
-        </div>
-      </template>
-    </atoms-stack-block>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_DefaultForm } from '~/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/password/lib/models/interfaces'
-import type {
-  UI_I_Localization,
-  UI_I_HTMLSelectElement,
-} from '~/lib/models/interfaces'
-import { generatePassword } from '~/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/password/lib/utils'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const props = defineProps<{
-  password: string
-  disabled: boolean
-}>()
-const emits = defineEmits<{
-  (event: 'update:password', value: string): void
-  (event: 'valid', value: boolean): void
-}>()
-
-const { $validation } = useNuxtApp()
-const validation = $validation.call({})
-const defaultForm: UI_I_DefaultForm = {
-  password: {
-    value: props.password,
-    validations: [
-      { value: 'password', errorText: localization.value.common.changePasswordError },
-    ],
-  },
-}
-const form = ref<UI_I_DefaultForm>(useDeepCopy(defaultForm))
-const setForm = (): void => {
-  form.value = useDeepCopy(defaultForm)
-  validation.setForm(form)
-}
-setForm()
-
-const showValidationErrors = (): void => {
-  const valid = validation.touch()
-  passwordErrorText.value = !valid.isValid ? valid.errors.password[0] : ''
-  emits('valid', valid.isValid)
-}
-const removeValidationErrors = (): void => {
-  passwordErrorText.value = ''
-  emits('valid', true)
-}
-
-const setPasswordDisable = (): void => {
-  if (isEnabledPassword.value) {
-    return
-  }
-
-  removeValidationErrors()
-  setForm()
-  emits('update:password', '')
-}
-
-const passwordErrorText = ref<string>('')
-
-const changePassword = (event: UI_I_HTMLSelectElement): void => {
-  showValidationErrors()
-
-  emits('update:password', event.target.value)
-}
-
-const isEnabledPassword = ref<boolean>(false)
-
-const onGeneratePassword = (): void => {
-  const password = generatePassword()
-
-  form.value.password.value = password
-  emits('update:password', password)
-}
-</script>
-
-<style scoped>
-#enable-password {
-  margin: 4px 4px 0 0;
-}
-.has-error {
-  border: 1px solid #db2100;
-}
-.generate-password-btn {
-  min-width: unset;
-  margin: 0;
-  padding: 3px;
-  height: unset;
-  display: flex;
-}
-</style>

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

@@ -1,5 +0,0 @@
-import type { UI_I_Validation } from '~/lib/models/plugins/validation/interfaces'
-
-export interface UI_I_DefaultForm {
-  password: UI_I_Validation
-}

package/components/common/vm/actions/common/_customizeHardware/vmoptions/remoteConsoleOptions/password/lib/utils.ts

@@ -1,12 +0,0 @@
-export const generatePassword = (passwordLength = 12): string => {
-  const chars =
-    '0123456789abcdefghijklmnopqrstuvwxyz!@#$%^&*()ABCDEFGHIJKLMNOPQRSTUVWXYZ'
-
-  let password = ''
-  for (let i = 0; i <= passwordLength; i++) {
-    const randomNumber = Math.floor(Math.random() * chars.length)
-    password += chars.substring(randomNumber, randomNumber + 1)
-  }
-
-  return password
-}

package/components/common/vm/actions/common/_customizeHardware/vmoptions/remoteConsoleOptions/sharePolicy/SharePolicy.vue

@@ -1,56 +0,0 @@
-<template>
-  <div class="">
-    <atoms-stack-block :has-children="false">
-      <template #stackBlockKey>
-        {{ localization.common.sharePolicy }}
-      </template>
-      <template #stackBlockContent>
-        <div class="select">
-          <select
-            id="share-policy-select"
-            v-model="sharePolicyLocal"
-            data-id="share-policy-select"
-          >
-            <option
-              v-for="(item, key) in sharePolicyOptions"
-              :key="key"
-              :value="item.value"
-            >
-              {{ item.text }}
-            </option>
-          </select>
-        </div>
-      </template>
-    </atoms-stack-block>
-  </div>
-</template>
-
-<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 { sharePolicyOptionsFunc } from '~/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/sharePolicy/lib/config/config'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const props = defineProps<{
-  sharePolicy: string
-}>()
-const emits = defineEmits<{
-  (event: 'update:share-policy', value: string): void
-}>()
-
-const sharePolicyOptions = ref<UI_I_OptionItem[]>(
-  sharePolicyOptionsFunc(localization.value)
-)
-
-const sharePolicyLocal = computed<string>({
-  get() {
-    return props.sharePolicy
-  },
-  set(newValue) {
-    emits('update:share-policy', newValue)
-  },
-})
-</script>
-
-<style scoped></style>

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

@@ -1,11 +0,0 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-
-export const sharePolicyOptionsFunc = (
-  localization: UI_I_Localization
-): UI_I_OptionItem[] => {
-  return [
-    { text: localization.common.allowExclusive, value: 'allow-exclusive' },
-    { text: localization.common.forceShared, value: 'force-shared' },
-  ]
-}

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

@@ -1,85 +0,0 @@
-<template>
-  <div class="">
-    <atoms-stack-block :has-children="false">
-      <template #stackBlockKey>
-        {{ localization.common.streamingMode }}
-      </template>
-      <template #stackBlockContent>
-        <atoms-tooltip-error
-          :has-error="!!apiError"
-          selector="#vm-wizard-streaming-mode-field"
-          @remove="onRemoveValidationError"
-        >
-          <template #elem>
-            <div class="select">
-              <select
-                id="vm-wizard-streaming-mode-field"
-                v-model="streamingModeLocal"
-                data-id="vm-wizard-streaming-mode-select"
-                :disabled="props.disabled"
-              >
-                <option
-                  v-for="(item, key) in streamingModeOptions"
-                  :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 { streamingModeOptionsFunc } from '~/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/streamingMode/lib/config/config'
-
-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
-  (event: 'remove-error-by-title', value: string): void
-}>()
-
-const streamingModeOptions = ref<UI_I_OptionItem[]>(
-  streamingModeOptionsFunc(localization.value)
-)
-
-const streamingModeLocal = computed<string>({
-  get() {
-    return props.streamingMode
-  },
-  set(newValue) {
-    emits('update:streaming-mode', newValue)
-  },
-})
-
-const typeError = 'options.remote_console.spice.streaming_mode'
-
-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/streamingMode/lib/config/config.ts

@@ -1,12 +0,0 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-
-export const streamingModeOptionsFunc = (
-  localization: UI_I_Localization
-): UI_I_OptionItem[] => {
-  return [
-    { text: localization.common.all, value: 'all' },
-    { text: localization.common.off, value: 'off' },
-    { text: localization.common.filter, value: 'filter' },
-  ]
-}

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

@@ -1,85 +0,0 @@
-<template>
-  <div class="">
-    <atoms-stack-block :has-children="false">
-      <template #stackBlockKey>
-        {{ localization.common.remoteConsoleType }}
-      </template>
-      <template #stackBlockContent>
-        <atoms-tooltip-error
-          :has-error="!!apiError"
-          selector="#vm-wizard-remote-console-type-field"
-          @remove="onRemoveValidationError"
-        >
-          <template #elem>
-            <div class="select">
-              <select
-                id="vm-wizard-remote-console-type-field"
-                v-model="remoteConsoleTypeLocal"
-                data-id="vm-wizard-remote-console-type-select"
-                :disabled="props.disabled"
-              >
-                <option
-                  v-for="(item, key) in remoteConsoleTypeOptions"
-                  :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 { remoteConsoleTypeOptionsConfig } from '~/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/type/lib/config/config'
-
-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
-  (event: 'remove-error-by-title', value: string): void
-}>()
-
-const remoteConsoleTypeOptions = ref<UI_I_OptionItem[]>(
-  remoteConsoleTypeOptionsConfig
-)
-
-const remoteConsoleTypeLocal = computed<string>({
-  get() {
-    return props.remoteConsoleType
-  },
-  set(newValue) {
-    emits('update:remote-console-type', newValue)
-  },
-})
-
-const typeError = 'options.remote_console.type'
-
-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/type/lib/config/config.ts

@@ -1,7 +0,0 @@
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-
-export const remoteConsoleTypeOptionsConfig: UI_I_OptionItem[] = [
-  { text: 'SPICE', value: 'spice' },
-  { text: 'VNC', value: 'vnc' },
-  { text: 'RDP', value: 'rdp' },
-]