bfg-common 1.3.595 → 1.3.597

package/components/common/diagramMain/modals/lib/config/switchModal.ts

@@ -106,7 +106,7 @@ export const switchViewSettingsFunc = (
               (sec: UI_I_NetworkSummaryPortletListItem<UI_E_IYNOption>) =>
                 sec.id === 'promiscuous_mode'
             )?.initialValue?.value === UI_E_IYNOption.YES
-              ? localization.accept
+              ? localization.common.accept
               : localization.reject,
         },
         {
@@ -118,7 +118,7 @@ export const switchViewSettingsFunc = (
               (sec: UI_I_NetworkSummaryPortletListItem<UI_E_IYNOption>) =>
                 sec.id === 'mac_change'
             )?.initialValue?.value === UI_E_IYNOption.YES
-              ? localization.accept
+              ? localization.common.accept
               : localization.reject,
         },
         {
@@ -130,7 +130,7 @@ export const switchViewSettingsFunc = (
               (sec: UI_I_NetworkSummaryPortletListItem<UI_E_IYNOption>) =>
                 sec.id === 'forged_transmits'
             )?.initialValue?.value === UI_E_IYNOption.YES
-              ? localization.accept
+              ? localization.common.accept
               : localization.reject,
         },
       ],
@@ -207,7 +207,7 @@ export const switchViewSettingsFunc = (
               : localization.no,
         },
         {
-          name: localization.activeAdapters,
+          name: localization.networks.activeAdapters,
           value: initialData.activeAdapters,
         },
         {

package/components/common/layout/theHeader/TheHeaderNew.vue

@@ -38,7 +38,7 @@
             name="reset"
           />
           <span v-else class="reset-loader-content">
-            <ui-loader2 />
+            <ui-loader2 width="24" height="24" />
           </span>
         </button>
         <div class="divider" />
@@ -180,7 +180,8 @@ const emits = defineEmits<{
         align-items: center;
 
         .title {
-          font-size: 14px;
+          font-size: 16px;
+          font-weight: 400;
         }
         .badge-info {
           background-color: var(--badge-info-bg-color);
@@ -223,8 +224,8 @@ const emits = defineEmits<{
           }
         }
         .reset-loader-content {
-          width: 18px;
-          height: 18px;
+          width: 24px;
+          height: 24px;
 
           .loader {
             padding: 2px;

package/components/common/layout/theHeader/helpMenu/About.vue

@@ -35,7 +35,7 @@
       <template #modalBody>
         <div class="about-vsphere-dialog-legal-section">
           <p>{{ aboutHeadingText }}</p>
-          <p>{{ localization.aboutSubtitle }}</p>
+          <p>{{ localization.layout.aboutSubtitle }}</p>
         </div>
 
         <div class="about-vsphere-dialog-legal-section description">
@@ -80,15 +80,15 @@ const companyName = computed<string>(
   () => config.public[`COMPANY_NAME_${useEnvLanguage()}`]
 )
 const aboutHeadingText = computed<string>(() =>
-  localization.value.aboutHeading.replaceAll('{companyName}', companyName.value)
+  localization.value.layout.aboutHeading.replaceAll('{companyName}', companyName.value)
 )
 const aboutDesc1 = computed<string>(() =>
-  localization.value.aboutDesc1
+  localization.value.layout.aboutDesc1
     .replaceAll('{companyName}', companyName.value)
     .replaceAll('{trademark}', brandName.value)
 )
 const aboutDesc2 = computed<string>(() =>
-  localization.value.aboutDesc2
+  localization.value.layout.aboutDesc2
     .replaceAll('{companyName}', companyName.value)
     .replaceAll('{trademark}', brandName.value)
 )

package/components/common/layout/theHeader/helpMenu/helpMenuNew/HelpMenuNew.vue

@@ -26,7 +26,32 @@
     elem-id="help-menu-dropdown-toggle"
     @select="onSelectDropdown"
     @hide="onHideDropdown"
-  />
+  >
+    <template #row="{ item }">
+      <a
+        :id="item.testId"
+        :data-id="item.testId"
+        class="w-full flex items-center dropdown-item"
+      >
+        <span v-if="item.iconName === 'icon-help'" class="flex ui-item-text">
+          <ui-icon-main-navigation-panel
+            :name="item.iconName"
+            width="16"
+            height="16"
+          />
+        </span>
+        <span v-if="item.iconName === 'info'" class="flex ui-item-text">
+          <ui-icon :name="item.iconName" width="16" height="16" />
+        </span>
+        <span v-if="item.iconName === 'comment'" class="flex ui-item-text">
+          <ui-icon :name="item.iconName" width="16" height="16" />
+        </span>
+        <p class="ui-item-text truncate text-sm font-medium mt-0 mb-0 ml-2">
+          {{ item.text }}
+        </p>
+      </a>
+    </template>
+  </ui-dropdown>
 
   <common-layout-the-header-feedback
     :is-show-feedback="isShowFeedback"
@@ -110,7 +135,17 @@ const onSelectDropdown = (value: string): void => {
     padding: 0 !important;
   }
 }
-#dropdown-help-menu-dropdown {
+#ui-popup-window-help-menu-dropdown-toggle {
   margin-top: 17px;
 }
+#dropdown-help-menu-dropdown {
+  .ui-item-text {
+    color: var(--dropdown-item-hover-color);
+  }
+  .ui-dropdown-menu-item:has(.logout) {
+    .ui-item-text {
+      color: #ea3223;
+    }
+  }
+}
 </style>

package/components/common/layout/theHeader/helpMenu/helpMenuNew/lib/config/dropMenu.ts

@@ -9,17 +9,20 @@ export const helpMenuFunc = (
       text: localization.mainNavigation.help,
       value: 'help',
       testId: 'information-menu-help',
+      iconName: 'icon-help',
     },
     {
       text: localization.layout.about,
       value: 'about',
       testId: 'information-menu-about',
       divider: true,
+      iconName: 'info',
     },
     {
       text: localization.sendFeedback,
       value: 'sendFeedback',
       testId: 'information-menu-send-feedback',
+      iconName: 'comment',
     },
   ]
 }

package/components/common/layout/theHeader/userMenu/userMenuNew/UserMenuNew.vue

@@ -95,6 +95,12 @@ const onSelectDropdown = (value: string): void => {
       color: #ffffff;
     }
 
+    .title {
+      font-size: 14px;
+      font-weight: 400;
+      font-family: 'Inter';
+    }
+
     .arrow-icon-container {
       display: flex;
       transform: rotate(90deg);
@@ -102,9 +108,10 @@ const onSelectDropdown = (value: string): void => {
   }
 }
 
-#dropdown-user-menu-dropdown {
+#ui-popup-window-user-menu-dropdown-toggle {
   margin-top: 17px;
-
+}
+#dropdown-user-menu-dropdown {
   .ui-item-text {
     color: var(--dropdown-item-hover-color);
   }

package/components/common/monitor/advanced/Advanced.vue

@@ -19,6 +19,7 @@
             :language="props.language"
             :selected-counters-keys="props.selectedCountersKeys"
             :selected-metric="props.selectedMetric"
+            :selected-metric-local="props.selectedMetricLocal"
             :disabled-period="props.disabledPeriod"
             :disabled-view="props.disabledView"
             :selected-chart-type="props.selectedChartType"
@@ -35,11 +36,12 @@
             :selected-objects="props.selectedObjects"
             :project="props.project"
             :objects-loading="props.objectsLoading"
+            :objects-data="props.objectsData"
             @update-tools="emits('update-tools', $event)"
             @exporting="onExporting"
             @open-advanced-page="onGetEmptyPage"
             @select-row="emits('select-row', $event)"
-            @select-metric="emits('select-metric', $event)"
+            @select-metric-local="emits('select-metric-local', $event)"
             @update-chart-type="emits('update-chart-type', $event)"
             @update-timespan-type="emits('update-timespan-type', $event)"
             @update-unit-count="emits('update-unit-count', $event)"
@@ -51,7 +53,6 @@
             @update-custom-time-from="emits('update-custom-time-from', $event)"
             @update-custom-time-to="emits('update-custom-time-to', $event)"
             @submit-options="emits('submit-options', $event)"
-            @update-cores="emits('update-cores')"
           />
 
           <div v-show="!props.data" class="empty-container">
@@ -100,6 +101,7 @@ import type {
 } from '~/components/common/monitor/advanced/tools/chartOptionsModal/lib/models/types'
 import type { UI_I_OptionsForm } from '~/components/common/monitor/advanced/tools/chartOptionsModal/lib/models/interfaces'
 import type { UI_I_AdvancedCounterItem } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/lib/models/interfaces'
+import type { UI_I_ObjectItem } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/lib/models/interfaces'
 import type { UI_T_Project } from '~/lib/models/types'
 import { getCountCores } from '~/components/common/monitor/advanced/tools/lib/utils/countCores'
 
@@ -115,6 +117,7 @@ const props = defineProps<{
   getDateFormat: any
   selectedCountersKeys: number[]
   selectedMetric: UI_T_ChartHost | UI_T_ChartVm
+  selectedMetricLocal: UI_T_ChartHost | UI_T_ChartVm
   selectedChartType: string
   selectedTimespanType: string
   unitsCount: number
@@ -129,6 +132,7 @@ const props = defineProps<{
   selectedObjects: string
   project: UI_T_Project
   objectsLoading: boolean
+  objectsData: UI_I_ObjectItem[]
   disabledPeriod?: boolean
   disabledView?: boolean
   isEmpty?: boolean
@@ -139,7 +143,7 @@ const emits = defineEmits<{
   (event: 'open-advanced-page'): void
   (event: 'update-selected-row', value: number[]): void
   (event: 'select-row', value: UI_I_AdvancedCounterItem[]): void
-  (event: 'select-metric', value: string): void
+  (event: 'select-metric-local', value: string): void
   (event: 'update-chart-type', value: string): void
   (event: 'update-timespan-type', value: string): void
   (event: 'update-unit-count', value: number): void
@@ -152,7 +156,6 @@ const emits = defineEmits<{
   (event: 'update-custom-time-to', value: string): void
   (event: 'submit-options', value: UI_I_OptionsForm): void
   (event: 'update:selected-timespan-type', value: string): void
-  (event: 'update-cores'): void
 }>()
 
 const localization = computed<UI_I_Localization>(() => useLocal())

package/components/common/monitor/advanced/tools/Tools.vue

@@ -97,6 +97,7 @@
     :language="props.language"
     :selected-counters-keys="props.selectedCountersKeys"
     :selected-metric="props.selectedMetric"
+    :selected-metric-local="props.selectedMetricLocal"
     :selected-chart-type="props.selectedChartType"
     :selected-timespan-type="props.selectedTimespanType"
     :units-count="props.unitsCount"
@@ -112,9 +113,10 @@
     :selected-objects="props.selectedObjects"
     :project="props.project"
     :objects-loading="props.objectsLoading"
+    :objects-data="props.objectsData"
     @hide="isShowModal = false"
     @select-row="emits('select-row', $event)"
-    @select-metric="emits('select-metric', $event)"
+    @select-metric-local="emits('select-metric-local', $event)"
     @update-chart-type="emits('update-chart-type', $event)"
     @update-timespan-type="emits('update-timespan-type', $event)"
     @update-unit-count="emits('update-unit-count', $event)"
@@ -127,7 +129,6 @@
     @update-custom-time-from="emits('update-custom-time-from', $event)"
     @update-custom-time-to="emits('update-custom-time-to', $event)"
     @submit-options="emits('submit-options', $event)"
-    @update-cores="emits('update-cores')"
   />
 </template>
 
@@ -143,6 +144,7 @@ import type {
 } from '~/components/common/monitor/advanced/tools/chartOptionsModal/lib/models/types'
 import type { UI_I_OptionsForm } from '~/components/common/monitor/advanced/tools/chartOptionsModal/lib/models/interfaces'
 import type { UI_I_AdvancedCounterItem } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/lib/models/interfaces'
+import type { UI_I_ObjectItem } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/lib/models/interfaces'
 import type { UI_T_Project } from '~/lib/models/types'
 import { getValidDateByOptionFunc } from '~/components/common/monitor/lib/config/getValidDateByOption'
 import {
@@ -160,6 +162,7 @@ const props = defineProps<{
   language: string
   selectedCountersKeys: number[]
   selectedMetric: UI_T_ChartHost | UI_T_ChartVm
+  selectedMetricLocal: UI_T_ChartHost | UI_T_ChartVm
   selectedChartType: string
   selectedTimespanType: string
   unitsCount: number
@@ -175,6 +178,7 @@ const props = defineProps<{
   selectedObjects: string
   project: UI_T_Project
   objectsLoading: boolean
+  objectsData: UI_I_ObjectItem[]
   disabledPeriod?: boolean
   disabledView?: boolean
 }>()
@@ -184,7 +188,7 @@ const emits = defineEmits<{
   (event: 'exporting', value: string): void
   (event: 'open-advanced-page'): void
   (event: 'select-row', value: UI_I_AdvancedCounterItem[]): void
-  (event: 'select-metric', value: string): void
+  (event: 'select-metric-local', value: string): void
   (event: 'update-chart-type', value: string): void
   (event: 'update-timespan-type', value: string): void
   (event: 'update-unit-count', value: number): void
@@ -197,7 +201,6 @@ const emits = defineEmits<{
   (event: 'update-custom-time-to', value: string): void
   (event: 'submit-options', value: UI_I_OptionsForm): void
   (event: 'update:selected-timespan-type', value: string): void
-  (event: 'update-cores'): void
 }>()
 
 const routeType = '' + useRoute().params.type

package/components/common/monitor/advanced/tools/chartOptionsModal/ChartOptionsModal.vue

@@ -49,6 +49,7 @@
               :selected-metrics-keys="selectedMetricsKeys"
               :selected-objects="props.selectedObjects"
               :objects-loading="props.objectsLoading"
+              :objects-data="props.objectsData"
               @select-row="selectedRows = $event"
               @update-chart-type="selectedChartTypeLocal = $event"
               @update-custom-time="localCustomTime = $event"
@@ -60,7 +61,6 @@
               @update-custom-time-from="onUpdateCustomTimeFrom"
               @update-custom-time-to="onUpdateCustomTimeTo"
               @select-objects="localSelectedObjects = $event"
-              @update-cores="emits('update-cores')"
             />
           </div>
         </div>
@@ -79,6 +79,7 @@ import type {
   UI_T_ChartVm,
 } from '~/components/common/monitor/advanced/tools/chartOptionsModal/lib/models/types'
 import type { UI_I_OptionsForm } from '~/components/common/monitor/advanced/tools/chartOptionsModal/lib/models/interfaces'
+import type { UI_I_ObjectItem } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/lib/models/interfaces'
 import type { UI_T_Project } from '~/lib/models/types'
 import { metricsFunc } from '~/components/common/monitor/advanced/tools/chartOptionsModal/metrics/lib/config/optionsMetrics'
 import { getCurrentOptionsStorageFunc } from '~/components/common/monitor/advanced/tools/lib/config/advancedToolbar'
@@ -91,6 +92,7 @@ const props = defineProps<{
   language: string
   selectedCountersKeys: number[]
   selectedMetric: UI_T_ChartHost | UI_T_ChartVm
+  selectedMetricLocal: UI_T_ChartHost | UI_T_ChartVm
   selectedChartType: string
   selectedTimespanType: string
   unitsCount: number
@@ -106,12 +108,13 @@ const props = defineProps<{
   selectedObjects: string
   project: UI_T_Project
   objectsLoading: boolean
+  objectsData: UI_I_ObjectItem[]
 }>()
 
 const emits = defineEmits<{
   (event: 'hide'): void
   (event: 'select-row', value: UI_I_AdvancedCounterItem[]): void
-  (event: 'select-metric', value: string): void
+  (event: 'select-metric-local', value: string): void
   (event: 'update-chart-type', value: string): void
   (event: 'update-timespan-type', value: string): void
   (event: 'update-unit-count', value: number): void
@@ -125,7 +128,6 @@ const emits = defineEmits<{
   (event: 'update-custom-time-to', value: string): void
   (event: 'submit-options', value: UI_I_OptionsForm): void
   (event: 'select-objects', value: string): void
-  (event: 'update-cores'): void
 }>()
 
 const routeType = '' + useRoute().params.type
@@ -237,7 +239,7 @@ const checkValidations = (): boolean => {
     localCustomTimeTo.value
   )
 
-  if (!selectedRows.value.length) {
+  if (isDisabledSubmit.value) {
     alerts.value = [localization.value.noCountersSelected]
     isShowAlerts.value = true
     return false
@@ -464,10 +466,19 @@ const isDisabledSubmit = computed<boolean>(() =>
   checkIsDisabledSubmit(
     props.type,
     selectedMetric.value,
+    selectedRows.value.length,
     localSelectedObjects.value
   )
 )
 
+watch(
+  selectedMetric,
+  (newValue) => {
+    emits('select-metric-local', newValue)
+  },
+  { immediate: true }
+)
+
 onMounted(() => {
   optionsNames.value = getCurrentOptionsStorageFunc(routeType, props.project)
 })

package/components/common/monitor/advanced/tools/chartOptionsModal/counters/Counters.vue

@@ -27,6 +27,7 @@
       :total-metric-items="totalMetricItems"
       :selected-objects="props.selectedObjects"
       :objects-loading="props.objectsLoading"
+      :objects-data="props.objectsData"
       @update-chart-type="emits('update-chart-type', $event)"
       @update-custom-time="emits('update-custom-time', $event)"
       @update-timespan-type="emits('update-timespan-type', $event)"
@@ -37,7 +38,6 @@
       @update-custom-time-from="emits('update-custom-time-from', $event)"
       @update-custom-time-to="emits('update-custom-time-to', $event)"
       @select-objects="emits('select-objects', $event)"
-      @update-cores="emits('update-cores')"
     />
   </div>
 </template>
@@ -49,6 +49,7 @@ import type {
 } from '~/components/common/monitor/advanced/tools/chartOptionsModal/lib/models/types'
 import type { UI_T_AdvancedType } from '~/components/common/monitor/advanced/lib/models/types'
 import type { UI_I_AdvancedCounterItem } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/lib/models/interfaces'
+import type { UI_I_ObjectItem } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/lib/models/interfaces'
 
 const props = defineProps<{
   language: string
@@ -69,6 +70,7 @@ const props = defineProps<{
   selectedMetricsKeys: number[]
   selectedObjects: string
   objectsLoading: boolean
+  objectsData: UI_I_ObjectItem[]
 }>()
 
 const emits = defineEmits<{
@@ -83,7 +85,6 @@ const emits = defineEmits<{
   (event: 'update-custom-time-from', value: string): void
   (event: 'update-custom-time-to', value: string): void
   (event: 'select-objects', value: string): void
-  (event: 'update-cores'): void
 }>()
 
 const totalMetricItems = ref<number>(0)

package/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/Timespan.vue

@@ -30,8 +30,8 @@
       :total-metric-items="props.totalMetricItems"
       :selected-objects="props.selectedObjects"
       :loading="props.objectsLoading"
+      :current-items="props.objectsData"
       @select-objects="emits('select-objects', $event)"
-      @update-cores="emits('update-cores')"
     />
   </div>
 </template>
@@ -42,6 +42,7 @@ import type {
   UI_T_ChartHost,
   UI_T_ChartVm,
 } from '~/components/common/monitor/advanced/tools/chartOptionsModal/lib/models/types'
+import type { UI_I_ObjectItem } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/lib/models/interfaces'
 
 const props = defineProps<{
   type: UI_T_AdvancedType
@@ -62,6 +63,7 @@ const props = defineProps<{
   totalMetricItems: number
   selectedObjects: string
   objectsLoading: boolean
+  objectsData: UI_I_ObjectItem[]
 }>()
 
 const emits = defineEmits<{
@@ -76,7 +78,6 @@ const emits = defineEmits<{
   (event: 'update-custom-time-from', value: string): void
   (event: 'update-custom-time-to', value: string): void
   (event: 'select-objects', value: string): void
-  (event: 'update-cores'): void
 }>()
 </script>
 

package/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/Object.vue

@@ -10,7 +10,7 @@
           v-model:column-keys="columnItems"
           v-model:page-size="pagination.pageSize"
           v-model:page="pagination.page"
-          type="checkbox"
+          :type="tableType"
           class="data-table"
           test-id="object-table"
           :loading="props.loading"
@@ -35,7 +35,9 @@ import type {
 } from '~/components/atoms/table/dataGrid/lib/models/interfaces'
 import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type { UI_I_Pagination } from '~/lib/models/table/interfaces'
+import type { UI_T_DataGridType } from '~/components/atoms/table/dataGrid/lib/models/types'
 import type { UI_I_AdvancedTargetObject } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/lib/models/interfaces'
+import type { UI_I_ObjectItem } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/lib/models/interfaces'
 import * as table from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/lib/config/objectTable'
 import type { UI_T_AdvancedType } from '~/components/common/monitor/advanced/lib/models/types'
 import type {
@@ -52,16 +54,20 @@ const props = defineProps<{
   totalMetricItems: number
   selectedObjects: string
   loading: boolean
+  currentItems: UI_I_ObjectItem[]
 }>()
 
 const emits = defineEmits<{
   (event: 'select-objects', value: string): void
-  (event: 'update-cores'): void
 }>()
 
 const localization = computed<UI_I_Localization>(() => useLocal())
 
-const selectedRow = ref<number[]>([])
+const tableType = computed<UI_T_DataGridType>(() =>
+  ['disk', 'network'].includes(props.chart) ? 'radio' : 'checkbox'
+)
+
+const selectedRow = ref<number[] | number>([])
 const pagination = ref<UI_I_Pagination>({
   page: 1,
   pageSize: 35,
@@ -101,6 +107,7 @@ watch(
     props.totalCores,
     props.hostId,
     props.selectedMetricsKeys,
+    props.currentItems,
   ],
   (newValue) => {
     items = []
@@ -141,10 +148,16 @@ watch(
           target_object: 'averageMHz',
         })
       }
-      bodyItems.value = table.bodyItems(items)
-    } else bodyItems.value = []
+    } else if (
+      newValue[0] === 'host' &&
+      ['disk', 'network'].includes(newValue[1])
+    ) {
+      items = props.currentItems
+    }
+
+    bodyItems.value = table.bodyItems(items)
   },
-  { immediate: true }
+  { immediate: true, deep: true }
 )
 
 watch(
@@ -152,9 +165,12 @@ watch(
   (newValue) => {
     const selectedItems: string[] = []
 
-    newValue.forEach((key) => {
-      selectedItems.push(items[key].id)
-    })
+    if (['disk', 'network'].includes(props.chart)) {
+      selectedItems.push(items[newValue]?.target_object)
+    } else
+      newValue.forEach((key) => {
+        selectedItems.push(items[key].id)
+      })
 
     const selectedNames =
       items.length === newValue.length &&
@@ -185,13 +201,19 @@ watch(
         })
         selectedRow.value = selectedKeys
       }
+    } else if (
+      props.type === 'host' &&
+      ['disk', 'network'].includes(props.chart)
+    ) {
+      if (selected) {
+        const selectedId = all.find((item) => item[0].text === selected)?.[0]
+          ?.id
+        typeof selectedId === 'number' && (selectedRow.value = selectedId)
+      }
     }
   },
   { immediate: true }
 )
-onMounted(() => {
-  emits('update-cores')
-})
 </script>
 
 <style scoped lang="scss">

package/components/common/monitor/advanced/tools/chartOptionsModal/lib/utils/checkSubmit.ts

@@ -1,12 +1,17 @@
 export const checkIsDisabledSubmit = (
   type: string,
   selectedMetric: string,
+  selectedRowsLength: number,
   localSelectedObjects: string
 ): boolean => {
-  let result = false
+  let result = !selectedRowsLength
 
-  if (type === 'host' && selectedMetric === 'cpu' && !localSelectedObjects)
-    result = true
+  if (type === 'host') {
+    if (selectedMetric === 'cpu' && !localSelectedObjects) result = true
+    else if (selectedMetric === 'disk') {
+      result = !localSelectedObjects
+    }
+  }
 
   return result
 }

package/components/common/vm/actions/common/select/storage/lib/config/config.ts

@@ -43,7 +43,7 @@ const getItems = (
     [localization.used, true, '110px', storageTableKeys[5]],
     [localization.type, true, '110px', storageTableKeys[6]],
     [localization.thinProvisioning, true, '132px', storageTableKeys[7]],
-    [localization.access, true, '110px', storageTableKeys[8]],
+    [localization.common.access, true, '110px', storageTableKeys[8]],
     [localization.hardwareAcceleration, true, '134px', storageTableKeys[9]],
     [localization.driverType, true, '110px', storageTableKeys[10]],
     [localization.device, true, '110px', storageTableKeys[11]],

package/components/common/wizards/datastore/add/nfs/configuration/Configuration.vue

@@ -90,9 +90,9 @@
         >
           <div class="flex-align-center input-action-wrapper">
             <input
-              id="configuration-folder-input"
+              id="configuration-server-input"
               v-model="form.server.value"
-              data-id="configuration-folder-input"
+              data-id="configuration-server-input"
               type="text"
               class="clr-input"
               @blur="onBlurInputServer"

package/components/common/wizards/vm/migrate/select/storage/table/datastore/lib/config/config.ts

@@ -43,7 +43,7 @@ const getItems = (
     [localization.used, true, '110px', storageTableKeys[5]],
     [localization.type, true, '110px', storageTableKeys[6]],
     [localization.thinProvisioning, true, '132px', storageTableKeys[7]],
-    [localization.access, true, '110px', storageTableKeys[8]],
+    [localization.common.access, true, '110px', storageTableKeys[8]],
     [localization.hardwareAcceleration, true, '134px', storageTableKeys[9]],
     [localization.driverType, true, '110px', storageTableKeys[10]],
     [localization.device, true, '110px', storageTableKeys[11]],