bfg-common 1.6.77 → 1.6.78

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

@@ -1,175 +1,145 @@
 <template>
-  <common-monitor-advanced-tools-chart-options-modal-new
+  <common-pages-hardware-health-history-testimony-tools-chart-options-modal-new
     v-if="isNewView"
-    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"
+    v-model:selected-metric="selectedMetric"
+    :selected-node-name="props.selectedHostName"
+    :current-selected-rows="currentSelectedRows"
     :options-names="optionsNames"
-    :local-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"
+    :selected-chart-type="localSelectedChartType"
+    :selected-timespan-type="localSelectedTimespanType"
+    :units-count="localUnitsCount"
+    :timespan-period-type="localTimespanPeriodType"
+    :custom-time="localCustomTime"
     :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"
-    :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"
+    @hide-main-modal="onHide"
+    @submit-main-modal="onSubmit"
     @save-options="onSaveOptions"
-    @check-validations="onCheckValidations"
+    @check-validations="checkValidations"
     @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-monitor-advanced-tools-chart-options-modal-old
+  <common-pages-hardware-health-history-testimony-tools-chart-options-modal-old
     v-else
-    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"
+    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"
-    :local-selected-chart-option-name="localSelectedChartOptionName"
+    :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"
+    :language="props.language"
+    :selected-chart-type="localSelectedChartType"
+    :selected-timespan-type="localSelectedTimespanType"
+    :units-count="localUnitsCount"
+    :timespan-period-type="localTimespanPeriodType"
+    :custom-time="localCustomTime"
     :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"
-    :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"
+    @hide="onHide"
+    @submit="onSubmit"
     @remove-alerts="onRemoveAlerts"
     @save-options="onSaveOptions"
-    @check-validations="onCheckValidations"
+    @check-validation="checkValidations"
     @select-local-option-name="onSelectLocalOptionName"
     @delete-chart-name="onDeleteChartName"
-    @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"
+    @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"
   />
 </template>
 
 <script setup lang="ts">
 import type { UI_I_Localization } from '~/lib/models/interfaces'
-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_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 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 {
   getCurrentOptionsStorageFunc,
   removeSelectedOptionsFromStorageFunc,
   getSelectedOptionsValueFromStorageFunc,
-} 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,
-  }
-)
+} 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
+}>()
 
 const emits = defineEmits<{
   (event: 'hide'): void
-  (event: 'select-row', value: UI_I_AdvancedCounterItem[]): 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
+  (
+    event: 'power-selected-rows-local',
+    value: UI_I_HardwareHealthSensorsGraph[]
+  ): void
+  (
+    event: 'temperature-selected-rows-local',
+    value: UI_I_HardwareHealthSensorsGraph[]
+  ): 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()
@@ -199,19 +169,26 @@ const onUpdateCustomTimeTo = (value: string): void => {
 }
 
 const metricsItems = computed<UI_I_VerticalTabs[]>(() =>
-  metricsFunc(localization.value, props.type, props.project)
+  metricsFunc(localization.value)
+)
+const selectedMetric = ref<UI_T_Chart>(
+  props.selectedMetric || '' + metricsItems.value[0]?.value
 )
-const selectedMetricLocal = ref<UI_T_ChartHost | UI_T_ChartVm>(
-  (props.selectedMetric || '' + metricsItems.value[0]?.value) as
-    | UI_T_ChartHost
-    | UI_T_ChartVm
+
+const localSelectedPowerCountersKeys = ref<number[]>([])
+watch(
+  () => props.selectedPowerCountersKeys,
+  (newValue) => {
+    localSelectedPowerCountersKeys.value = newValue
+  },
+  { immediate: true, deep: true }
 )
 
-const localSelectedCountersKeys = ref<number[]>([])
+const localSelectedTemperatureCountersKeys = ref<number[]>([])
 watch(
-  () => props.selectedCountersKeys,
+  () => props.selectedTemperatureCountersKeys,
   (newValue) => {
-    localSelectedCountersKeys.value = newValue
+    localSelectedTemperatureCountersKeys.value = newValue
   },
   { immediate: true, deep: true }
 )
@@ -243,23 +220,16 @@ watch(
   { immediate: true }
 )
 
-const localPeriodType = ref<string>('')
+const localTimespanPeriodType = ref<string>('')
 watch(
-  () => props.periodType,
+  () => props.timespanPeriodType,
   (newValue) => {
-    localPeriodType.value = newValue
+    localTimespanPeriodType.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[]>([])
@@ -269,44 +239,37 @@ const onRemoveAlerts = (): void => {
   alerts.value = []
 }
 
-const onHideMainModal = (): void => {
+const onHide = (): void => {
   emits('hide')
 }
 
-const selectedRows = ref<UI_I_AdvancedCounterItem[]>([])
-const selectedMetricsKeys = computed<number[]>(() =>
-  selectedRows.value.map((item) => item.id)
-)
-const selectedChartTypeLocal = ref<string>('')
+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 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
-    }
+const currentSelectedRows = computed<UI_I_HardwareHealthSensorsGraph[]>(() => {
+  let result: UI_I_HardwareHealthSensorsGraph[] = []
+
+  switch (selectedMetric.value) {
+    case 'power':
+      result = props.powerSelectedRowsLocal
+      break
+    case 'temperature':
+      result = props.temperatureSelectedRowsLocal
+      break
   }
 
+  return result
+})
+
+const selectedChartTypeLocal = ref<string>('')
+
+const checkValidations = (): boolean => {
   const checkDateResult = checkDateFunc(
     localization.value,
     localCustomDateFrom.value,
@@ -323,7 +286,7 @@ const onCheckValidations = (): boolean => {
     return false
   } else if (
     timespanType.value === 'custom_interval' &&
-    localPeriodType.value === 'period' &&
+    localTimespanPeriodType.value === 'period' &&
     checkDateResult !== '' &&
     typeof checkDateResult === 'string'
   ) {
@@ -346,51 +309,35 @@ watch(
 
 const selectedLocalOptionName = ref<string>('')
 
-const localSelectedObjects = ref<string>('')
-
-const currentFieldsByArray = (data: UI_I_AdvancedCounterItem[]): string => {
+const currentFieldsByArray = (
+  data: UI_I_HardwareHealthSensorsGraph[]
+): string => {
   const result: string[] = []
-
   data.forEach((item) => {
-    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)
+    result.push(item.nameEn)
   })
-
-  return result.join(',')
+  return result.join('>>')
 }
 
-const onSubmitMainModal = (): void => {
-  if (!onCheckValidations()) return
+const onSubmit = (): void => {
+  if (!checkValidations()) return
 
   if (['select_options', 'default'].includes(selectedLocalOptionName.value))
     selectedLocalOptionName.value = 'custom'
 
   onSaveOptions(selectedLocalOptionName.value)
 
-  // const currentFields =
-  //   localSelectedObjects.value || currentFieldsByArray(selectedRows.value)
-
-  const currentFields = currentFieldsByArray(selectedRows.value)
+  const currentFields = currentFieldsByArray(currentSelectedRows.value)
 
   const validPeriod = getValidDateByOptionFunc(
     timespanType.value,
     null,
     unitCount.value,
     localCustomTime.value
-  ).map((item) => Math.round(item / 1000))
-
+  )
   if (
     timespanType.value === 'custom_interval' &&
-    localPeriodType.value === 'period'
+    localTimespanPeriodType.value === 'period'
   ) {
     const checkDateResult = checkDateFunc(
       localization.value,
@@ -402,18 +349,17 @@ const onSubmitMainModal = (): void => {
       props.formatDate
     )
     if (Array.isArray(checkDateResult)) {
-      validPeriod[0] = Math.round(checkDateResult[0] / 1000)
-      validPeriod[1] = Math.round(checkDateResult[1] / 1000)
+      validPeriod[0] = checkDateResult[0]
+      validPeriod[1] = checkDateResult[1]
     }
   }
 
   const savedObject = {
     fields: currentFields,
     optionName: selectedLocalOptionName.value,
-    metric: selectedMetricLocal.value,
-    counters: selectedRows.value,
-    timespanType: timespanType.value,
-    periodType: localPeriodType.value,
+    metric: selectedMetric.value,
+    periodName: timespanType.value,
+    periodType: localTimespanPeriodType.value,
     unitCount: unitCount.value,
     localTimespanType: localCustomTime.value,
     dateFrom: localCustomDateFrom.value,
@@ -421,12 +367,12 @@ const onSubmitMainModal = (): void => {
     dateTo: localCustomDateTo.value,
     timeTo: localCustomTimeTo.value,
     chartType: selectedChartTypeLocal.value,
-    objects: localSelectedObjects.value,
-    periodValue: validPeriod,
+    period: validPeriod,
   }
 
+  emits('update-period-type', savedObject.periodType)
   emits('submit-options', savedObject)
-  onHideMainModal()
+  onHide()
 }
 
 const timespanType = ref<string>('')
@@ -435,7 +381,7 @@ const unitCount = ref<number>(1)
 const optionsNames = ref<string[]>([])
 
 const onSaveOptions = (name: string): void => {
-  const counters = selectedRows.value.map((item) => {
+  const counters = currentSelectedRows.value.map((item) => {
     return {
       id: item.id,
       name: item.nameEn,
@@ -449,42 +395,34 @@ const onSaveOptions = (name: string): void => {
     routeType,
     chartType,
     counters,
-    metric: selectedMetricLocal.value,
-    objects: localSelectedObjects.value,
+    metric: selectedMetric.value,
     validShowName: name,
     nodeId: routeId,
     timespan: {
-      periodType: localPeriodType.value,
+      periodType: localTimespanPeriodType.value,
       units: localCustomTime.value,
       unitsCount: unitCount.value,
       type: timespanType.value,
     },
   }
-  const prefix = props.project === 'sphere'
-  useLocalStorage(`ChartOptionsAdvanced${name}`, saveOptionsData, prefix)
+  useLocalStorage(`ChartOptionsSensors${name}`, saveOptionsData)
   optionsNames.value = getCurrentOptionsStorageFunc(props.project)
-  // localSelectedChartOptionName.value = name
+  localSelectedChartOptionName.value = name
   emits('save-option-name')
 }
 
 const setSelectOptions = (): void => {
-  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
+  selectedMetric.value = props.selectedMetric || metricsItems.value[0]?.value
 }
 
 const setDefaultOptions = (): void => {
-  selectedMetricLocal.value = metricsItems.value[0]?.value
-  localSelectedCountersKeys.value = []
+  selectedMetric.value = metricsItems.value[0]?.value as UI_T_Chart
+  localSelectedPowerCountersKeys.value = []
+  localSelectedTemperatureCountersKeys.value = []
   localSelectedChartType.value = 'spline'
   localSelectedTimespanType.value = ''
   localUnitsCount.value = 0
-  localPeriodType.value = ''
+  localTimespanPeriodType.value = ''
   localCustomTime.value = ''
 }
 
@@ -501,29 +439,28 @@ const setCustomOptions = (name: string): void => {
   else if (selectedValue.chartType === 'stacked_graph')
     currentChartType = 'area'
 
-  selectedMetricLocal.value = selectedValue.metric
-  localSelectedCountersKeys.value = selectedValue.counters.map(
-    (item) => item.id
-  )
+  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
+    )
   localSelectedChartType.value = currentChartType
   localSelectedTimespanType.value = selectedValue.timespan.type
   localUnitsCount.value = selectedValue.timespan.unitsCount
-  localPeriodType.value = selectedValue.timespan.periodType
+  localTimespanPeriodType.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') {
-    localSelectedObjects.value = ''
-    setDefaultOptions()
-  } else if (name === 'select_options') {
-    localSelectedObjects.value = ''
-    setSelectOptions()
-  }
+  else if (name === 'default') setDefaultOptions()
+  else if (name === 'select_options') setSelectOptions()
 }
 
 watch(
@@ -543,18 +480,12 @@ const onDeleteChartName = (name: string): void => {
   emits('delete-option')
 }
 
-const isDisabledSubmit = computed<boolean>(() =>
-  checkIsDisabledSubmit(
-    props.type,
-    selectedMetricLocal.value,
-    selectedRows.value,
-    localSelectedObjects.value,
-    props.project
-  )
+const isDisabledSubmit = computed<boolean>(
+  () => !currentSelectedRows.value.length
 )
 
 watch(
-  selectedMetricLocal,
+  selectedMetric,
   (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(.button-icon) {
+      :deep(span) {
         color: #bdc3c7;
         opacity: 0.44;
       }

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

@@ -2,3 +2,12 @@ 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',
+}