bfg-common 1.6.76 → 1.6.77

package/components/common/pages/hardwareHealth/historyTestimony/tools/chartOptionsModal/ChartOptionsModal.vue

@@ -1,145 +1,175 @@
 <template>
-  <common-pages-hardware-health-history-testimony-tools-chart-options-modal-new
+  <common-monitor-advanced-tools-chart-options-modal-new
     v-if="isNewView"
-    v-model:selected-metric="selectedMetric"
-    :selected-node-name="props.selectedHostName"
-    :current-selected-rows="currentSelectedRows"
+    v-model:selected-rows="selectedRows"
+    v-model:selected-metric-local="selectedMetricLocal"
+    v-model:local-period-type="localPeriodType"
+    v-model:local-custom-time="localCustomTime"
+    v-model:selected-chart-type-local="selectedChartTypeLocal"
+    v-model:timespan-type="timespanType"
+    v-model:unit-count="unitCount"
+    :type="props.type"
+    :language="props.language"
     :options-names="optionsNames"
-    :metrics-items="metricsItems"
-    :selected-power-counters-keys="localSelectedPowerCountersKeys"
-    :selected-temperature-counters-keys="localSelectedTemperatureCountersKeys"
-    :power-counters-table-data="props.powerCountersTableData"
-    :temperature-counters-table-data="props.temperatureCountersTableData"
-    :selected-chart-type="localSelectedChartType"
-    :selected-timespan-type="localSelectedTimespanType"
-    :units-count="localUnitsCount"
-    :timespan-period-type="localTimespanPeriodType"
-    :custom-time="localCustomTime"
+    :local-selected-chart-option-name="localSelectedChartOptionName"
     :custom-date-from="props.customDateFrom"
     :custom-date-to="props.customDateTo"
     :custom-time-from="props.customTimeFrom"
     :custom-time-to="props.customTimeTo"
+    :total-cores="props.totalCores"
+    :hostId="props.hostId"
+    :objects-loading="props.objectsLoading"
+    :objects-data="props.objectsData"
     :valid-date-end="props.validDateEnd"
-    @hide-main-modal="onHide"
-    @submit-main-modal="onSubmit"
+    :is-disabled-submit="isDisabledSubmit"
+    :is-show-alerts="isShowAlerts"
+    :alerts="alerts"
+    :metrics-items="metricsItems"
+    :local-selected-counters-keys="localSelectedCountersKeys"
+    :local-selected-chart-type="selectedChartTypeLocal"
+    :local-selected-timespan-type="localSelectedTimespanType"
+    :local-units-count="localUnitsCount"
+    :selected-metrics-keys="selectedMetricsKeys"
+    :error-last-input="errorLastInput"
+    :error-date-from="errorDateFrom"
+    :error-time-from="errorTimeFrom"
+    :error-date-to="errorDateTo"
+    :error-time-to="errorTimeTo"
+    :selected-node-name="props.selectedNodeName"
+    :project="props.project"
+    :power-data="props.powerData"
+    :temperature-data="props.temperatureData"
+    :current-selected-objects="localSelectedObjects"
+    @hide-main-modal="onHideMainModal"
+    @submit-main-modal="onSubmitMainModal"
+    @remove-alerts="onRemoveAlerts"
     @save-options="onSaveOptions"
-    @check-validations="checkValidations"
+    @check-validations="onCheckValidations"
     @select-local-option-name="onSelectLocalOptionName"
     @delete-chart-name="onDeleteChartName"
-    @select-temperature-row="onSelectTemperatureRow"
-    @select-power-row="onSelectPowerRow"
-    @change-chart-type="selectedChartTypeLocal = $event"
-    @change-custom-time="localCustomTime = $event"
-    @change-timespan-type="timespanType = $event"
-    @change-unit-count="unitCount = $event"
-    @change-period-type="localTimespanPeriodType = $event"
     @update-custom-date-from="onUpdateCustomDateFrom"
     @update-custom-date-to="onUpdateCustomDateTo"
     @update-custom-time-from="onUpdateCustomTimeFrom"
     @update-custom-time-to="onUpdateCustomTimeTo"
+    @local-selected-objects="localSelectedObjects = $event"
   />
-  <common-pages-hardware-health-history-testimony-tools-chart-options-modal-old
+  <common-monitor-advanced-tools-chart-options-modal-old
     v-else
-    v-model:selected-metric="selectedMetric"
-    :selected-node-name="props.selectedHostName"
-    :is-disabled-submit="isDisabledSubmit"
-    :alerts="alerts"
-    :is-show-alerts="isShowAlerts"
-    :current-selected-rows="currentSelectedRows"
-    :options-names="optionsNames"
-    :selected-chart-option-name="localSelectedChartOptionName"
-    :metrics-items="metricsItems"
-    :selected-power-counters-keys="localSelectedPowerCountersKeys"
-    :selected-temperature-counters-keys="localSelectedTemperatureCountersKeys"
-    :power-counters-table-data="props.powerCountersTableData"
-    :temperature-counters-table-data="props.temperatureCountersTableData"
+    v-model:selected-rows="selectedRows"
+    v-model:selected-metric-local="selectedMetricLocal"
+    v-model:local-period-type="localPeriodType"
+    v-model:local-custom-time="localCustomTime"
+    v-model:selected-chart-type-local="selectedChartTypeLocal"
+    v-model:timespan-type="timespanType"
+    v-model:unit-count="unitCount"
+    :type="props.type"
     :language="props.language"
-    :selected-chart-type="localSelectedChartType"
-    :selected-timespan-type="localSelectedTimespanType"
-    :units-count="localUnitsCount"
-    :timespan-period-type="localTimespanPeriodType"
-    :custom-time="localCustomTime"
+    :options-names="optionsNames"
+    :local-selected-chart-option-name="localSelectedChartOptionName"
     :custom-date-from="props.customDateFrom"
     :custom-date-to="props.customDateTo"
     :custom-time-from="props.customTimeFrom"
     :custom-time-to="props.customTimeTo"
+    :total-cores="props.totalCores"
+    :hostId="props.hostId"
+    :objects-loading="props.objectsLoading"
+    :objects-data="props.objectsData"
     :valid-date-end="props.validDateEnd"
-    @hide="onHide"
-    @submit="onSubmit"
+    :is-disabled-submit="isDisabledSubmit"
+    :is-show-alerts="isShowAlerts"
+    :alerts="alerts"
+    :metrics-items="metricsItems"
+    :local-selected-counters-keys="localSelectedCountersKeys"
+    :local-selected-chart-type="localSelectedChartType"
+    :local-selected-timespan-type="localSelectedTimespanType"
+    :local-units-count="localUnitsCount"
+    :selected-metrics-keys="selectedMetricsKeys"
+    :project="props.project"
+    :power-data="props.powerData"
+    :temperature-data="props.temperatureData"
+    :current-selected-objects="localSelectedObjects"
+    @hide-main-modal="onHideMainModal"
+    @submit-main-modal="onSubmitMainModal"
     @remove-alerts="onRemoveAlerts"
     @save-options="onSaveOptions"
-    @check-validation="checkValidations"
+    @check-validations="onCheckValidations"
     @select-local-option-name="onSelectLocalOptionName"
     @delete-chart-name="onDeleteChartName"
-    @select-temperature-row="onSelectTemperatureRow"
-    @select-power-row="onSelectPowerRow"
-    @change-chart-type="selectedChartTypeLocal = $event"
-    @change-custom-time="localCustomTime = $event"
-    @change-timespan-type="timespanType = $event"
-    @change-unit-count="unitCount = $event"
-    @change-period-type="localTimespanPeriodType = $event"
-    @change-custom-date-from="onUpdateCustomDateFrom"
-    @change-custom-date-to="onUpdateCustomDateTo"
-    @change-custom-time-from="onUpdateCustomTimeFrom"
-    @change-custom-time-to="onUpdateCustomTimeTo"
+    @update-custom-date-from="onUpdateCustomDateFrom"
+    @update-custom-date-to="onUpdateCustomDateTo"
+    @update-custom-time-from="onUpdateCustomTimeFrom"
+    @update-custom-time-to="onUpdateCustomTimeTo"
+    @local-selected-objects="localSelectedObjects = $event"
   />
 </template>
 
 <script setup lang="ts">
 import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_T_Project } from '~/lib/models/types'
+import type { UI_T_AdvancedType } from '~/components/common/monitor/advanced/lib/models/types'
 import type { UI_I_VerticalTabs } from '~/components/atoms/tabs/lib/models/interfaces'
-import type { UI_T_Chart } from '~/components/common/pages/hardwareHealth/historyTestimony/tools/chartOptionsModal/lib/models/types'
-import type { UI_I_OptionsForm } from '~/components/common/pages/hardwareHealth/historyTestimony/tools/chartOptionsModal/lib/models/interfaces'
-import type { UI_I_HardwareHealthSensorsGraph } from '~/components/common/pages/hardwareHealth/historyTestimony/lib/models/interfaces'
-import { metricsFunc } from '~/components/common/pages/hardwareHealth/historyTestimony/tools/chartOptionsModal/lib/config/optionsMetrics'
-import { checkDateFunc } from '~/components/common/monitor/overview/filters/customIntervalModal/lib/config/dateChecker'
-import { getValidDateByOptionFunc } from '~/components/common/monitor/lib/config/getValidDateByOption'
+import type { UI_I_AdvancedCounterItem } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/lib/models/interfaces'
+import type {
+  UI_T_ChartHost,
+  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,
   removeSelectedOptionsFromStorageFunc,
   getSelectedOptionsValueFromStorageFunc,
-} from '~/components/common/pages/hardwareHealth/historyTestimony/tools/lib/config/toolbar'
-
-const props = defineProps<{
-  selectedChartOptionName: string
-  selectedMetric: UI_T_Chart
-  selectedChartType: string
-  selectedPowerCountersKeys: number[]
-  powerSelectedRowsLocal: UI_I_HardwareHealthSensorsGraph[]
-  selectedTemperatureCountersKeys: number[]
-  temperatureSelectedRowsLocal: UI_I_HardwareHealthSensorsGraph[]
-  unitsCount: number
-  powerCountersTableData: UI_I_HardwareHealthSensorsGraph[]
-  temperatureCountersTableData: UI_I_HardwareHealthSensorsGraph[]
-  language: string
-  selectedTimespanType: string
-  customDateFrom: string
-  customDateTo: string
-  customTimeFrom: string
-  customTimeTo: string
-  timespanPeriodType: string
-  validDateEnd: number
-  formatDate: string
-  selectedHostName: string
-  project: UI_T_Project
-}>()
+} from '~/components/common/monitor/advanced/tools/lib/config/advancedToolbar'
+import { checkDateFunc } from '~/components/common/monitor/overview/filters/customIntervalModal/lib/config/dateChecker'
+import { getValidDateByOptionFunc } from '~/components/common/monitor/lib/config/getValidDateByOption'
+import { checkIsDisabledSubmit } from '~/components/common/monitor/advanced/tools/chartOptionsModal/lib/utils/checkSubmit'
+
+const props = withDefaults(
+  defineProps<{
+    type: UI_T_AdvancedType
+    language: string
+    selectedCountersKeys: number[]
+    selectedMetric: UI_T_ChartHost | UI_T_ChartVm
+    selectedChartType: string
+    selectedTimespanType: string
+    unitsCount: number
+    periodType: string
+    selectedCustomTime: string
+    selectedChartOptionName: string
+    customDateFrom: string
+    customDateTo: string
+    customTimeFrom: string
+    customTimeTo: string
+    totalCores: number
+    hostId: string
+    project: UI_T_Project
+    objectsLoading: boolean
+    objectsData: UI_I_ObjectItem[]
+    validDateEnd: number
+    formatDate: string
+    powerData: UI_I_AdvancedCounterItem[]
+    temperatureData: UI_I_AdvancedCounterItem[]
+    selectedNodeName?: string
+  }>(),
+  {
+    selectedNodeName: undefined,
+  }
+)
 
 const emits = defineEmits<{
   (event: 'hide'): void
+  (event: 'select-row', value: UI_I_AdvancedCounterItem[]): void
   (event: 'select-metric-local', value: string): void
-  (
-    event: 'power-selected-rows-local',
-    value: UI_I_HardwareHealthSensorsGraph[]
-  ): void
-  (
-    event: 'temperature-selected-rows-local',
-    value: UI_I_HardwareHealthSensorsGraph[]
-  ): void
+  (event: 'update-chart-type', value: string): void
+  (event: 'update-timespan-type', value: string): void
+  (event: 'update-unit-count', value: number): void
   (event: 'update-period-type', value: string): void
+  (event: 'update-custom-time', value: string): void
   (event: 'delete-option'): void
   (event: 'save-option-name'): void
   (event: 'submit-options', value: UI_I_OptionsForm): void
+  (event: 'select-objects', value: string): void
 }>()
 
 const { $store }: any = useNuxtApp()
@@ -169,26 +199,19 @@ const onUpdateCustomTimeTo = (value: string): void => {
 }
 
 const metricsItems = computed<UI_I_VerticalTabs[]>(() =>
-  metricsFunc(localization.value)
-)
-const selectedMetric = ref<UI_T_Chart>(
-  props.selectedMetric || '' + metricsItems.value[0]?.value
+  metricsFunc(localization.value, props.type, props.project)
 )
-
-const localSelectedPowerCountersKeys = ref<number[]>([])
-watch(
-  () => props.selectedPowerCountersKeys,
-  (newValue) => {
-    localSelectedPowerCountersKeys.value = newValue
-  },
-  { immediate: true, deep: true }
+const selectedMetricLocal = ref<UI_T_ChartHost | UI_T_ChartVm>(
+  (props.selectedMetric || '' + metricsItems.value[0]?.value) as
+    | UI_T_ChartHost
+    | UI_T_ChartVm
 )
 
-const localSelectedTemperatureCountersKeys = ref<number[]>([])
+const localSelectedCountersKeys = ref<number[]>([])
 watch(
-  () => props.selectedTemperatureCountersKeys,
+  () => props.selectedCountersKeys,
   (newValue) => {
-    localSelectedTemperatureCountersKeys.value = newValue
+    localSelectedCountersKeys.value = newValue
   },
   { immediate: true, deep: true }
 )
@@ -220,16 +243,23 @@ watch(
   { immediate: true }
 )
 
-const localTimespanPeriodType = ref<string>('')
+const localPeriodType = ref<string>('')
 watch(
-  () => props.timespanPeriodType,
+  () => props.periodType,
   (newValue) => {
-    localTimespanPeriodType.value = newValue
+    localPeriodType.value = newValue
   },
   { immediate: true }
 )
 
 const localCustomTime = ref<string>('')
+watch(
+  () => props.selectedCustomTime,
+  (newValue) => {
+    localCustomTime.value = newValue
+  },
+  { immediate: true }
+)
 
 const isShowAlerts = ref<boolean>(false)
 const alerts = ref<string[]>([])
@@ -239,37 +269,44 @@ const onRemoveAlerts = (): void => {
   alerts.value = []
 }
 
-const onHide = (): void => {
+const onHideMainModal = (): void => {
   emits('hide')
 }
 
-const onSelectPowerRow = (data: UI_I_HardwareHealthSensorsGraph[]): void => {
-  emits('power-selected-rows-local', data)
-}
-const onSelectTemperatureRow = (
-  data: UI_I_HardwareHealthSensorsGraph[]
-): void => {
-  emits('temperature-selected-rows-local', data)
-}
-
-const currentSelectedRows = computed<UI_I_HardwareHealthSensorsGraph[]>(() => {
-  let result: UI_I_HardwareHealthSensorsGraph[] = []
+const selectedRows = ref<UI_I_AdvancedCounterItem[]>([])
+const selectedMetricsKeys = computed<number[]>(() =>
+  selectedRows.value.map((item) => item.id)
+)
+const selectedChartTypeLocal = ref<string>('')
 
-  switch (selectedMetric.value) {
-    case 'power':
-      result = props.powerSelectedRowsLocal
-      break
-    case 'temperature':
-      result = props.temperatureSelectedRowsLocal
-      break
+const errorLastInput = ref<string>('')
+const errorDateFrom = ref<string>('')
+const errorTimeFrom = ref<string>('')
+const errorDateTo = ref<string>('')
+const errorTimeTo = ref<string>('')
+
+const onCheckValidations = (): boolean => {
+  // TODO Проверить какой дата будет приходить про пустом значение и добавить тексты для ошибок
+  // console.log(
+  //   localCustomDateFrom.value,
+  //   localCustomDateTo.value,
+  //   localCustomTimeFrom.value,
+  //   localCustomTimeTo.value,
+  // )
+  if (
+    isNewView.value &&
+    timespanType.value === 'custom_interval' &&
+    localPeriodType.value === 'last'
+  ) {
+    if (String(unitCount.value) === '') {
+      errorLastInput.value = localization.value.common.fieldRequired
+      return false
+    } else if (!/^\d+$/.test(String(unitCount.value))) {
+      errorLastInput.value = localization.value.common.fieldRequired
+      return false
+    }
   }
 
-  return result
-})
-
-const selectedChartTypeLocal = ref<string>('')
-
-const checkValidations = (): boolean => {
   const checkDateResult = checkDateFunc(
     localization.value,
     localCustomDateFrom.value,
@@ -286,7 +323,7 @@ const checkValidations = (): boolean => {
     return false
   } else if (
     timespanType.value === 'custom_interval' &&
-    localTimespanPeriodType.value === 'period' &&
+    localPeriodType.value === 'period' &&
     checkDateResult !== '' &&
     typeof checkDateResult === 'string'
   ) {
@@ -309,35 +346,51 @@ watch(
 
 const selectedLocalOptionName = ref<string>('')
 
-const currentFieldsByArray = (
-  data: UI_I_HardwareHealthSensorsGraph[]
-): string => {
+const localSelectedObjects = ref<string>('')
+
+const currentFieldsByArray = (data: UI_I_AdvancedCounterItem[]): string => {
   const result: string[] = []
+
   data.forEach((item) => {
-    result.push(item.nameEn)
+    if (props.type === 'vm' && selectedMetricLocal.value === 'network') {
+      const currentFields = []
+      const objectArray = localSelectedObjects.value.split(', ')
+      if (objectArray.length) {
+        objectArray.forEach((item2) => {
+          currentFields.push(`${item.nameEn} ${item2}`)
+        })
+      } else currentFields.push(item.nameEn)
+
+      result.push(currentFields.join(', '))
+    } else result.push(item.nameEn)
   })
-  return result.join('>>')
+
+  return result.join(',')
 }
 
-const onSubmit = (): void => {
-  if (!checkValidations()) return
+const onSubmitMainModal = (): void => {
+  if (!onCheckValidations()) return
 
   if (['select_options', 'default'].includes(selectedLocalOptionName.value))
     selectedLocalOptionName.value = 'custom'
 
   onSaveOptions(selectedLocalOptionName.value)
 
-  const currentFields = currentFieldsByArray(currentSelectedRows.value)
+  // const currentFields =
+  //   localSelectedObjects.value || currentFieldsByArray(selectedRows.value)
+
+  const currentFields = currentFieldsByArray(selectedRows.value)
 
   const validPeriod = getValidDateByOptionFunc(
     timespanType.value,
     null,
     unitCount.value,
     localCustomTime.value
-  )
+  ).map((item) => Math.round(item / 1000))
+
   if (
     timespanType.value === 'custom_interval' &&
-    localTimespanPeriodType.value === 'period'
+    localPeriodType.value === 'period'
   ) {
     const checkDateResult = checkDateFunc(
       localization.value,
@@ -349,17 +402,18 @@ const onSubmit = (): void => {
       props.formatDate
     )
     if (Array.isArray(checkDateResult)) {
-      validPeriod[0] = checkDateResult[0]
-      validPeriod[1] = checkDateResult[1]
+      validPeriod[0] = Math.round(checkDateResult[0] / 1000)
+      validPeriod[1] = Math.round(checkDateResult[1] / 1000)
     }
   }
 
   const savedObject = {
     fields: currentFields,
     optionName: selectedLocalOptionName.value,
-    metric: selectedMetric.value,
-    periodName: timespanType.value,
-    periodType: localTimespanPeriodType.value,
+    metric: selectedMetricLocal.value,
+    counters: selectedRows.value,
+    timespanType: timespanType.value,
+    periodType: localPeriodType.value,
     unitCount: unitCount.value,
     localTimespanType: localCustomTime.value,
     dateFrom: localCustomDateFrom.value,
@@ -367,12 +421,12 @@ const onSubmit = (): void => {
     dateTo: localCustomDateTo.value,
     timeTo: localCustomTimeTo.value,
     chartType: selectedChartTypeLocal.value,
-    period: validPeriod,
+    objects: localSelectedObjects.value,
+    periodValue: validPeriod,
   }
 
-  emits('update-period-type', savedObject.periodType)
   emits('submit-options', savedObject)
-  onHide()
+  onHideMainModal()
 }
 
 const timespanType = ref<string>('')
@@ -381,7 +435,7 @@ const unitCount = ref<number>(1)
 const optionsNames = ref<string[]>([])
 
 const onSaveOptions = (name: string): void => {
-  const counters = currentSelectedRows.value.map((item) => {
+  const counters = selectedRows.value.map((item) => {
     return {
       id: item.id,
       name: item.nameEn,
@@ -395,34 +449,42 @@ const onSaveOptions = (name: string): void => {
     routeType,
     chartType,
     counters,
-    metric: selectedMetric.value,
+    metric: selectedMetricLocal.value,
+    objects: localSelectedObjects.value,
     validShowName: name,
     nodeId: routeId,
     timespan: {
-      periodType: localTimespanPeriodType.value,
+      periodType: localPeriodType.value,
       units: localCustomTime.value,
       unitsCount: unitCount.value,
       type: timespanType.value,
     },
   }
-  useLocalStorage(`ChartOptionsSensors${name}`, saveOptionsData)
+  const prefix = props.project === 'sphere'
+  useLocalStorage(`ChartOptionsAdvanced${name}`, saveOptionsData, prefix)
   optionsNames.value = getCurrentOptionsStorageFunc(props.project)
-  localSelectedChartOptionName.value = name
+  // localSelectedChartOptionName.value = name
   emits('save-option-name')
 }
 
 const setSelectOptions = (): void => {
-  selectedMetric.value = props.selectedMetric || metricsItems.value[0]?.value
+  selectedMetricLocal.value =
+    props.selectedMetric || metricsItems.value[0]?.value
+  localSelectedCountersKeys.value = props.selectedCountersKeys
+  localSelectedChartType.value = props.selectedChartType
+  localSelectedTimespanType.value = props.selectedTimespanType
+  localUnitsCount.value = props.unitsCount
+  localPeriodType.value = props.periodType
+  localCustomTime.value = props.selectedCustomTime
 }
 
 const setDefaultOptions = (): void => {
-  selectedMetric.value = metricsItems.value[0]?.value as UI_T_Chart
-  localSelectedPowerCountersKeys.value = []
-  localSelectedTemperatureCountersKeys.value = []
+  selectedMetricLocal.value = metricsItems.value[0]?.value
+  localSelectedCountersKeys.value = []
   localSelectedChartType.value = 'spline'
   localSelectedTimespanType.value = ''
   localUnitsCount.value = 0
-  localTimespanPeriodType.value = ''
+  localPeriodType.value = ''
   localCustomTime.value = ''
 }
 
@@ -439,28 +501,29 @@ const setCustomOptions = (name: string): void => {
   else if (selectedValue.chartType === 'stacked_graph')
     currentChartType = 'area'
 
-  selectedMetric.value = selectedValue.metric
-  if (selectedMetric.value === 'power')
-    localSelectedPowerCountersKeys.value = selectedValue.counters.map(
-      (item) => item.id
-    )
-  if (selectedMetric.value === 'temperature')
-    localSelectedTemperatureCountersKeys.value = selectedValue.counters.map(
-      (item) => item.id
-    )
+  selectedMetricLocal.value = selectedValue.metric
+  localSelectedCountersKeys.value = selectedValue.counters.map(
+    (item) => item.id
+  )
   localSelectedChartType.value = currentChartType
   localSelectedTimespanType.value = selectedValue.timespan.type
   localUnitsCount.value = selectedValue.timespan.unitsCount
-  localTimespanPeriodType.value = selectedValue.timespan.periodType
+  localPeriodType.value = selectedValue.timespan.periodType
   localCustomTime.value = selectedValue.timespan.units
+  localSelectedObjects.value = selectedValue.objects
 }
 
 const onSelectLocalOptionName = (name: string): void => {
   selectedLocalOptionName.value = name
 
   if (optionsNames.value.includes(name)) setCustomOptions(name)
-  else if (name === 'default') setDefaultOptions()
-  else if (name === 'select_options') setSelectOptions()
+  else if (name === 'default') {
+    localSelectedObjects.value = ''
+    setDefaultOptions()
+  } else if (name === 'select_options') {
+    localSelectedObjects.value = ''
+    setSelectOptions()
+  }
 }
 
 watch(
@@ -480,12 +543,18 @@ const onDeleteChartName = (name: string): void => {
   emits('delete-option')
 }
 
-const isDisabledSubmit = computed<boolean>(
-  () => !currentSelectedRows.value.length
+const isDisabledSubmit = computed<boolean>(() =>
+  checkIsDisabledSubmit(
+    props.type,
+    selectedMetricLocal.value,
+    selectedRows.value,
+    localSelectedObjects.value,
+    props.project
+  )
 )
 
 watch(
-  selectedMetric,
+  selectedMetricLocal,
   (newValue) => {
     emits('select-metric-local', newValue)
   },

package/components/common/pages/hardwareHealth/historyTestimony/tools/chartOptionsModal/actions/ActionsNew.vue

@@ -135,7 +135,7 @@ const onSaveNewName = (): void => {
     &:disabled {
       color: var(--chart-options-name-actions-delete-disabled-text-color);
 
-      :deep(span) {
+      :deep(.button-icon) {
         color: #bdc3c7;
         opacity: 0.44;
       }

package/components/common/pages/scheduledTasks/table/lib/models/enums.ts

@@ -2,12 +2,3 @@ export enum UI_E_SchedulerRunStatus {
   RUNNING = 'this task has been started',
   SUCCESS = 'success',
 }
-
-export enum E_SchedulerFrequencyModeLocale {
-  Once = 'once',
-  Startup = 'afterVCenterStartup',
-  Hourly = 'hourly',
-  Daily = 'daily',
-  Weekly = 'weekly',
-  Monthly = 'monthly',
-}