bfg-common 1.4.775 → 1.4.776

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/nvidiaGrid/NvidiaGridOld.vue

@@ -1,84 +1,84 @@
-<template>
-  <div>
-    <atoms-stack-block :has-children="false">
-      <template #stackBlockKey>
-        {{ localization.common.nvidiaGridGpuProfile }}
-      </template>
-      <template #stackBlockContent>
-        <div>{{ localization.common.connectAnyFollowing }}:</div>
-        <div class="select">
-          <select
-            id="nvidia-grid"
-            v-model="model"
-            :data-id="`nvidia-grid-select-${props.pciDeviceIndex}`"
-          >
-            <option
-              v-for="item in props.options"
-              :key="item.value"
-              :value="item"
-            >
-              {{ item.text }}
-            </option>
-          </select>
-        </div>
-        <!--        <atoms-select-the-select-->
-        <!--          v-model="model"-->
-        <!--          :options="props.options"-->
-        <!--          :test-id="`nvidia-grid-select-${pciDeviceIndex}`"-->
-        <!--        >-->
-        <!--          <span class="text-uppercase">{{-->
-        <!--            localization.common.selectHardware-->
-        <!--          }}</span>-->
-        <!--        </atoms-select-the-select>-->
-      </template>
-    </atoms-stack-block>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_Option } from '~/components/atoms/select/lib/models/interfaces'
-
-const model = defineModel<string>({ required: true })
-
-const props = defineProps<{
-  options: UI_I_Option[]
-  pciDeviceIndex: number
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style lang="scss" scoped></style>
-
-<!--<template>-->
-<!--  <div>-->
-<!--    <atoms-stack-block :has-children="false">-->
-<!--      <template #stackBlockKey>-->
-<!--        {{ localization.common.nvidiaGridGpuProfile }}-->
-<!--      </template>-->
-<!--      <template #stackBlockContent>-->
-<!--        <input-->
-<!--          :id="`nvidia-grid-${props.pciDeviceIndex}`"-->
-<!--          v-model="model"-->
-<!--          :data-id="`nvidia-grid-${props.pciDeviceIndex}-input`"-->
-<!--          type="text"-->
-<!--        />-->
-<!--      </template>-->
-<!--    </atoms-stack-block>-->
-<!--  </div>-->
-<!--</template>-->
-
-<!--<script lang="ts" setup>-->
-<!--import type { UI_I_Localization } from '~/lib/models/interfaces'-->
-
-<!--const model = defineModel<string>({required: true})-->
-
-<!--const props = defineProps<{-->
-<!--  pciDeviceIndex: number-->
-<!--}>()-->
-
-<!--const localization = computed<UI_I_Localization>(() => useLocal())-->
-<!--</script>-->
-
-<!--<style lang="scss" scoped></style>-->
+<template>
+  <div>
+    <atoms-stack-block :has-children="false">
+      <template #stackBlockKey>
+        {{ localization.common.nvidiaGridGpuProfile }}
+      </template>
+      <template #stackBlockContent>
+        <div>{{ localization.common.connectAnyFollowing }}:</div>
+        <div class="select">
+          <select
+            id="nvidia-grid"
+            v-model="model"
+            :data-id="`nvidia-grid-select-${props.pciDeviceIndex}`"
+          >
+            <option
+              v-for="item in props.options"
+              :key="item.value"
+              :value="item"
+            >
+              {{ item.text }}
+            </option>
+          </select>
+        </div>
+        <!--        <atoms-select-the-select-->
+        <!--          v-model="model"-->
+        <!--          :options="props.options"-->
+        <!--          :test-id="`nvidia-grid-select-${pciDeviceIndex}`"-->
+        <!--        >-->
+        <!--          <span class="text-uppercase">{{-->
+        <!--            localization.common.selectHardware-->
+        <!--          }}</span>-->
+        <!--        </atoms-select-the-select>-->
+      </template>
+    </atoms-stack-block>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_Option } from '~/components/atoms/select/lib/models/interfaces'
+
+const model = defineModel<string>({ required: true })
+
+const props = defineProps<{
+  options: UI_I_Option[]
+  pciDeviceIndex: number
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style lang="scss" scoped></style>
+
+<!--<template>-->
+<!--  <div>-->
+<!--    <atoms-stack-block :has-children="false">-->
+<!--      <template #stackBlockKey>-->
+<!--        {{ localization.common.nvidiaGridGpuProfile }}-->
+<!--      </template>-->
+<!--      <template #stackBlockContent>-->
+<!--        <input-->
+<!--          :id="`nvidia-grid-${props.pciDeviceIndex}`"-->
+<!--          v-model="model"-->
+<!--          :data-id="`nvidia-grid-${props.pciDeviceIndex}-input`"-->
+<!--          type="text"-->
+<!--        />-->
+<!--      </template>-->
+<!--    </atoms-stack-block>-->
+<!--  </div>-->
+<!--</template>-->
+
+<!--<script lang="ts" setup>-->
+<!--import type { UI_I_Localization } from '~/lib/models/interfaces'-->
+
+<!--const model = defineModel<string>({required: true})-->
+
+<!--const props = defineProps<{-->
+<!--  pciDeviceIndex: number-->
+<!--}>()-->
+
+<!--const localization = computed<UI_I_Localization>(() => useLocal())-->
+<!--</script>-->
+
+<!--<style lang="scss" scoped></style>-->

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newUsbController/NewUsbControllerNew.vue

@@ -1,56 +1,56 @@
-<template>
-  <ui-stack-block
-    :has-children="true"
-    is-disabled
-    test-id="usb-controller-stack-block"
-  >
-    <template #stackBlockKey>
-      <div
-        id="vm-wizard-toggle-block-usb-controller"
-        data-id="vm-wizard-toggle-block-usb-controller"
-        class="flex-align-center"
-      >
-        <span>{{ localization.common.newUsbController }}</span>
-      </div>
-    </template>
-    <template #stackBlockContent>
-      <div v-if="props.isEdit" class="selected-usb-controller">
-        {{ props.selectedUsbControllerText }}
-      </div>
-      <ui-select
-        v-else
-        id="usb-controller-select"
-        v-model="selectedUsbController"
-        width="auto"
-        :items="props.usbControllerOptions"
-        :disabled="props.isEdit"
-        test-id="usb-controller-select"
-        @click.stop
-      />
-    </template>
-  </ui-stack-block>
-</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'
-
-const selectedUsbController = defineModel<string>('selectedUsbController')
-
-const props = defineProps<{
-  isEdit: boolean
-  selectedUsbControllerText: string
-  usbControllerOptions: UI_I_OptionItem[]
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style scoped lang="scss">
-#network-connect {
-  margin-right: 4px;
-}
-.selected-usb-controller {
-  line-height: 32px;
-}
-</style>
+<template>
+  <ui-stack-block
+    :has-children="true"
+    is-disabled
+    test-id="usb-controller-stack-block"
+  >
+    <template #stackBlockKey>
+      <div
+        id="vm-wizard-toggle-block-usb-controller"
+        data-id="vm-wizard-toggle-block-usb-controller"
+        class="flex-align-center"
+      >
+        <span>{{ localization.common.newUsbController }}</span>
+      </div>
+    </template>
+    <template #stackBlockContent>
+      <div v-if="props.isEdit" class="selected-usb-controller">
+        {{ props.selectedUsbControllerText }}
+      </div>
+      <ui-select
+        v-else
+        id="usb-controller-select"
+        v-model="selectedUsbController"
+        width="auto"
+        :items="props.usbControllerOptions"
+        :disabled="props.isEdit"
+        test-id="usb-controller-select"
+        @click.stop
+      />
+    </template>
+  </ui-stack-block>
+</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'
+
+const selectedUsbController = defineModel<string>('selectedUsbController')
+
+const props = defineProps<{
+  isEdit: boolean
+  selectedUsbControllerText: string
+  usbControllerOptions: UI_I_OptionItem[]
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style scoped lang="scss">
+#network-connect {
+  margin-right: 4px;
+}
+.selected-usb-controller {
+  line-height: 32px;
+}
+</style>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/other/Other.vue

@@ -1,16 +1,16 @@
-<template>
-  <common-vm-actions-common-customize-hardware-virtual-hardware-other-new
-    v-if="isNewView"
-  />
-  <common-vm-actions-common-customize-hardware-virtual-hardware-other-old
-    v-else
-  />
-</template>
-
-<script setup lang="ts">
-const { $store }: any = useNuxtApp()
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-</script>
-
-<style scoped lang="scss">
-</style>
+<template>
+  <common-vm-actions-common-customize-hardware-virtual-hardware-other-new
+    v-if="isNewView"
+  />
+  <common-vm-actions-common-customize-hardware-virtual-hardware-other-old
+    v-else
+  />
+</template>
+
+<script setup lang="ts">
+const { $store }: any = useNuxtApp()
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+</script>
+
+<style scoped lang="scss">
+</style>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/other/OtherNew.vue

@@ -1,30 +1,30 @@
-<template>
-  <ui-stack-block :has-children="true" test-id="other-stack-block">
-    <template #stackBlockKey>
-      <div
-        id="vm-wizard-toggle-block-other"
-        data-id="vm-wizard-toggle-block-other"
-      >
-        <span>{{ localization.common.other }}</span>
-      </div>
-    </template>
-    <template #stackBlockContent>
-      <div class="additional-hardware">{{ localization.common.additionalHardware }} (2)</div>
-    </template>
-    <template #stackChildren>
-      <common-vm-actions-common-customize-hardware-virtual-hardware-other-input-devices />
-    </template>
-  </ui-stack-block>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style scoped lang="scss">
-.additional-hardware {
-  line-height: 32px;
-}
-</style>
+<template>
+  <ui-stack-block :has-children="true" test-id="other-stack-block">
+    <template #stackBlockKey>
+      <div
+        id="vm-wizard-toggle-block-other"
+        data-id="vm-wizard-toggle-block-other"
+      >
+        <span>{{ localization.common.other }}</span>
+      </div>
+    </template>
+    <template #stackBlockContent>
+      <div class="additional-hardware">{{ localization.common.additionalHardware }} (2)</div>
+    </template>
+    <template #stackChildren>
+      <common-vm-actions-common-customize-hardware-virtual-hardware-other-input-devices />
+    </template>
+  </ui-stack-block>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style scoped lang="scss">
+.additional-hardware {
+  line-height: 32px;
+}
+</style>

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

@@ -1,104 +1,104 @@
-<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="videoCardModel"
-        width="auto"
-        :items="props.videoCardModelOptions"
-        :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 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
-  isDisabled: boolean
-  videoCardModelOptions: UI_I_OptionItem[]
-  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="videoCardModel"
+        width="auto"
+        :items="props.videoCardModelOptions"
+        :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 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
+  isDisabled: boolean
+  videoCardModelOptions: UI_I_OptionItem[]
+  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>