bfg-common 1.4.656 → 1.4.658

package/components/common/vm/actions/common/customizeHardware/virtualHardware/videoCard/VideoCardNew.vue

@@ -1,107 +1,107 @@
-<template>
-  <ui-stack-block :has-children="true" test-id="video-card-stack-block">
-    <template #stackBlockKey>
-      <div
-        id="vm-wizard-toggle-block-video-card"
-        data-id="vm-wizard-toggle-block-video-card"
-        class="flex-align-center"
-      >
-        <span class="title"
-          >{{ localization.common.videoCard }}:
-          {{ props.videoCardModelName }}</span
-        >
-        <ui-icon
-          v-show="invalid"
-          width="18px"
-          height="18px"
-          name="error-outline"
-        />
-      </div>
-    </template>
-    <template #stackBlockContent>
-      <ui-select
-        id="vm-wizard-video-card"
-        v-model="selectedVideoCard"
-        width="auto"
-        :items="props.videoCardOptions"
-        :disabled="props.isEdit && props.state !== 1"
-        test-id="vm-wizard-video-card-select"
-        class="vm-wizard-video-card video-card-select"
-        :error-text="props.errorText"
-        @click.stop
-      />
-    </template>
-    <template #stackChildren>
-      <common-vm-actions-common-customize-hardware-virtual-hardware-video-card-number-displays
-        v-model:number-displays="numberDisplays"
-        :disabled="props.isDisabled"
-        :error-validation-fields="props.errorValidationFields"
-        @remove-error-by-title="emits('remove-error-by-title', $event)"
-      />
-      <!--        <common-vm-actions-common-customize-hardware-virtual-hardware-video-card-total-video-memory-->
-      <!--          v-model:total-video-memory="totalVideoMemory"-->
-      <!--          :disabled="props.isDisabled"-->
-      <!--          :is-edit="props.isEdit"-->
-      <!--          :error-validation-fields="props.errorValidationFields"-->
-      <!--          @invalid="invalid = $event"-->
-      <!--          @remove-error-by-title="emits('remove-error-by-title', $event)"-->
-      <!--        />-->
-      <!--        <templates-home-vm-actions-add-customize-hardware-virtual-hardware-video-card-graphics-->
-      <!--          v-models:graphics="graphics"-->
-      <!--        />-->
-      <common-vm-actions-common-customize-hardware-virtual-hardware-video-card-model
-        v-model:video-card-model="videoCardModel"
-        :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_ErrorValidationField } from '~/lib/models/store/interfaces'
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-
-const invalid = defineModel<boolean>('invalid', { required: true })
-const selectedVideoCard = defineModel<string>('selectedVideoCard', {
-  required: true,
-})
-const numberDisplays = defineModel<string>('numberDisplays', { required: true })
-// const totalVideoMemory = defineModel<number>('totalVideoMemory', {
-//   required: true,
-// })
-const videoCardModel = defineModel<string>('videoCardModel', { required: true })
-
-const props = defineProps<{
-  isEdit: boolean
-  errorValidationFields: UI_I_ErrorValidationField[]
-  videoCardModelName: string
-  errorText: string
-  videoCardOptions: UI_I_OptionItem[]
-  isDisabled: boolean
-  state?: string | number
-}>()
-const emits = defineEmits<{
-  (event: 'remove-error'): void
-  (event: 'remove-error-by-title', value: string): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style scoped lang="scss">
-.title {
-  margin-right: 10px;
-}
-
-:deep(.video-card-select .ui-main-select-toggle) {
-  display: flex;
-  justify-content: space-between;
-  width: 196px;
-}
-.light-theme {
-  :deep(.video-card-select .ui-main-select-toggle) {
-    background-color: #ffffff;
-  }
-}
-</style>
+<template>
+  <ui-stack-block :has-children="true" test-id="video-card-stack-block">
+    <template #stackBlockKey>
+      <div
+        id="vm-wizard-toggle-block-video-card"
+        data-id="vm-wizard-toggle-block-video-card"
+        class="flex-align-center"
+      >
+        <span class="title"
+          >{{ localization.common.videoCard }}:
+          {{ props.videoCardModelName }}</span
+        >
+        <ui-icon
+          v-show="invalid"
+          width="18px"
+          height="18px"
+          name="error-outline"
+        />
+      </div>
+    </template>
+    <template #stackBlockContent>
+      <ui-select
+        id="vm-wizard-video-card"
+        v-model="selectedVideoCard"
+        width="auto"
+        :items="props.videoCardOptions"
+        :disabled="props.isEdit && props.state !== 1"
+        test-id="vm-wizard-video-card-select"
+        class="vm-wizard-video-card video-card-select"
+        :error-text="props.errorText"
+        @click.stop
+      />
+    </template>
+    <template #stackChildren>
+      <common-vm-actions-common-customize-hardware-virtual-hardware-video-card-number-displays
+        v-model:number-displays="numberDisplays"
+        :disabled="props.isDisabled"
+        :error-validation-fields="props.errorValidationFields"
+        @remove-error-by-title="emits('remove-error-by-title', $event)"
+      />
+      <!--        <common-vm-actions-common-customize-hardware-virtual-hardware-video-card-total-video-memory-->
+      <!--          v-model:total-video-memory="totalVideoMemory"-->
+      <!--          :disabled="props.isDisabled"-->
+      <!--          :is-edit="props.isEdit"-->
+      <!--          :error-validation-fields="props.errorValidationFields"-->
+      <!--          @invalid="invalid = $event"-->
+      <!--          @remove-error-by-title="emits('remove-error-by-title', $event)"-->
+      <!--        />-->
+      <!--        <templates-home-vm-actions-add-customize-hardware-virtual-hardware-video-card-graphics-->
+      <!--          v-models:graphics="graphics"-->
+      <!--        />-->
+      <common-vm-actions-common-customize-hardware-virtual-hardware-video-card-model
+        v-model:video-card-model="videoCardModel"
+        :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_ErrorValidationField } from '~/lib/models/store/interfaces'
+import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+
+const invalid = defineModel<boolean>('invalid', { required: true })
+const selectedVideoCard = defineModel<string>('selectedVideoCard', {
+  required: true,
+})
+const numberDisplays = defineModel<string>('numberDisplays', { required: true })
+// const totalVideoMemory = defineModel<number>('totalVideoMemory', {
+//   required: true,
+// })
+const videoCardModel = defineModel<string>('videoCardModel', { required: true })
+
+const props = defineProps<{
+  isEdit: boolean
+  errorValidationFields: UI_I_ErrorValidationField[]
+  videoCardModelName: string
+  errorText: string
+  videoCardOptions: UI_I_OptionItem[]
+  isDisabled: boolean
+  state?: string | number
+}>()
+const emits = defineEmits<{
+  (event: 'remove-error'): void
+  (event: 'remove-error-by-title', value: string): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style scoped lang="scss">
+.title {
+  margin-right: 10px;
+}
+
+:deep(.video-card-select .ui-main-select-toggle) {
+  display: flex;
+  justify-content: space-between;
+  width: 196px;
+}
+.light-theme {
+  :deep(.video-card-select .ui-main-select-toggle) {
+    background-color: #ffffff;
+  }
+}
+</style>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/videoCard/VideoCardOld.vue

@@ -1,115 +1,115 @@
-<template>
-  <div class="hardware-video-card">
-    <atoms-stack-block :has-children="true" test-id="video-card-stack-block">
-      <template #stackBlockKey>
-        <div
-          id="vm-wizard-toggle-block-video-card"
-          data-id="vm-wizard-toggle-block-video-card"
-          class="flex-align-center"
-        >
-          <span
-            >{{ localization.common.videoCard }}:
-            {{ props.videoCardModelName }}</span
-          >
-          <atoms-the-icon
-            v-show="invalid"
-            width="24px"
-            height="24px"
-            class="is-error tooltip-trigger"
-            name="info"
-          />
-        </div>
-      </template>
-      <template #stackBlockContent>
-        <atoms-tooltip-error
-          :has-error="!!props.errorText"
-          selector=".vm-wizard-video-card"
-          @remove="emits('remove-error')"
-        >
-          <template #elem>
-            <div class="select">
-              <select
-                id="vm-wizard-video-card"
-                v-model="selectedVideoCard"
-                data-id="vm-wizard-video-card-select"
-                class="vm-wizard-video-card input-text-color"
-                :disabled="props.isEdit && props.state !== 1"
-                @click.stop
-              >
-                <option
-                  v-for="(item, key) in props.videoCardOptions"
-                  :key="key"
-                  :value="item.value"
-                >
-                  {{ item.text }}
-                </option>
-              </select>
-            </div>
-          </template>
-          <template #content>{{ props.errorText }}</template>
-        </atoms-tooltip-error>
-      </template>
-      <template #stackChildren>
-        <common-vm-actions-common-customize-hardware-virtual-hardware-video-card-number-displays
-          v-model:number-displays="numberDisplays"
-          :disabled="props.isDisabled"
-          :error-validation-fields="props.errorValidationFields"
-          @remove-error-by-title="emits('remove-error-by-title', $event)"
-        />
-        <!--        <common-vm-actions-common-customize-hardware-virtual-hardware-video-card-total-video-memory-->
-        <!--          v-model:total-video-memory="totalVideoMemory"-->
-        <!--          :disabled="props.isDisabled"-->
-        <!--          :is-edit="props.isEdit"-->
-        <!--          :error-validation-fields="props.errorValidationFields"-->
-        <!--          @invalid="invalid = $event"-->
-        <!--          @remove-error-by-title="emits('remove-error-by-title', $event)"-->
-        <!--        />-->
-        <!--        <templates-home-vm-actions-add-customize-hardware-virtual-hardware-video-card-graphics-->
-        <!--          v-models:graphics="graphics"-->
-        <!--        />-->
-        <common-vm-actions-common-customize-hardware-virtual-hardware-video-card-model
-          v-model:video-card-model="videoCardModel"
-          :disabled="props.isDisabled"
-        />
-      </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'
-
-const invalid = defineModel<boolean>('invalid', { required: true })
-const selectedVideoCard = defineModel<string>('selectedVideoCard', {
-  required: true,
-})
-const numberDisplays = defineModel<string>('numberDisplays', { required: true })
-// const totalVideoMemory = defineModel<number>('totalVideoMemory', {
-//   required: true,
-// })
-const videoCardModel = defineModel<string>('videoCardModel', { required: true })
-
-const props = defineProps<{
-  isEdit: boolean
-  errorValidationFields: UI_I_ErrorValidationField[]
-  videoCardModelName: string
-  errorText: string
-  videoCardOptions: UI_I_OptionItem[]
-  isDisabled: boolean
-  state?: string | number
-}>()
-const emits = defineEmits<{
-  (event: 'remove-error'): void
-  (event: 'remove-error-by-title', value: string): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style scoped lang="scss">
-#network-connect {
-  margin-right: 4px;
-}
-</style>
+<template>
+  <div class="hardware-video-card">
+    <atoms-stack-block :has-children="true" test-id="video-card-stack-block">
+      <template #stackBlockKey>
+        <div
+          id="vm-wizard-toggle-block-video-card"
+          data-id="vm-wizard-toggle-block-video-card"
+          class="flex-align-center"
+        >
+          <span
+            >{{ localization.common.videoCard }}:
+            {{ props.videoCardModelName }}</span
+          >
+          <atoms-the-icon
+            v-show="invalid"
+            width="24px"
+            height="24px"
+            class="is-error tooltip-trigger"
+            name="info"
+          />
+        </div>
+      </template>
+      <template #stackBlockContent>
+        <atoms-tooltip-error
+          :has-error="!!props.errorText"
+          selector=".vm-wizard-video-card"
+          @remove="emits('remove-error')"
+        >
+          <template #elem>
+            <div class="select">
+              <select
+                id="vm-wizard-video-card"
+                v-model="selectedVideoCard"
+                data-id="vm-wizard-video-card-select"
+                class="vm-wizard-video-card input-text-color"
+                :disabled="props.isEdit && props.state !== 1"
+                @click.stop
+              >
+                <option
+                  v-for="(item, key) in props.videoCardOptions"
+                  :key="key"
+                  :value="item.value"
+                >
+                  {{ item.text }}
+                </option>
+              </select>
+            </div>
+          </template>
+          <template #content>{{ props.errorText }}</template>
+        </atoms-tooltip-error>
+      </template>
+      <template #stackChildren>
+        <common-vm-actions-common-customize-hardware-virtual-hardware-video-card-number-displays
+          v-model:number-displays="numberDisplays"
+          :disabled="props.isDisabled"
+          :error-validation-fields="props.errorValidationFields"
+          @remove-error-by-title="emits('remove-error-by-title', $event)"
+        />
+        <!--        <common-vm-actions-common-customize-hardware-virtual-hardware-video-card-total-video-memory-->
+        <!--          v-model:total-video-memory="totalVideoMemory"-->
+        <!--          :disabled="props.isDisabled"-->
+        <!--          :is-edit="props.isEdit"-->
+        <!--          :error-validation-fields="props.errorValidationFields"-->
+        <!--          @invalid="invalid = $event"-->
+        <!--          @remove-error-by-title="emits('remove-error-by-title', $event)"-->
+        <!--        />-->
+        <!--        <templates-home-vm-actions-add-customize-hardware-virtual-hardware-video-card-graphics-->
+        <!--          v-models:graphics="graphics"-->
+        <!--        />-->
+        <common-vm-actions-common-customize-hardware-virtual-hardware-video-card-model
+          v-model:video-card-model="videoCardModel"
+          :disabled="props.isDisabled"
+        />
+      </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'
+
+const invalid = defineModel<boolean>('invalid', { required: true })
+const selectedVideoCard = defineModel<string>('selectedVideoCard', {
+  required: true,
+})
+const numberDisplays = defineModel<string>('numberDisplays', { required: true })
+// const totalVideoMemory = defineModel<number>('totalVideoMemory', {
+//   required: true,
+// })
+const videoCardModel = defineModel<string>('videoCardModel', { required: true })
+
+const props = defineProps<{
+  isEdit: boolean
+  errorValidationFields: UI_I_ErrorValidationField[]
+  videoCardModelName: string
+  errorText: string
+  videoCardOptions: UI_I_OptionItem[]
+  isDisabled: boolean
+  state?: string | number
+}>()
+const emits = defineEmits<{
+  (event: 'remove-error'): void
+  (event: 'remove-error-by-title', value: string): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style scoped lang="scss">
+#network-connect {
+  margin-right: 4px;
+}
+</style>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/videoCard/totalVideoMemory/TotalVideoMemoryNew.vue

@@ -1,54 +1,54 @@
-<template>
-  <ui-stack-block :has-children="false">
-    <template #stackBlockKey>
-      {{ localization.common.totalVideoMemory }}
-    </template>
-    <template #stackBlockContent>
-      <div class="total-video-memory-content flex-align-center">
-        <div v-show="props.disabled">
-          {{ localization.common.automatic }}
-        </div>
-        <div v-show="!props.disabled">
-          <ui-input-with-tooltip
-            id="vm-wizard-video-card-memory-field"
-            v-model="totalVideoMemory"
-            test-id="vm-wizard-video-card-memory-input"
-            type="text"
-            size="sm"
-            :error-text="props.errorText"
-          />
-        </div>
-        <span class="unit-text">{{ localization.common.mb }}</span>
-      </div>
-    </template>
-  </ui-stack-block>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const totalVideoMemory = defineModel<number>('totalVideoMemory', {
-  required: true,
-})
-
-const props = defineProps<{
-  disabled: boolean
-  errorText: string
-  totalVideoMemoryLocalErrorText: string
-}>()
-// const emits = defineEmits<{
-//   (event: 'remove-error'): void
-// }>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style scoped lang="scss">
-.unit-text {
-  margin-left: 10px;
-}
-
-:deep(.ui-main.ui-main-sm .ui-main-input) {
-  height: 26px;
-}
-</style>
+<template>
+  <ui-stack-block :has-children="false">
+    <template #stackBlockKey>
+      {{ localization.common.totalVideoMemory }}
+    </template>
+    <template #stackBlockContent>
+      <div class="total-video-memory-content flex-align-center">
+        <div v-show="props.disabled">
+          {{ localization.common.automatic }}
+        </div>
+        <div v-show="!props.disabled">
+          <ui-input-with-tooltip
+            id="vm-wizard-video-card-memory-field"
+            v-model="totalVideoMemory"
+            test-id="vm-wizard-video-card-memory-input"
+            type="text"
+            size="sm"
+            :error-text="props.errorText"
+          />
+        </div>
+        <span class="unit-text">{{ localization.common.mb }}</span>
+      </div>
+    </template>
+  </ui-stack-block>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+
+const totalVideoMemory = defineModel<number>('totalVideoMemory', {
+  required: true,
+})
+
+const props = defineProps<{
+  disabled: boolean
+  errorText: string
+  totalVideoMemoryLocalErrorText: string
+}>()
+// const emits = defineEmits<{
+//   (event: 'remove-error'): void
+// }>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style scoped lang="scss">
+.unit-text {
+  margin-left: 10px;
+}
+
+:deep(.ui-main.ui-main-sm .ui-main-input) {
+  height: 26px;
+}
+</style>