bfg-common 1.5.437 → 1.5.438

package/assets/localization/local_be.json

@@ -1845,6 +1845,7 @@
     "showDatastoresConnectedAllHosts": "Паказаць сховішчы даных, падлучаныя да ўсіх хостаў",
     "selectCloneOptions": "Выберыце параметры клонавання",
     "selectOptionsTargetVm": "Выберыце параметры мэтавага VM",
+    "selectTargetVmOptions": "Абярыце параметры мэтавай ВМ",
     "selectFurtherCloneOptions": "Выберыце дадатковыя параметры клонавання",
     "customizeTheOperatingSystem": "Наладзьце аперацыйную сістэму",
     "customizeThisVirtualMachineHardware": "Наладзьце апаратнае забеспячэнне гэтай віртуальнай машыны",
@@ -3276,7 +3277,8 @@
     "customizeVMHardware": "Наладзіць абсталяванне гэтай віртуальнай машыны.",
     "autoPowerOn": "Аўтазапуск",
     "powerVMAfterCreation": "Уключыць віртуальную машыну пасля стварэння.",
-    "selectTemplateForCreatingVm": "Выберыце шаблон для стварэння віртуальнай машыны"
+    "selectTemplateForCreatingVm": "Выберыце шаблон для стварэння віртуальнай машыны",
+    "selectAdvancedOptionsTargetVm": "Абярыце дадатковыя параметры для мэтавай ВМ."
   },
   "feedback": {
     "additionalDetailsHelp": "Даведка па дадатковых звестках",

package/assets/localization/local_en.json

@@ -1847,6 +1847,7 @@
     "showDatastoresConnectedAllHosts": "Show datastores connected to all hosts",
     "selectCloneOptions": "Select Clone Options",
     "selectOptionsTargetVm": "Select the options of the target VM",
+    "selectTargetVmOptions": "Select Target VM Options",
     "selectFurtherCloneOptions": "Select further clone options",
     "customizeTheOperatingSystem": "Customize the operating system",
     "customizeThisVirtualMachineHardware": "Customize this virtual machine's hardware",
@@ -3280,7 +3281,8 @@
     "customizeVMHardware": "Customize this virtual machine’s hardware.",
     "autoPowerOn": "Auto Power On",
     "powerVMAfterCreation": "Power on virtual machine after creation.",
-    "selectTemplateForCreatingVm": "Select template for creating virtual machine"
+    "selectTemplateForCreatingVm": "Select template for creating virtual machine",
+    "selectAdvancedOptionsTargetVm": "Select advanced options for the target VM."
   },
   "feedback": {
     "additionalDetailsHelp": "Additional Details Help",

package/assets/localization/local_hy.json

@@ -1847,6 +1847,7 @@
     "showDatastoresConnectedAllHosts": "Ցուցադրել տվյալների պահեստները, որոնք միացված են բոլոր հոսթներին",
     "selectCloneOptions": "Ընտրեք կլոնավորման տարբերակները",
     "selectOptionsTargetVm": "Ընտրեք թիրախային VM- ի պարամետրերը",
+    "selectTargetVmOptions": "Ընտրեք նպատակային ՎՄ-ի պարամետրերը",
     "selectFurtherCloneOptions": "Ընտրեք կլոնավորման հետագա տարբերակները",
     "customizeTheOperatingSystem": "Անհատականացրեք օպերացիոն համակարգը",
     "customizeThisVirtualMachineHardware": "Անհատականացրեք այս վիրտուալ մեքենայի ապարատը",
@@ -3280,7 +3281,8 @@
     "customizeVMHardware": "Անհատականացնել այս վիրտուալ մեքենայի սարքավորումները։",
     "autoPowerOn": "Ավտոմատ միացում",
     "powerVMAfterCreation": "Վիրտուալ մեքենան միացնել ստեղծումից հետո։",
-    "selectTemplateForCreatingVm": "Ընտրեք վիրտուալ մեքենա ստեղծելու ձևանմուշ"
+    "selectTemplateForCreatingVm": "Ընտրեք վիրտուալ մեքենա ստեղծելու ձևանմուշ",
+    "selectAdvancedOptionsTargetVm": "Ընտրեք նպատակային ՎՄ-ի լրացուցիչ կարգավորումները։"
   },
   "feedback": {
     "additionalDetailsHelp": "Լրացուցիչ մանրամասներ Օգնություն",

package/assets/localization/local_kk.json

@@ -1847,6 +1847,7 @@
     "showDatastoresConnectedAllHosts": "Барлық хосттарға қосылған деректер қоймаларын көрсету",
     "selectCloneOptions": "Клондау опцияларын таңдаңыз",
     "selectOptionsTargetVm": "Мақсатты параметрлерді таңдаңыз VM",
+    "selectTargetVmOptions": "Мақсатты ВМ параметрлерін таңдаңыз",
     "selectFurtherCloneOptions": "Қосымша клондау опцияларын таңдаңыз",
     "customizeTheOperatingSystem": "Операциялық жүйені теңшеңіз",
     "customizeThisVirtualMachineHardware": "Осы виртуалды машинаның аппараттық құралын теңшеңіз",
@@ -3279,7 +3280,8 @@
     "customizeVMHardware": "Бұл виртуалды машинаның жабдығын баптау.",
     "autoPowerOn": "Автоқосу",
     "powerVMAfterCreation": "Виртуалды машинаны жасау кейін қосу.",
-    "selectTemplateForCreatingVm": "Виртуалды машина жасау үшін үлгіні таңдаңыз"
+    "selectTemplateForCreatingVm": "Виртуалды машина жасау үшін үлгіні таңдаңыз",
+    "selectAdvancedOptionsTargetVm": "Мақсатты ВМ үшін қосымша параметрлерді таңдаңыз."
   },
   "feedback": {
     "additionalDetailsHelp": "Қосымша мәліметтер анықтамасы",

package/assets/localization/local_ru.json

@@ -1847,6 +1847,7 @@
     "showDatastoresConnectedAllHosts": "Показать хранилища данных, подключенные ко всем хостам",
     "selectCloneOptions": "Выберите параметры клонирования",
     "selectOptionsTargetVm": "Выберите параметры целевой ВМ",
+    "selectTargetVmOptions": "Выберите параметры целевой ВМ",
     "selectFurtherCloneOptions": "Выберите дополнительные параметры клонирования",
     "customizeTheOperatingSystem": "Настроить операционную систему.",
     "customizeThisVirtualMachineHardware": "Настроить оборудование виртуальной машины.",
@@ -3279,7 +3280,8 @@
     "customizeVMHardware": "Настроить оборудование этой виртуальной машины.",
     "autoPowerOn": "Автоматическое включение",
     "powerVMAfterCreation": "Включить виртуальную машину после создания.",
-    "selectTemplateForCreatingVm": "Выберите шаблон для создания виртуальной машины"
+    "selectTemplateForCreatingVm": "Выберите шаблон для создания виртуальной машины",
+    "selectAdvancedOptionsTargetVm": "Выберите дополнительные параметры для целевой ВМ."
   },
   "feedback": {
     "additionalDetailsHelp": "Дополнительная информация Помощь",

package/assets/localization/local_zh.json

@@ -1846,6 +1846,7 @@
     "showDatastoresConnectedAllHosts": "显示连接到所有主机的数据存储",
     "selectCloneOptions": "选择克隆选项",
     "selectOptionsTargetVm": "选择目标VM的参数",
+    "selectTargetVmOptions": "选择目标虚拟机选项",
     "selectFurtherCloneOptions": "选择更多克隆选项",
     "customizeTheOperatingSystem": "定制操作系统",
     "customizeThisVirtualMachineHardware": "自定义该虚拟机的硬件",
@@ -3277,7 +3278,8 @@
     "customizeVMHardware": "自定义此虚拟机的硬件。",
     "autoPowerOn": "自动开机",
     "powerVMAfterCreation": "创建后启动虚拟机。",
-    "selectTemplateForCreatingVm": "选择创建虚拟机的模板"
+    "selectTemplateForCreatingVm": "选择创建虚拟机的模板",
+    "selectAdvancedOptionsTargetVm": "为目标虚拟机选择高级选项。"
   },
   "feedback": {
     "additionalDetailsHelp": "其他详细信息帮助",

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

@@ -46,6 +46,7 @@
     :compute-resource-tree="props.computeResourceTree"
     :vmt-settings="props.vmtSettings"
     :is-loading="isLoading"
+    :selected-template-id="props.selectedTemplateId"
     @check-name="emits('check-name', $event)"
     @get-storage="emits('get-storage', $event)"
     @get-folders-or-files="emits('get-folders-or-files', $event)"
@@ -224,6 +225,7 @@ const props = withDefaults(
     dataCenter?: UI_I_TreeNode // для сферы
     computeResource?: UI_I_TreeNode // для сферы
     computeResourceTree?: UI_I_TreeNode[] // для сферы
+    selectedTemplateId?: string // для сферы
   }>(),
   {
     capabilities: undefined,
@@ -231,6 +233,7 @@ const props = withDefaults(
     dataCenter: undefined,
     computeResource: undefined,
     computeResourceTree: undefined,
+    selectedTemplateId: '',
   }
 )
 

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

@@ -38,6 +38,7 @@
           <common-vm-actions-common-select-template
             :template-submit="props.templateSubmit"
             :templates-tree="props.templatesTree"
+            :selected-template-id="props.selectedTemplateId"
             @submit="emits('change-template', $event)"
           />
         </template>
@@ -165,7 +166,7 @@
           <div ref="subTitleBlockSelectOptions">
             <div class="subtitle-block">
               <ui-wizard-subtitle
-                :sub-title="localization.vmWizard.selectAdvancedOptionsCloning"
+                :sub-title="localization.vmWizard.selectAdvancedOptionsTargetVm"
               />
             </div>
           </div>
@@ -394,7 +395,7 @@
               />
             </div>
 
-            <div class="divider my-4"></div>
+            <div v-if="props.isShowPowerOn" class="divider my-4"></div>
 
             <common-ready-to-complete
               v-if="selectedStep.id === dynamicSteps.readyComplete"
@@ -514,6 +515,7 @@ const props = withDefaults(
     computeResourceTree?: UI_I_TreeNode[] // для сферы
     vmtSettings?: UI_I_VmSettings | null // для шаблонов
     isLoading?: boolean
+    selectedTemplateId?: string
   }>(),
   {
     dataCenter: undefined,
@@ -521,6 +523,7 @@ const props = withDefaults(
     computeResourceTree: undefined,
     vmtSettings: undefined,
     isLoading: undefined,
+    selectedTemplateId: '',
   }
 )
 

package/components/common/vm/actions/add/lib/config/steps.ts

@@ -125,7 +125,7 @@ export const stepsFunc = (
     {
       id: dynamicSteps.selectOptionsForDeployment,
       stepName: '',
-      title: localization.common.selectOptionsTargetVm,
+      title: localization.common.selectTargetVmOptions,
       subTitle:
       localization.common.chooseGuestOSInstalledVmAndMachineTypeUsedCreateVm,
       status: UI_E_WIZARD_STATUS.INACTIVE,

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

@@ -1,7 +1,11 @@
 <template>
   <div
     ref="mainContainer"
-    :class="['select-options grid gap-3 mt-4', { 'is-sm-size': isContainerSm }]"
+    :class="[
+      'select-options grid gap-3 mt-4',
+      { 'is-sm-size': isContainerSm },
+      { 'three-items': !props.isCreateTemplate },
+    ]"
   >
     <div
       :class="[
@@ -17,8 +21,14 @@
         :title="localization.vmWizard.customizeOS"
         :disabled="props.isCreateTemplate"
         test-id="customize-os"
+        size="md"
       />
-      <p class="checkbox-block-description mt-2 ml-7 mr-3">
+      <p
+        :class="[
+          'checkbox-block-description mt-2 ml-7 mr-3',
+          { disabled: props.isCreateTemplate },
+        ]"
+      >
         {{ localization.vmWizard.customizeOperatingSystem }}
       </p>
     </div>
@@ -37,8 +47,14 @@
         :title="localization.common.customizeHardware"
         :disabled="props.isCreateTemplate"
         test-id="customize-hardware"
+        size="md"
       />
-      <p class="checkbox-block-description mt-2 ml-7 mr-3">
+      <p
+        :class="[
+          'checkbox-block-description mt-2 ml-7 mr-3',
+          { disabled: props.isCreateTemplate },
+        ]"
+      >
         {{ localization.vmWizard.customizeVMHardware }}
       </p>
     </div>
@@ -56,8 +72,14 @@
         :title="localization.vmWizard.autoPowerOn"
         :disabled="props.isCreateTemplate"
         test-id="power-on"
+        size="md"
       />
-      <p class="checkbox-block-description mt-2 ml-7 mr-3">
+      <p
+        :class="[
+          'checkbox-block-description mt-2 ml-7 mr-3',
+          { disabled: props.isCreateTemplate },
+        ]"
+      >
         {{ localization.vmWizard.powerVMAfterCreation }}
       </p>
     </div>
@@ -137,9 +159,18 @@ watch(
 )
 </script>
 
+<style>
+:root {
+  --select-option-target-vm-checkbox-description-disabled: #bdc3c7;
+}
+:root.dark-theme {
+  --select-option-target-vm-checkbox-description-disabled: #bdc3c770;
+}
+</style>
+
 <style scoped lang="scss">
 .select-options {
-  grid-template-columns: 1fr 1fr 1fr;
+  grid-template-columns: 1fr 1fr;
   grid-template-rows: max-content;
   overflow-y: auto;
   padding-bottom: 16px;
@@ -148,6 +179,10 @@ watch(
     grid-template-columns: 1fr;
   }
 
+  &.three-items {
+    grid-template-columns: 1fr 1fr 1fr;
+  }
+
   .checkbox-container {
     width: 100%;
     background-color: var(--select-bg);
@@ -172,11 +207,20 @@ watch(
 
     :deep(.ui-checkbox-label) {
       align-items: flex-start;
+
+      .ui-checkbox-label-text {
+        line-height: 18px;
+        margin-top: 1px;
+      }
     }
 
     .checkbox-block-description {
       color: #9da6ad;
       line-height: 18px;
+
+      &.disabled {
+        color: var(--select-option-target-vm-checkbox-description-disabled);
+      }
     }
   }
 }

package/components/common/vm/actions/common/select/template/Template.vue

@@ -3,6 +3,7 @@
     v-if="isNewView"
     :templates-tree="props.templatesTree"
     :errors="errors"
+    :selected-template-id="props.selectedTemplateId"
     @remove="onRemove"
     @select="onSelect"
   />
@@ -19,10 +20,16 @@
 import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type { UI_I_TreeNode } from '~/components/common/recursionTree/lib/models/interfaces'
 
-const props = defineProps<{
-  templateSubmit: null | Function
-  templatesTree: UI_I_TreeNode[]
-}>()
+const props = withDefaults(
+  defineProps<{
+    templateSubmit: null | Function
+    templatesTree: UI_I_TreeNode[]
+    selectedTemplateId?: string
+  }>(),
+  {
+    selectedTemplateId: '',
+  }
+)
 const emits = defineEmits<{
   (event: 'submit', value: UI_I_TreeNode): void
 }>()

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

@@ -11,6 +11,7 @@
     />
     <common-vm-actions-common-select-template-tree-view
       :templates-tree="props.templatesTree"
+      :selected-template-id="props.selectedTemplateId"
       @select-node="emits('select', $event)"
     />
   </div>
@@ -19,10 +20,16 @@
 <script setup lang="ts">
 import type { UI_I_TreeNode } from '~/components/common/recursionTree/lib/models/interfaces'
 
-const props = defineProps<{
-  templatesTree: UI_I_TreeNode[]
-  errors: string[]
-}>()
+const props = withDefaults(
+  defineProps<{
+    templatesTree: UI_I_TreeNode[]
+    errors: string[]
+    selectedTemplateId?: string
+  }>(),
+  {
+    selectedTemplateId: '',
+  }
+)
 
 const emits = defineEmits<{
   (event: 'remove'): void

package/components/common/vm/actions/common/select/template/treeView/New.vue

@@ -22,10 +22,16 @@
 <script setup lang="ts">
 import type { UI_I_TreeNode } from '~/components/common/recursionTree/lib/models/interfaces'
 
-const props = defineProps<{
-  loading: boolean
-  nodes: UI_I_TreeNode[]
-}>()
+const props = withDefaults(
+  defineProps<{
+    loading: boolean
+    nodes: UI_I_TreeNode[]
+    selectedTemplateId?: string
+  }>(),
+  {
+    selectedTemplateId: '',
+  }
+)
 const emits = defineEmits<{
   (event: 'select-node', value: UI_I_TreeNode): void
   (
@@ -37,9 +43,29 @@ const emits = defineEmits<{
   ): void
 }>()
 
+const { $recursion }: any = useNuxtApp()
+
 const onToggleNode = (node: UI_I_TreeNode): void => {
   emits('get-nodes', { node, cb: () => {} })
 }
+
+onMounted(() => {
+  if (!props.selectedTemplateId) return
+
+  $recursion.findAndActivate(
+    props.nodes,
+    ['vm_template', props.selectedTemplateId],
+    ['type', 'id'],
+    'nodes'
+  )
+  const selectedNode = $recursion.find(
+    props.nodes,
+    props.selectedTemplateId,
+    'id',
+    'nodes'
+  )
+  emits('select-node', selectedNode)
+})
 </script>
 
 <style>

package/components/common/vm/actions/common/select/template/treeView/TreeView.vue

@@ -3,6 +3,7 @@
     v-if="isNewView"
     :loading="loading"
     :nodes="nodes"
+    :selected-template-id="props.selectedTemplateId"
     @select-node="onSelectNode"
     @get-nodes="onShowNodes"
   />
@@ -18,9 +19,15 @@
 <script setup lang="ts">
 import type { UI_I_TreeNode } from '~/components/common/recursionTree/lib/models/interfaces'
 
-const props = defineProps<{
-  templatesTree: UI_I_TreeNode[]
-}>()
+const props = withDefaults(
+  defineProps<{
+    templatesTree: UI_I_TreeNode[]
+    selectedTemplateId?: string
+  }>(),
+  {
+    selectedTemplateId: '',
+  }
+)
 
 const emits = defineEmits<{
   (event: 'select-node', value: UI_I_TreeNode): void

package/components/common/wizards/datastore/add/steps/hostAccessibility/HostAccessibilityNew.vue

@@ -48,6 +48,7 @@ const tabsLocal = computed<UI_I_CollapseNavItem[]>(() =>
 .host-accessibility {
   &__tab {
     padding: 16px 0;
+    overflow-x: auto;
   }
 }
 </style>

package/components/common/wizards/datastore/add/steps/hostAccessibility/table/new/New.vue

@@ -103,6 +103,12 @@ const onSelectRow = (value: UI_I_DataTableBody[]): void => {
 <style lang="scss" scoped>
 .host-accessibility-table {
   margin-bottom: 10px;
+  :deep(.column-manager-button.sm span) {
+    font-weight: 500;
+  }
+  :deep(.table-title .title-container h6) {
+    font-size: 12px;
+  }
   &__icon {
     margin-right: 4px;
   }

package/components/common/wizards/datastore/add/steps/nameAndDevice/table/new/New.vue

@@ -146,19 +146,14 @@ const onSelectRow = (value: UI_I_DataTableBody[]): void => {
 }
 </script>
 
-<style>
-:root {
-  --select-storage-border-color: #e9ebed;
-  --select-storage-bg-color: #ffffff;
-}
-:root.dark-theme {
-  --select-storage-border-color: #e9ebed1f;
-  --select-storage-bg-color: var(--wizard-right-bg);
-}
-</style>
-
 <style lang="scss" scoped>
 .device-table-container {
+  :deep(.column-manager-button.sm span) {
+    font-weight: 500;
+  }
+  :deep(.table-title .title-container h6) {
+    font-size: 12px;
+  }
   .device-table {
     &__icon {
       margin-right: 4px;

package/package.json

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