bfg-common 1.5.475 → 1.5.478

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/directPathIo/DirectPathIoNew.vue

@@ -1,66 +1,69 @@
-<template>
-  <ui-stack-block :has-children="false">
-    <template #stackBlockKey>
-      {{ localization.common.pciDevice }}
-    </template>
-    <template #stackBlockContent>
-      <ui-input
-        :id="`direct-path-io-${props.pciDeviceIndex}`"
-        v-model="model"
-        :test-id="`direct-path-io-${props.pciDeviceIndex}-input`"
-        type="text"
-        size="sm"
-      />
-    </template>
-  </ui-stack-block>
-</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>-->
-<!--  <ui-stack-block :has-children="false">-->
-<!--    <template #stackBlockKey>-->
-<!--      <span>{{ localization.common.pciDevice }}</span>-->
-<!--    </template>-->
-<!--    <template #stackBlockContent>-->
-<!--      <ui-select-->
-<!--        id="direct-path-io"-->
-<!--        v-model="model"-->
-<!--        width="auto"-->
-<!--        :items="props.passthroughDevices"-->
-<!--        :test-id="`direct-path-io-select-${props.pciDeviceIndex}`"-->
-<!--      />-->
-<!--    </template>-->
-<!--  </ui-stack-block>-->
-<!--</template>-->
-
-<!--<script lang="ts" setup>-->
-<!--import type { UI_I_Localization } from '~/lib/models/interfaces'-->
-<!--import type {-->
-<!--  UI_I_ConfigureAllPciDevicesItem,-->
-<!--  UI_I_ConfigurePciDevicesTable,-->
-<!--} from '~/lib/models/store/host/interfaces'-->
-
-<!--const model = defineModel<UI_I_ConfigureAllPciDevicesItem>()-->
-
-<!--const props = defineProps<{-->
-<!--  pciDeviceIndex: number-->
-<!--  passthroughDevices: UI_I_ConfigurePciDevicesTable-->
-<!--}>()-->
-
-<!--const localization = computed<UI_I_Localization>(() => useLocal())-->
-<!--</script>-->
-
-<!--<style lang="scss" scoped></style>-->
+<template>
+  <ui-stack-block
+      :has-children="false"
+      :test-id="`pci-device-direct-path-io-stack-block-${props.pciDeviceIndex}`"
+  >
+    <template #stackBlockKey>
+      {{ localization.common.pciDevice }}
+    </template>
+    <template #stackBlockContent>
+      <ui-input
+        :id="`direct-path-io-${props.pciDeviceIndex}`"
+        v-model="model"
+        :test-id="`direct-path-io-${props.pciDeviceIndex}-input`"
+        type="text"
+        size="sm"
+      />
+    </template>
+  </ui-stack-block>
+</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>-->
+<!--  <ui-stack-block :has-children="false">-->
+<!--    <template #stackBlockKey>-->
+<!--      <span>{{ localization.common.pciDevice }}</span>-->
+<!--    </template>-->
+<!--    <template #stackBlockContent>-->
+<!--      <ui-select-->
+<!--        id="direct-path-io"-->
+<!--        v-model="model"-->
+<!--        width="auto"-->
+<!--        :items="props.passthroughDevices"-->
+<!--        :test-id="`direct-path-io-select-${props.pciDeviceIndex}`"-->
+<!--      />-->
+<!--    </template>-->
+<!--  </ui-stack-block>-->
+<!--</template>-->
+
+<!--<script lang="ts" setup>-->
+<!--import type { UI_I_Localization } from '~/lib/models/interfaces'-->
+<!--import type {-->
+<!--  UI_I_ConfigureAllPciDevicesItem,-->
+<!--  UI_I_ConfigurePciDevicesTable,-->
+<!--} from '~/lib/models/store/host/interfaces'-->
+
+<!--const model = defineModel<UI_I_ConfigureAllPciDevicesItem>()-->
+
+<!--const props = defineProps<{-->
+<!--  pciDeviceIndex: number-->
+<!--  passthroughDevices: UI_I_ConfigurePciDevicesTable-->
+<!--}>()-->
+
+<!--const localization = computed<UI_I_Localization>(() => useLocal())-->
+<!--</script>-->
+
+<!--<style lang="scss" scoped></style>-->

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/dynamicDirectPathIo/DynamicDirectPathIoNew.vue

@@ -1,5 +1,8 @@
 <template>
-  <ui-stack-block :has-children="false">
+  <ui-stack-block
+      :has-children="false"
+      :test-id="`pci-device-dynamic-direct-path-io-stack-block-${props.pciDeviceIndex}`"
+  >
     <template #stackBlockKey>
       <span>{{ localization.common.pciDevice }}</span>
     </template>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/note/Note.vue

@@ -1,6 +1,7 @@
 <template>
   <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-note-new
     v-if="isNewView"
+    :pci-device-index="props.pciDeviceIndex"
   />
   <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-note-old
     v-else

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/note/NoteNew.vue

@@ -1,42 +1,49 @@
-<template>
-  <ui-stack-block :has-children="false">
-    <template #stackBlockContent>
-      <div class="note-content">
-        <ui-icon
-          name="warning-outline"
-          width="16px"
-          heigth="16px"
-          class="note-icon"
-          color="#FBCE28"
-        />
-        <p class="note-text">
-          {{ localization.common.note }}:
-          {{ localization.common.pciDeviceNote }}
-        </p>
-      </div>
-    </template>
-  </ui-stack-block>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style lang="scss" scoped>
-.note-content {
-  display: flex;
-  gap: 10px;
-
-  .note-icon {
-    min-width: 16px;
-  }
-
-  .note-text {
-    font-size: 13px;
-    line-height: 15.73px;
-    color: #9da6ad;
-  }
-}
-</style>
+<template>
+  <ui-stack-block
+      :has-children="false"
+      :test-id="`pci-device-note-stack-block-${props.pciDeviceIndex}`"
+  >
+    <template #stackBlockContent>
+      <div class="note-content">
+        <ui-icon
+          name="warning-outline"
+          width="16px"
+          heigth="16px"
+          class="note-icon"
+          color="#FBCE28"
+        />
+        <p class="note-text">
+          {{ localization.common.note }}:
+          {{ localization.common.pciDeviceNote }}
+        </p>
+      </div>
+    </template>
+  </ui-stack-block>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+
+const props = defineProps<{
+  pciDeviceIndex: number
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style lang="scss" scoped>
+.note-content {
+  display: flex;
+  gap: 10px;
+
+  .note-icon {
+    min-width: 16px;
+  }
+
+  .note-text {
+    font-size: 13px;
+    line-height: 15.73px;
+    color: #9da6ad;
+  }
+}
+</style>

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

@@ -1,5 +1,8 @@
 <template>
-  <ui-stack-block :has-children="false">
+  <ui-stack-block
+      :has-children="false"
+      :test-id="`pci-device-nvidia-grid-stack-block-${props.pciDeviceIndex}`"
+  >
     <template #stackBlockKey>
       {{ localization.common.nvidiaGridGpuProfile }}
     </template>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/typeSelection/TypeSelectionNew.vue

@@ -1,5 +1,8 @@
 <template>
-  <ui-stack-block :has-children="false">
+  <ui-stack-block
+      :has-children="false"
+      :test-id="`pci-device-type-selection-stack-block-${props.pciDeviceIndex}`"
+  >
     <template #stackBlockContent>
       <div class="type-selection-content">
         <div v-for="(item, index) in props.options" :key="item">

package/components/common/vm/actions/common/customizeHardware/virtualHardware/other/inputDevices/InputDevicesNew.vue

@@ -1,5 +1,8 @@
 <template>
-  <ui-stack-block :has-children="false">
+  <ui-stack-block
+      :has-children="false"
+      test-id="input-devices-stack-block"
+  >
     <template #stackBlockKey>
       <span class="mt-2">{{ localization.common.inputDevices }}</span>
     </template>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/reservation/ReservationNew.vue

@@ -1,5 +1,8 @@
 <template>
-  <ui-stack-block :has-children="false">
+  <ui-stack-block
+      :has-children="false"
+      :test-id="`virtual-hardware-reservation-stack-block-${props.componentType}`"
+  >
     <template #stackBlockKey>
       <span class="reservation-title mt-2">
         {{ localization.common.reservation }}

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

@@ -1,5 +1,8 @@
 <template>
-  <ui-stack-block :has-children="false">
+  <ui-stack-block
+      :has-children="false"
+      test-id="video-card-model-stack-block"
+  >
     <template #stackBlockKey>
       {{ localization.common.videoCardModel }}
     </template>

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

@@ -1,5 +1,8 @@
 <template>
-  <ui-stack-block :has-children="false">
+  <ui-stack-block
+      :has-children="false"
+      test-id="video-card-number-displays-stack-block"
+  >
     <template #stackBlockKey>
       <span class="mt-2">{{ localization.common.numberDisplays }}</span>
     </template>

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

@@ -1,5 +1,8 @@
 <template>
-  <ui-stack-block :has-children="false">
+  <ui-stack-block
+      :has-children="false"
+      test-id="vide-card-total-video-memory-stack-block"
+  >
     <template #stackBlockKey>
       {{ localization.common.totalVideoMemory }}
     </template>

package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/delay/DelayNew.vue

@@ -1,5 +1,8 @@
 <template>
-    <ui-stack-block :has-children="false">
+    <ui-stack-block
+        :has-children="false"
+        test-id="boot-options-delay-stack-block"
+    >
       <template #stackBlockKey>
         <span class="mt-2">{{ localization.common.bootDelay }}</span>
       </template>

package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/firmware/FirmwareNew.vue

@@ -1,5 +1,8 @@
 <template>
-  <ui-stack-block :has-children="false">
+  <ui-stack-block
+      :has-children="false"
+      test-id="boot-options-firmware-stack-block"
+  >
     <template #stackBlockKey>
       <span class="mt-2">{{ localization.common.firmware }}</span>
     </template>

package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/menu/MenuNew.vue

@@ -1,5 +1,8 @@
 <template>
-  <ui-stack-block :has-children="false">
+  <ui-stack-block
+      :has-children="false"
+      test-id="boot-options-menu-stack-block"
+  >
     <template #stackBlockKey>
       <span class="mt-2">{{ localization.common.bootMenu }}</span>
     </template>

package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/order/OrderNew.vue

@@ -1,5 +1,8 @@
 <template>
-  <ui-stack-block :has-children="false">
+  <ui-stack-block
+      :has-children="false"
+      test-id="boot-options-order-stack-block"
+  >
     <template #stackBlockKey>
       {{ localization.common.bootOrder }}
     </template>

package/components/common/vm/actions/common/customizeHardware/vmoptions/generalOptions/GeneralOptionsNew.vue

@@ -23,7 +23,10 @@
       </div>
     </template>
     <template #stackChildren>
-      <ui-stack-block :has-children="false">
+      <ui-stack-block
+          :has-children="false"
+          test-id="general-options-vm-name-stack-block"
+      >
         <template #stackBlockKey>
           {{ props.nameLabel }}
         </template>
@@ -42,7 +45,10 @@
         </template>
       </ui-stack-block>
 
-      <ui-stack-block :has-children="false">
+      <ui-stack-block
+          :has-children="false"
+          test-id="general-options-machine-type-stack-block"
+      >
         <template #stackBlockKey>
           <span class="mt-2">{{ localization.common.machineType }}</span>
         </template>
@@ -61,7 +67,10 @@
         </template>
       </ui-stack-block>
 
-      <ui-stack-block :has-children="false">
+      <ui-stack-block
+          :has-children="false"
+          test-id="general-options-guest-os-family-stack-block"
+      >
         <template #stackBlockKey>
           <span class="mt-2">{{ localization.common.guestOsFamily }}</span>
         </template>
@@ -81,7 +90,10 @@
         </template>
       </ui-stack-block>
 
-      <ui-stack-block :has-children="false">
+      <ui-stack-block
+          :has-children="false"
+          test-id="general-options-guest-os-version-stack-block"
+      >
         <template #stackBlockKey>
           <span class="mt-2">{{ localization.common.guestOsVersion }}</span>
         </template>

package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/copyPaste/CopyPasteNew.vue

@@ -1,5 +1,8 @@
 <template>
-  <ui-stack-block :has-children="false">
+  <ui-stack-block
+      :has-children="false"
+      test-id="remote-console-copy-paste-stack-block"
+  >
     <template #stackBlockKey>
       <span class="mt-2">{{ localization.common.copyPaste }}</span>
     </template>

package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/fileTransfer/FileTransferNew.vue

@@ -1,5 +1,8 @@
 <template>
-  <ui-stack-block :has-children="false">
+  <ui-stack-block
+      :has-children="false"
+      test-id="remote-console-file-transfer-stack-block"
+  >
     <template #stackBlockKey>
       <span class="mt-2">{{ localization.common.fileTransfer }}</span>
     </template>

package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/folderSharing/FolderSharingNew.vue

@@ -1,5 +1,8 @@
 <template>
-  <ui-stack-block :has-children="false">
+  <ui-stack-block
+      :has-children="false"
+      test-id="remote-console-folder-sharing-stack-block"
+  >
     <template #stackBlockKey>
       <span class="mt-2">{{ localization.common.folderSharing }}</span>
     </template>

package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/keymap/KeymapNew.vue

@@ -1,5 +1,8 @@
 <template>
-  <ui-stack-block :has-children="false">
+  <ui-stack-block
+      :has-children="false"
+      test-id="remote-console-keymap-stack-block"
+  >
     <template #stackBlockKey>
       <span class="mt-2">{{ localization.common.keymap }}</span>
     </template>

package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/password/PasswordNew.vue

@@ -1,5 +1,8 @@
 <template>
-  <ui-stack-block :has-children="false">
+  <ui-stack-block
+      :has-children="false"
+      test-id="remote-console-password-stack-block"
+  >
     <template #stackBlockKey>
       <span class="mt-2">{{ localization.auth.password }}</span>
     </template>

package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/usbRedirection/UsbRedirectionNew.vue

@@ -1,5 +1,8 @@
 <template>
-  <ui-stack-block :has-children="false">
+  <ui-stack-block
+      :has-children="false"
+      test-id="remote-console-usb-redirection-stack-block"
+  >
     <template #stackBlockKey>
       <span class="mt-2">{{ localization.common.usbRedirection }}</span>
     </template>

package/components/common/wizards/network/add/steps/selectTargetDevice/modals/old/SelectNetwork.vue

@@ -104,6 +104,7 @@ const bodyItems = computed<UI_I_BodyItems[][]>(() =>
       editable: false,
       text: networkData.name,
       id: networkData.id,
+      testId: `select-network-${networkData.id}`,
     },
     {
       editable: false,

package/components/common/wizards/network/add/steps/selectTargetDevice/modals/old/SelectStandardSwitch.vue

@@ -87,6 +87,7 @@ const bodyItems = computed<UI_I_BodyItems[][]>(() =>
       editable: false,
       text: switchData.name,
       id: switchData.id,
+      testId: `select-standard-switch-name-${switchData.id}`
     },
   ])
 )

package/composables/useLocal.ts

@@ -1,51 +1,6 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import localAr from '~/assets/scss/clarity/local_ar.json'
-import localRu from '~/assets/localization/local_ru.json'
-import localEn from '~/assets/localization/local_en.json'
-import localHy from '~/assets/localization/local_hy.json'
-import localZh from '~/assets/localization/local_zh.json'
-import localKk from '~/assets/localization/local_kk.json'
-import localBe from '~/assets/localization/local_be.json'
-
-const locals = {
-  localAr,
-  localRu,
-  localEn,
-  localHy,
-  localZh,
-  localKk,
-  localBe,
-}
-export const useLocal = (): UI_I_Localization => {
-  const config = useRuntimeConfig()
-
-  let code: string = config?.public?.LOCALIZATION_CODE?.toLowerCase() || 'ru'
-
-  if (code === 'ar' && !useLocalStorage('rtl')) code = 'ru'
-
-  document.getElementsByTagName('html')[0].setAttribute('lang', code)
-
-  let result: UI_I_Localization = locals.localRu
-  switch (code) {
-    case 'ar':
-      result = locals.localAr
-      break
-    case 'en':
-      result = locals.localEn
-      break
-    case 'hy':
-      result = locals.localHy
-      break
-    case 'zh':
-      result = locals.localZh
-      break
-    case 'kk':
-      result = locals.localKk
-      break
-    case 'be':
-      result = locals.localBe
-      break
-  }
-
-  return productNameLocal(result)
-}
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import { useLocalCommon } from '~/composables/useLocalCommon'
+
+export const useLocal = (): UI_I_Localization => {
+  return useLocalCommon()
+}

package/composables/useLocalCommon.ts

@@ -0,0 +1,39 @@
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import localAr from '~/assets/scss/clarity/local_ar.json'
+import localRu from '~/assets/localization/local_ru.json'
+import localEn from '~/assets/localization/local_en.json'
+import localHy from '~/assets/localization/local_hy.json'
+import localZh from '~/assets/localization/local_zh.json'
+import localKk from '~/assets/localization/local_kk.json'
+import localBe from '~/assets/localization/local_be.json'
+import { productNameLocal } from '~/lib/utils/localizationMapper'
+
+const rawLocals: Record<string, any> = {
+  ar: localAr,
+  ru: localRu,
+  en: localEn,
+  hy: localHy,
+  zh: localZh,
+  kk: localKk,
+  be: localBe,
+}
+
+// Кешируем уже обработанные локали
+const processedCache: Record<string, UI_I_Localization | undefined> = {}
+
+export const useLocalCommon = (): UI_I_Localization => {
+  const config = useRuntimeConfig()
+  let code = String(config?.public?.LOCALIZATION_CODE || 'ru').toLowerCase()
+
+  if (code === 'ar' && !useLocalStorage('rtl')) code = 'ru'
+
+  if (typeof document !== 'undefined') document.documentElement.lang = code
+
+  // если в кеше нет — создаём и сохраняем
+  if (!processedCache[code]) {
+    const raw = rawLocals[code] || rawLocals['ru']
+    processedCache[code] = productNameLocal(raw)
+  }
+
+  return processedCache[code] as UI_I_Localization
+}