bfg-common 1.5.750 → 1.5.753

package/components/common/vm/actions/add/New.vue

@@ -52,16 +52,18 @@
         :sub-title-height="heightName"
       >
         <template #subTitle>
-          <div ref="subTitleBlockName" class="subtitle-block">
-            <div
-              id="name-alert-wrapper"
-              :class="[{ 'mb-4': !isNameAlertWrapperEmpty }]"
-            ></div>
-            <ui-wizard-subtitle
-              :sub-title="
+          <div ref="subTitleBlockName">
+            <div class="subtitle-block">
+              <div
+                  id="name-alert-wrapper"
+                  :class="[{ 'mb-4': !isNameAlertWrapperEmpty }]"
+              ></div>
+              <ui-wizard-subtitle
+                  :sub-title="
                 localization.vmWizard.specifyUniqueNameAndTargetLocationForVm
               "
-            />
+              />
+            </div>
           </div>
         </template>
         <template #content>
@@ -103,7 +105,7 @@
                 test-id="computed-resource-alert"
                 type="error"
                 size="md"
-                class="subtitle-block__alert"
+                class="subtitle-block__alert mb-4"
               />
               <ui-wizard-subtitle
                 :sub-title="
@@ -237,7 +239,7 @@
               :error-validation-fields="props.errorValidationFields"
               @remove-error-by-title="emits('remove-error-by-title', $event)"
             />
-            <div class="vm-hardware-version-wrap justify-end flex flex-1 mt-7">
+            <div class="vm-hardware-version-wrap justify-end flex flex-1 mt-6">
               <span class="vm-hardware-version">{{
                 props.compatibilityInfo
               }}</span>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/New.vue

@@ -290,7 +290,7 @@
         <common-vm-actions-common-customize-hardware-virtual-hardware-other />
         <div
           v-if="props.compatibilityInfo"
-          class="vm-hardware-version-wrap justify-end flex flex-1 mt-4"
+          class="vm-hardware-version-wrap justify-end flex flex-1 mt-1"
         >
           <span class="vm-hardware-version">
             {{ props.compatibilityInfo }}
@@ -588,7 +588,7 @@ const onAddDevice = (data: number): void => {
   display: flex;
   flex-direction: column;
   gap: 12px;
-  padding-bottom: 12px;
+  padding-bottom: 16px;
   background-color: var(--vm-wizard-block-view-bg-color);
 
   .vm-hardware-version-wrap {

package/components/common/vm/actions/common/customizeHardware/virtualHardware/VirtualHardware.vue

@@ -557,6 +557,7 @@ const addPciDevice = (): void => {
   pciDevicesType.value.push('new')
 
   // pciDevicesLocal.value.push(useDeepCopy(defaultPciDevice))
+  if (!model.value.passthrough_pci_devices) model.value.passthrough_pci_devices = []
   model.value.passthrough_pci_devices.push(useDeepCopy(defaultPciDevice))
 }
 const onRemovePciDevice = (index: number): void => {

package/components/common/vm/actions/common/customizeHardware/vmoptions/New.vue

@@ -27,7 +27,7 @@
       :state="props.state"
       @remove-error-by-title="emits('remove-error-by-title', $event)"
     />
-    <div class="vm-hardware-version-wrap justify-end flex flex-1 mt-4">
+    <div class="vm-hardware-version-wrap justify-end flex flex-1 mt-1">
       <span class="vm-hardware-version">
         {{ props.compatibilityInfo }}
       </span>
@@ -73,7 +73,7 @@ const emits = defineEmits<{
   flex-direction: column;
   gap: 12px;
   margin-top: 20px;
-  padding: 0 0 12px;
+  padding: 0 0 16px;
   overflow: auto;
 
   .vm-hardware-version-wrap {

package/components/common/vm/actions/common/select/compatibility/New.vue

@@ -172,7 +172,6 @@ const versionsLocal = computed(() => {
   @container (max-width: 600px) {
     .version-select-wrap {
       grid-template-columns: 1fr;
-      padding-bottom: 16px;
     }
   }
 }

package/components/common/vm/actions/common/select/storage/new/New.vue

@@ -221,7 +221,7 @@ const skeletonData = ref<UI_I_DataTableSkeleton>({
 //}
 .select-storage {
   padding-top: 12px;
-  //padding-bottom: 16px;
+  padding-bottom: 16px;
 
   :deep(.title-sm) {
     font-size: 12px;

package/components/common/wizards/common/steps/computeResource/New.vue

@@ -52,8 +52,16 @@ const onSelectNode = (node: UI_I_TreeNode): void => emits('select-node', node)
 <style scoped lang="scss">
 @import 'assets/scss/common/mixins.scss';
 .compute-resource {
+  display: grid;
+  grid-template-rows: 1fr auto;
+  min-height: 100%;
+  padding-top: 16px;
+  padding-bottom: 16px;
+  grid-row-gap: 24px;
+
   &__container-tree {
-    height: 240px;
+    max-height: 240px;
+    height: 100%;
     background: var(--input-bg);
     border: 1px solid var(--line-color);
     border-radius: 8px;

package/components/common/wizards/vm/migrate/steps/computeResource/tableView/old/lib/config/hostTable.ts

@@ -159,7 +159,7 @@ export const bodyItems = (
         testId: `migrate-host-table-item-${key}`
       },
       {
-        key: 'col14',
+        key: 'col13',
         text: host[hostTableItemKeys[13]],
         id: key,
         testId: `migrate-host-table-item-${key}`

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bfg-common",
   "private": false,
-  "version": "1.5.750",
+  "version": "1.5.753",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev --port=3002",

package/plugins/time.ts

@@ -1,58 +1,58 @@
-import { defineNuxtPlugin } from '#app'
-import type { UI_T_LangValue } from '~/lib/models/types'
-export default defineNuxtPlugin(() => {
-  const time = function (): any {
-    const self: any = {}
-    self.millisecondsToHour = function (ms: number): number {
-      return ~~(ms / 1000 / 60 / 60 / 24)
-    }
-    self.formatTime = (
-      seconds: number,
-      lang: UI_T_LangValue = 'ru_RU'
-    ): string => {
-      const units = {
-        en_US: { s: 's', m: 'm', h: 'h' },
-        ru_RU: { s: 'с', m: 'м', h: 'ч' },
-        hy_AM: { s: 'վ', m: 'ր', h: 'ժ' },
-        be_BY: { s: 'с', m: 'хв', h: 'г' },
-        kk_KZ: { s: 'сек', m: 'мин', h: 'сағ' },
-        zh_CHS: { s: '秒', m: '分', h: '时' },
-        BROWSER: { s: 's', m: 'm', h: 'h' },
-      }
-
-      const unit = units[lang] || units.en_US
-
-      if (seconds < 60) {
-        return `${seconds}${unit.s}`
-      }
-
-      const hours = Math.floor(seconds / 3600)
-      const minutes = Math.floor((seconds % 3600) / 60)
-      const secs = seconds % 60
-
-      let result = ''
-
-      if (hours > 0) {
-        result += `${hours}${unit.h} `
-      }
-
-      if (minutes > 0) {
-        result += `${minutes}${unit.m} `
-      }
-
-      if (secs > 0) {
-        result += `${secs}${unit.s}`
-      }
-
-      return result.trim()
-    }
-
-    return self
-  }.call({})
-
-  return {
-    provide: {
-      time,
-    },
-  }
-})
+import { defineNuxtPlugin } from '#app'
+import type { UI_T_LangValue } from '~/lib/models/types'
+export default defineNuxtPlugin(() => {
+  const time = function (): any {
+    const self: any = {}
+    self.millisecondsToHour = function (ms: number): number {
+      return ~~(ms / 1000 / 60 / 60 / 24)
+    }
+    self.formatTime = (
+      seconds: number,
+      lang: UI_T_LangValue = 'ru_RU'
+    ): string => {
+      const units = {
+        en_US: { s: 's', m: 'm', h: 'h' },
+        ru_RU: { s: 'с', m: 'м', h: 'ч' },
+        hy_AM: { s: 'վ', m: 'ր', h: 'ժ' },
+        be_BY: { s: 'с', m: 'хв', h: 'г' },
+        kk_KZ: { s: 'сек', m: 'мин', h: 'сағ' },
+        zh_CHS: { s: '秒', m: '分', h: '时' },
+        BROWSER: { s: 's', m: 'm', h: 'h' },
+      }
+
+      const unit = units[lang] || units.en_US
+
+      if (seconds < 60) {
+        return `${seconds}${unit.s}`
+      }
+
+      const hours = Math.floor(seconds / 3600)
+      const minutes = Math.floor((seconds % 3600) / 60)
+      const secs = seconds % 60
+
+      let result = ''
+
+      if (hours > 0) {
+        result += `${hours}${unit.h} `
+      }
+
+      if (minutes > 0) {
+        result += `${minutes}${unit.m} `
+      }
+
+      if (secs > 0) {
+        result += `${secs}${unit.s}`
+      }
+
+      return result.trim()
+    }
+
+    return self
+  }.call({})
+
+  return {
+    provide: {
+      time,
+    },
+  }
+})