bfg-common 1.0.21 → 1.0.23

package/components/common/vm/actions/add/customizeHardware/virtualHardware/videoCard/TotalVideoMemory.vue

@@ -1,120 +1,120 @@
-<template>
-  <div class="">
-    <atoms-stack-block :has-children="false">
-      <template #stackBlockKey>
-        {{ localization.totalVideoMemory }}
-      </template>
-      <template #stackBlockContent>
-        <div class="flex-align-center">
-          <atoms-tooltip-error
-            :has-error="!!totalVideoMemoryLocalAndApiErrorsTexts"
-            selector="#vm-wizard-video-card-memory-field"
-            @remove="onRemoveValidationError"
-          >
-            <template #elem>
-              <div v-show="props.disabled">
-                {{ localization.automatic }}
-              </div>
-              <div v-show="!props.disabled" class="flex-align-center">
-                <input
-                  id="vm-wizard-video-card-memory-field"
-                  v-model="totalVideoMemoryLocal"
-                  type="text"
-                  :class="[{ 'has-error': totalVideoMemoryLocalErrorText }]"
-                />
-              </div>
-            </template>
-            <template #content>
-              {{ totalVideoMemoryLocalAndApiErrorsTexts }}
-            </template>
-          </atoms-tooltip-error>
-          <span>{{ localization.mb }}</span>
-        </div>
-      </template>
-    </atoms-stack-block>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { UI_I_Localization } from '~/models/interfaces'
-import { UI_I_ErrorValidationField } from '~/models/store/interfaces'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const props = defineProps<{
-  totalVideoMemory: number
-  disabled: boolean
-  isEdit: boolean
-  errorValidationFields: UI_I_ErrorValidationField[]
-}>()
-const emits = defineEmits<{
-  (event: 'update:total-video-memory', value: number): void
-  (event: 'invalid', value: boolean): void
-  (event: 'remove-error-by-title', value: string): void
-}>()
-
-const totalVideoMemoryLocal = computed<number>({
-  get() {
-    return props.totalVideoMemory
-  },
-  set(newValue) {
-    // нужно для правильного отображения
-    const totalVideoMemoryInput = document.getElementById(
-      'vm-wizard-video-card-memory-field'
-    ) as HTMLInputElement
-    totalVideoMemoryInput &&
-      (totalVideoMemoryInput.value = '' + Math.floor(newValue))
-    emits('update:total-video-memory', Math.floor(newValue))
-  },
-})
-
-const totalVideoMemoryMin = 8
-const totalVideoMemoryMax = 128
-const totalVideoMemoryLocalErrorText = computed<string>(() => {
-  const outOfRange =
-    !props.totalVideoMemory ||
-    props.totalVideoMemory < totalVideoMemoryMin ||
-    props.totalVideoMemory > totalVideoMemoryMax
-  if (outOfRange) {
-    return localization.value.totalVideoMemoryMustBetween
-      .replace('{0}', `${totalVideoMemoryMin} ${localization.value.mb}`)
-      .replace('{1}', `${totalVideoMemoryMax} ${localization.value.mb}`)
-  }
-  return ''
-})
-watch(totalVideoMemoryLocalErrorText, (text: string) => {
-  emits('invalid', !!text.length)
-})
-
-const typeError = 'video_card.memory_mb'
-
-const apiErrorLocal = computed<string>(() => {
-  return (
-    props.errorValidationFields?.find((message) => message.field === typeError)
-      ?.error_message || ''
-  )
-})
-
-const totalVideoMemoryLocalAndApiErrorsTexts = computed<string>(() => {
-  const localError = totalVideoMemoryLocalErrorText.value
-  const apiError = apiErrorLocal.value
-
-  let result = ''
-  if (localError && !apiError) result = localError
-  if (apiError && !localError) result = apiError
-  if (localError && apiError) result = localError + ', ' + apiError
-  if (!localError && apiError) result = apiError
-
-  return result
-})
-
-const onRemoveValidationError = (): void => {
-  emits('remove-error-by-title', typeError)
-}
-</script>
-
-<style scoped lang="scss">
-.has-error {
-  border: 1px solid #db2100;
-}
-</style>
+<template>
+  <div class="">
+    <atoms-stack-block :has-children="false">
+      <template #stackBlockKey>
+        {{ localization.totalVideoMemory }}
+      </template>
+      <template #stackBlockContent>
+        <div class="flex-align-center">
+          <atoms-tooltip-error
+            :has-error="!!totalVideoMemoryLocalAndApiErrorsTexts"
+            selector="#vm-wizard-video-card-memory-field"
+            @remove="onRemoveValidationError"
+          >
+            <template #elem>
+              <div v-show="props.disabled">
+                {{ localization.automatic }}
+              </div>
+              <div v-show="!props.disabled" class="flex-align-center">
+                <input
+                  id="vm-wizard-video-card-memory-field"
+                  v-model="totalVideoMemoryLocal"
+                  type="text"
+                  :class="[{ 'has-error': totalVideoMemoryLocalErrorText }]"
+                />
+              </div>
+            </template>
+            <template #content>
+              {{ totalVideoMemoryLocalAndApiErrorsTexts }}
+            </template>
+          </atoms-tooltip-error>
+          <span>{{ localization.mb }}</span>
+        </div>
+      </template>
+    </atoms-stack-block>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { UI_I_Localization } from '~/models/interfaces'
+import { UI_I_ErrorValidationField } from '~/models/store/interfaces'
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const props = defineProps<{
+  totalVideoMemory: number
+  disabled: boolean
+  isEdit: boolean
+  errorValidationFields: UI_I_ErrorValidationField[]
+}>()
+const emits = defineEmits<{
+  (event: 'update:total-video-memory', value: number): void
+  (event: 'invalid', value: boolean): void
+  (event: 'remove-error-by-title', value: string): void
+}>()
+
+const totalVideoMemoryLocal = computed<number>({
+  get() {
+    return props.totalVideoMemory
+  },
+  set(newValue) {
+    // нужно для правильного отображения
+    const totalVideoMemoryInput = document.getElementById(
+      'vm-wizard-video-card-memory-field'
+    ) as HTMLInputElement
+    totalVideoMemoryInput &&
+      (totalVideoMemoryInput.value = '' + Math.floor(newValue))
+    emits('update:total-video-memory', Math.floor(newValue))
+  },
+})
+
+const totalVideoMemoryMin = 8
+const totalVideoMemoryMax = 128
+const totalVideoMemoryLocalErrorText = computed<string>(() => {
+  const outOfRange =
+    !props.totalVideoMemory ||
+    props.totalVideoMemory < totalVideoMemoryMin ||
+    props.totalVideoMemory > totalVideoMemoryMax
+  if (outOfRange) {
+    return localization.value.totalVideoMemoryMustBetween
+      .replace('{0}', `${totalVideoMemoryMin} ${localization.value.mb}`)
+      .replace('{1}', `${totalVideoMemoryMax} ${localization.value.mb}`)
+  }
+  return ''
+})
+watch(totalVideoMemoryLocalErrorText, (text: string) => {
+  emits('invalid', !!text.length)
+})
+
+const typeError = 'video_card.memory_mb'
+
+const apiErrorLocal = computed<string>(() => {
+  return (
+    props.errorValidationFields?.find((message) => message.field === typeError)
+      ?.error_message || ''
+  )
+})
+
+const totalVideoMemoryLocalAndApiErrorsTexts = computed<string>(() => {
+  const localError = totalVideoMemoryLocalErrorText.value
+  const apiError = apiErrorLocal.value
+
+  let result = ''
+  if (localError && !apiError) result = localError
+  if (apiError && !localError) result = apiError
+  if (localError && apiError) result = localError + ', ' + apiError
+  if (!localError && apiError) result = apiError
+
+  return result
+})
+
+const onRemoveValidationError = (): void => {
+  emits('remove-error-by-title', typeError)
+}
+</script>
+
+<style scoped lang="scss">
+.has-error {
+  border: 1px solid #db2100;
+}
+</style>

package/components/common/vm/actions/add/customizeHardware/virtualHardware/videoCard/VideoCard.vue

@@ -24,7 +24,7 @@
               <select
                 id="vm-wizard-video-card"
                 v-model="selectedVideoCard"
-                class="vm-wizard-video-card"
+                class="vm-wizard-video-card input-text-color"
                 @click.stop
               >
                 <option

package/components/common/vm/actions/add/customizeHardware/virtualHardware/videoCard/config/options.ts

@@ -1,11 +1,11 @@
-import { UI_I_Localization } from '~/models/interfaces'
-import { UI_I_OptionItem } from '~/components/atoms/models/interfaces'
-
-export const videoCardOptionsFunc = (
-  localization: UI_I_Localization
-): UI_I_OptionItem[] => {
-  return [
-    { text: localization.autoDetectSettings, value: 0 },
-    { text: localization.specifyCustomSettings, value: 1 },
-  ]
-}
+import { UI_I_Localization } from '~/models/interfaces'
+import { UI_I_OptionItem } from '~/components/atoms/models/interfaces'
+
+export const videoCardOptionsFunc = (
+  localization: UI_I_Localization
+): UI_I_OptionItem[] => {
+  return [
+    { text: localization.autoDetectSettings, value: 0 },
+    { text: localization.specifyCustomSettings, value: 1 },
+  ]
+}

package/components/common/vm/actions/add/customizeHardware/virtualHardware/videoCard/model/Model.vue

@@ -1,57 +1,57 @@
-<template>
-  <div class="">
-    <atoms-stack-block :has-children="false">
-      <template #stackBlockKey>
-        {{ localization.videoCardModel }}
-      </template>
-      <template #stackBlockContent>
-        <div class="select">
-          <select
-            id="vm-wizard-video-card-adapter-field"
-            v-model="videoCardModelLocal"
-            :disabled="props.disabled"
-          >
-            <option
-              v-for="(item, key) in videoCardModelOptions"
-              :key="key"
-              :value="item.value"
-            >
-              {{ item.text }}
-            </option>
-          </select>
-        </div>
-      </template>
-    </atoms-stack-block>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { UI_I_Localization } from '~/models/interfaces'
-import { UI_I_OptionItem } from '~/components/atoms/models/interfaces'
-import { videoCardModelOptionsConfig } from '~/components/common/vm/actions/add/customizeHardware/virtualHardware/videoCard/model/config/options'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const props = defineProps<{
-  videoCardModel: string
-  disabled: boolean
-}>()
-const emits = defineEmits<{
-  (event: 'update:video-card-model', value: string): void
-}>()
-
-const videoCardModelOptions = ref<UI_I_OptionItem[]>(
-  videoCardModelOptionsConfig
-)
-
-const videoCardModelLocal = computed<string>({
-  get() {
-    return props.videoCardModel
-  },
-  set(newValue) {
-    emits('update:video-card-model', newValue)
-  },
-})
-</script>
-
-<style scoped></style>
+<template>
+  <div class="">
+    <atoms-stack-block :has-children="false">
+      <template #stackBlockKey>
+        {{ localization.videoCardModel }}
+      </template>
+      <template #stackBlockContent>
+        <div class="select">
+          <select
+            id="vm-wizard-video-card-adapter-field"
+            v-model="videoCardModelLocal"
+            :disabled="props.disabled"
+          >
+            <option
+              v-for="(item, key) in videoCardModelOptions"
+              :key="key"
+              :value="item.value"
+            >
+              {{ item.text }}
+            </option>
+          </select>
+        </div>
+      </template>
+    </atoms-stack-block>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { UI_I_Localization } from '~/models/interfaces'
+import { UI_I_OptionItem } from '~/components/atoms/models/interfaces'
+import { videoCardModelOptionsConfig } from '~/components/common/vm/actions/add/customizeHardware/virtualHardware/videoCard/model/config/options'
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const props = defineProps<{
+  videoCardModel: string
+  disabled: boolean
+}>()
+const emits = defineEmits<{
+  (event: 'update:video-card-model', value: string): void
+}>()
+
+const videoCardModelOptions = ref<UI_I_OptionItem[]>(
+  videoCardModelOptionsConfig
+)
+
+const videoCardModelLocal = computed<string>({
+  get() {
+    return props.videoCardModel
+  },
+  set(newValue) {
+    emits('update:video-card-model', newValue)
+  },
+})
+</script>
+
+<style scoped></style>

package/components/common/vm/actions/add/customizeHardware/virtualHardware/videoCard/model/config/options.ts

@@ -1,10 +1,10 @@
-import { UI_I_OptionItem } from '~/components/atoms/models/interfaces'
-
-export const videoCardModelOptionsConfig: UI_I_OptionItem[] = [
-  { text: 'VGA', value: 'vga' },
-  { text: 'CIRRUS', value: 'cirrus' },
-  { text: 'VMVGA', value: 'vmvga' },
-  { text: 'QXL', value: 'qxl' },
-  { text: 'virtio', value: 'virtio' },
-  { text: 'none', value: 'none' },
-]
+import { UI_I_OptionItem } from '~/components/atoms/models/interfaces'
+
+export const videoCardModelOptionsConfig: UI_I_OptionItem[] = [
+  { text: 'VGA', value: 'vga' },
+  { text: 'CIRRUS', value: 'cirrus' },
+  { text: 'VMVGA', value: 'vmvga' },
+  { text: 'QXL', value: 'qxl' },
+  { text: 'virtio', value: 'virtio' },
+  { text: 'none', value: 'none' },
+]

package/components/common/vm/actions/add/customizeHardware/virtualHardware/videoCard/numberDisplays/NumberDisplays.vue

@@ -1,82 +1,82 @@
-<template>
-  <div class="">
-    <atoms-stack-block :has-children="false">
-      <template #stackBlockKey>
-        {{ localization.numberDisplays }}
-      </template>
-      <template #stackBlockContent>
-        <atoms-tooltip-error
-          :has-error="!!apiError"
-          selector="#vm-wizard-video-card-display-field"
-          @remove="onRemoveValidationError"
-        >
-          <template #elem>
-            <div class="select">
-              <select
-                id="vm-wizard-video-card-display-field"
-                v-model="numberDisplaysLocal"
-                :disabled="disabled"
-              >
-                <option
-                  v-for="(item, key) in numberDisplaysOptions"
-                  :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 { UI_I_ErrorValidationField } from '~/models/store/interfaces'
-import { UI_I_Localization } from '~/models/interfaces'
-import { UI_I_OptionItem } from '~/components/atoms/models/interfaces'
-import { numberDisplaysOptionsConfig } from '~/components/common/vm/actions/add/customizeHardware/virtualHardware/videoCard/numberDisplays/config/options'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const props = defineProps<{
-  numberDisplays: string
-  disabled: boolean
-  errorValidationFields: UI_I_ErrorValidationField[]
-}>()
-const emits = defineEmits<{
-  (event: 'update:number-displays', value: string): void
-  (event: 'remove-error-by-title', value: string): void
-}>()
-
-const numberDisplaysOptions = ref<UI_I_OptionItem[]>(
-  numberDisplaysOptionsConfig
-)
-
-const numberDisplaysLocal = computed<string>({
-  get() {
-    return props.numberDisplays
-  },
-  set(newValue) {
-    emits('update:number-displays', newValue)
-  },
-})
-
-const typeError = 'video_card.displays'
-
-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>
+<template>
+  <div class="">
+    <atoms-stack-block :has-children="false">
+      <template #stackBlockKey>
+        {{ localization.numberDisplays }}
+      </template>
+      <template #stackBlockContent>
+        <atoms-tooltip-error
+          :has-error="!!apiError"
+          selector="#vm-wizard-video-card-display-field"
+          @remove="onRemoveValidationError"
+        >
+          <template #elem>
+            <div class="select">
+              <select
+                id="vm-wizard-video-card-display-field"
+                v-model="numberDisplaysLocal"
+                :disabled="disabled"
+              >
+                <option
+                  v-for="(item, key) in numberDisplaysOptions"
+                  :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 { UI_I_ErrorValidationField } from '~/models/store/interfaces'
+import { UI_I_Localization } from '~/models/interfaces'
+import { UI_I_OptionItem } from '~/components/atoms/models/interfaces'
+import { numberDisplaysOptionsConfig } from '~/components/common/vm/actions/add/customizeHardware/virtualHardware/videoCard/numberDisplays/config/options'
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const props = defineProps<{
+  numberDisplays: string
+  disabled: boolean
+  errorValidationFields: UI_I_ErrorValidationField[]
+}>()
+const emits = defineEmits<{
+  (event: 'update:number-displays', value: string): void
+  (event: 'remove-error-by-title', value: string): void
+}>()
+
+const numberDisplaysOptions = ref<UI_I_OptionItem[]>(
+  numberDisplaysOptionsConfig
+)
+
+const numberDisplaysLocal = computed<string>({
+  get() {
+    return props.numberDisplays
+  },
+  set(newValue) {
+    emits('update:number-displays', newValue)
+  },
+})
+
+const typeError = 'video_card.displays'
+
+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/add/customizeHardware/virtualHardware/videoCard/numberDisplays/config/options.ts

@@ -1,14 +1,14 @@
-import { UI_I_OptionItem } from '~/components/atoms/models/interfaces'
-
-export const numberDisplaysOptionsConfig: UI_I_OptionItem[] = [
-  { text: '1', value: '1' },
-  { text: '2', value: '2' },
-  { text: '3', value: '3' },
-  { text: '4', value: '4' },
-  { text: '5', value: '5' },
-  { text: '6', value: '6' },
-  { text: '7', value: '7' },
-  { text: '8', value: '8' },
-  { text: '9', value: '9' },
-  { text: '10', value: '10' },
-]
+import { UI_I_OptionItem } from '~/components/atoms/models/interfaces'
+
+export const numberDisplaysOptionsConfig: UI_I_OptionItem[] = [
+  { text: '1', value: '1' },
+  { text: '2', value: '2' },
+  { text: '3', value: '3' },
+  { text: '4', value: '4' },
+  { text: '5', value: '5' },
+  { text: '6', value: '6' },
+  { text: '7', value: '7' },
+  { text: '8', value: '8' },
+  { text: '9', value: '9' },
+  { text: '10', value: '10' },
+]