bfg-common 1.6.49 → 1.6.50

package/components/common/monitor/advanced/tools/lib/config/advancedToolbar.ts

@@ -159,21 +159,74 @@ export const exportFunc = (
 ]
 
 export const getCurrentOptionsStorageFunc = (
-  routeType: string,
   project: UI_T_Project
 ): string[] => {
-  // const prefix = project === 'sphere'
+  const routeId = useRoute().params.id
+  const routeType = useRoute().params.type
+  const localStoragePrefix = project === 'sphere' ? getLocalStoragePrefix() : ''
+
   const optionsNames = []
   for (const key of Object.entries(localStorage)) {
-    if (key[0].includes('ChartOptions')) {
-      const currentOptions = useLocalStorage(key[0], undefined, false)
+    if (
+      key[0].includes('ChartOptionsAdvanced') &&
+      key[0].includes(localStoragePrefix)
+    ) {
+      const values = JSON.parse(key[1])
       if (
-        key[0].includes('ChartOptions') &&
-        currentOptions.routeType === routeType
-      ) {
-        optionsNames.push(key[0].replace('ChartOptions', ''))
-      }
+        values.value.routeType === routeType &&
+        values.value.nodeId === routeId
+      )
+        optionsNames.push(values.value.validShowName)
     }
   }
   return optionsNames
 }
+
+export const removeSelectedOptionsFromStorageFunc = (
+  selectedName: string,
+  project: UI_T_Project
+): void => {
+  const routeId = useRoute().params.id
+  const localStoragePrefix = project === 'sphere' ? getLocalStoragePrefix() : ''
+
+  for (const key of Object.entries(localStorage)) {
+    if (
+      key[0].includes('ChartOptionsAdvanced') &&
+      key[0].includes(localStoragePrefix)
+    ) {
+      let values = JSON.parse(key[1])
+
+      if (
+        values.value.validShowName === selectedName &&
+        values.value.nodeId === routeId
+      )
+        window.localStorage.removeItem(key[0])
+    }
+  }
+}
+
+export const getSelectedOptionsValueFromStorageFunc = (
+  selectedName: string,
+  project: UI_T_Project
+): any => {
+  const routeId = useRoute().params.id
+  const localStoragePrefix = project === 'sphere' ? getLocalStoragePrefix() : ''
+
+  let result = null
+
+  for (const key of Object.entries(localStorage)) {
+    if (
+      key[0].includes('ChartOptionsAdvanced') &&
+      key[0].includes(localStoragePrefix)
+    ) {
+      let values = JSON.parse(key[1])
+
+      if (
+        values.value.validShowName === selectedName &&
+        values.value.nodeId === routeId
+      )
+        result = values.value
+    }
+  }
+  return result
+}

package/components/common/noDataProvided/NoDataProvidedNew.vue

@@ -43,7 +43,7 @@ const localization = computed<UI_I_Localization>(() => useLocal())
     }
 
     .ui-no-data-provided-title {
-      font-weight: 500;
+      font-weight: 400;
       font-size: 16px;
       line-height: 19px;
       letter-spacing: 0;

package/components/common/pages/backups/modals/createBackup/datastores/tableView/new/lib/config/table.ts

@@ -191,19 +191,19 @@ export const getBodyDataFunc = (
         },
         {
           col: 'col2',
-          text: $binary.round(datastore.capacity.capacity_mb, false, lang)
+          text: $binary.round(datastore.capacity.capacity_mb || 0, false, lang)
         },
         {
           col: 'col3',
-          text: $binary.round(datastore.capacity.provisioned_mb, false, lang)
+          text: $binary.round(datastore.capacity.provisioned_mb || 0, false, lang)
         },
         {
           col: 'col4',
-          text: $binary.round(datastore.capacity.free_mb, false, lang)
+          text: $binary.round(datastore.capacity.free_mb || 0, false, lang)
         },
         {
           col: 'col5',
-          text: $binary.round(datastore.capacity.used_mb, false, lang)
+          text: $binary.round(datastore.capacity.used_mb || 0, false, lang)
         },
         {
           col: 'col6',

package/components/common/pages/backups/modals/createBackup/datastores/tableView/old/lib/config/table.ts

@@ -83,7 +83,7 @@ export const bodyItems = (
       },
       {
         key: 'col2',
-        text: $binary.round(datastore.capacity[tableKeys[2]], false, lang),
+        text: $binary.round(datastore.capacity[tableKeys[2]] || 0, false, lang),
         id: datastore.id,
         testId: `backup-datastore-table-item-${datastore.id}`,
         data: {
@@ -93,7 +93,7 @@ export const bodyItems = (
       {
         key: 'col3',
         text: $binary.round(
-          datastore.capacity[tableKeys[3]],
+          datastore.capacity[tableKeys[3]] || 0,
           false,
           lang
         ),
@@ -105,7 +105,7 @@ export const bodyItems = (
       },
       {
         key: 'col4',
-        text: $binary.round(datastore.capacity[tableKeys[4]], false, lang),
+        text: $binary.round(datastore.capacity[tableKeys[4]] || 0, false, lang),
         id: datastore.id,
         testId: `backup-datastore-table-item-${datastore.id}`,
         data: {
@@ -114,7 +114,7 @@ export const bodyItems = (
       },
       {
         key: 'col5',
-        text: $binary.round(datastore.capacity[tableKeys[5]], false, lang),
+        text: $binary.round(datastore.capacity[tableKeys[5]] || 0, false, lang),
         id: datastore.id,
         testId: `backup-datastore-table-item-${datastore.id}`,
         data: {

package/components/common/pages/hardwareHealth/HardwareHealth.vue

@@ -19,6 +19,7 @@
     :selected-host-name="props.selectedHostName"
     :hardware-health-tabs="tabItems"
     :generated-alert-text="generateAlertTextWithLink"
+    :project="props.project"
     @update-history-testimony-tools="
       emits('update-history-testimony-tools', $event)
     "
@@ -43,6 +44,7 @@
     :selected-host-name="props.selectedHostName"
     :hardware-health-tabs="hardwareHealthTabs"
     :generated-alert-text="generateAlertTextWithLink"
+    :project="props.project"
     @update-history-testimony-tools="
       emits('update-history-testimony-tools', $event)
     "
@@ -58,6 +60,7 @@ import type { UI_I_HardwareHealthSensors } from '~/components/common/pages/hardw
 import type { UI_T_HardwareHealthTabMode } from '~/components/common/pages/hardwareHealth/lib/models/types'
 import type { UI_I_CollapseNavItem } from '~/components/atoms/collapse/lib/models/interfaces'
 import type { UI_I_StorageSensorsAlert } from '~/components/common/pages/hardwareHealth/lib/models/interfaces'
+import type { UI_T_Project } from '~/lib/models/types'
 import {
   hardwareHealthTabsFunc,
   hardwareHealthTabsNewFunc,
@@ -77,6 +80,7 @@ const props = defineProps<{
   validDateEnd: number
   formatDate: string
   selectedHostName: string
+  project: UI_T_Project
 }>()
 
 const emits = defineEmits<{

package/components/common/pages/hardwareHealth/HardwareHealthNew.vue

@@ -78,10 +78,16 @@
         :main-selected-row="mainSelectedRow"
         :counters-table-data="props.data"
         :selected-host-name="props.selectedHostName"
+        :project="props.project"
         @update-tools="emits('update-history-testimony-tools', $event)"
       />
 
-      <div :class="['table-content pt-4 h-full overflow-hidden px-[6px]', activeTab ]">
+      <div
+        :class="[
+          'table-content pt-4 h-full overflow-hidden px-[6px]',
+          activeTab,
+        ]"
+      >
         <common-pages-hardware-health-table-view-new
           :table-data="tableData || []"
           :total-items="tableData?.length || 0"
@@ -104,6 +110,7 @@ import type { UI_I_HardwareHealthSensors } from '~/components/common/pages/hardw
 import type { UI_I_StorageSensorsAlert } from '~/components/common/pages/hardwareHealth/lib/models/interfaces'
 import type { UI_I_HardwareHealthHistoryTestimonyTools } from '~/components/common/pages/hardwareHealth/historyTestimony/lib/models/interfaces'
 import type { UI_I_IndicatorAlerts } from '~/components/common/pages/hardwareHealth/indicators/lib/models/interfaces'
+import type { UI_T_Project } from '~/lib/models/types'
 
 const activeTab = defineModel<UI_T_HardwareHealthTabMode>('activeTab', {
   required: true,
@@ -131,6 +138,7 @@ const props = defineProps<{
   selectedHostName: string
   hardwareHealthTabs: UI_I_TabItem[]
   generatedAlertText: UI_I_StorageSensorsAlert
+  project: UI_T_Project
 }>()
 const emits = defineEmits<{
   (
@@ -234,8 +242,9 @@ const statusCounts = computed<UI_I_IndicatorAlerts>(() => {
 }
 
 .table-content {
-  &.alert-warning, &.history-testimony {
-    :deep(.data-table-header th) {
+  &.alert-warning,
+  &.history-testimony {
+    :deep(.data-table-header th:not(:last-child)) {
       min-width: max-content !important;
     }
   }

package/components/common/pages/hardwareHealth/HardwareHealthOld.vue

@@ -54,6 +54,7 @@
         :valid-date-end="props.validDateEnd"
         :format-date="props.formatDate"
         :selected-host-name="props.selectedHostName"
+        :project="props.project"
         @update-tools="emits('update-history-testimony-tools', $event)"
       />
 
@@ -79,6 +80,7 @@ import type { UI_I_CollapseNavItem } from '~/components/atoms/collapse/lib/model
 import type { UI_I_StorageSensorsAlert } from '~/components/common/pages/hardwareHealth/lib/models/interfaces'
 import type { UI_T_HardwareHealthTabMode } from '~/components/common/pages/hardwareHealth/lib/models/types'
 import type { UI_I_HardwareHealthHistoryTestimonyTools } from '~/components/common/pages/hardwareHealth/historyTestimony/lib/models/interfaces'
+import type { UI_T_Project } from '~/lib/models/types'
 
 const activeTab = defineModel<UI_T_HardwareHealthTabMode>('activeTab', {
   required: true,
@@ -106,6 +108,7 @@ const props = defineProps<{
   selectedHostName: string
   hardwareHealthTabs: UI_I_CollapseNavItem[]
   generatedAlertText: UI_I_StorageSensorsAlert
+  project: UI_T_Project
 }>()
 
 const emits = defineEmits<{

package/components/common/pages/hardwareHealth/historyTestimony/Graph.vue

@@ -40,6 +40,7 @@
     :timespan-period-type="timespanPeriodType"
     :selected-row-power="selectedRowPower"
     :selected-row-temperature="selectedRowTemperature"
+    :project="props.project"
     @show-chart-modal="isShowChartModal = true"
     @hide-chart-modal="isShowChartModal = false"
     @update-tools="onUpdateTools"
@@ -47,7 +48,6 @@
     @power-selected-rows-local="powerSelectedRowsLocal = $event"
     @temperature-selected-rows-local="temperatureSelectedRowsLocal = $event"
     @update-period-type="timespanPeriodType = $event"
-    @delete-option="onDeleteOption"
     @submit-options="onSubmitOptions"
   />
   <common-pages-hardware-health-history-testimony-graph-old
@@ -91,6 +91,7 @@
     :timespan-period-type="timespanPeriodType"
     :selected-row-power="selectedRowPower"
     :selected-row-temperature="selectedRowTemperature"
+    :project="props.project"
     @show-chart-modal="isShowChartModal = true"
     @hide-chart-modal="isShowChartModal = false"
     @update-tools="onUpdateTools"
@@ -98,7 +99,6 @@
     @power-selected-rows-local="powerSelectedRowsLocal = $event"
     @temperature-selected-rows-local="temperatureSelectedRowsLocal = $event"
     @update-period-type="timespanPeriodType = $event"
-    @delete-option="onDeleteOption"
     @submit-options="onSubmitOptions"
   />
 </template>
@@ -117,6 +117,7 @@ import type {
 import type { UI_T_Chart } from '~/components/common/pages/hardwareHealth/historyTestimony/tools/chartOptionsModal/lib/models/types'
 import type { UI_I_SensorsGraphPayload } from '~/components/common/pages/hardwareHealth/historyTestimony/tools/lib/models/interfaces'
 import type { UI_I_OptionsForm } from '~/components/common/pages/hardwareHealth/historyTestimony/tools/chartOptionsModal/lib/models/interfaces'
+import type { UI_T_Project } from '~/lib/models/types'
 
 const selectedView = defineModel<string>('selectedView')
 
@@ -133,6 +134,7 @@ const props = defineProps<{
   mainSelectedRow: number[]
   validDateEnd: number
   formatDate: string
+  project: UI_T_Project
   selectedHostName?: string
 }>()
 const emits = defineEmits<{
@@ -403,7 +405,5 @@ const onSubmitOptions = (data: UI_I_OptionsForm): void => {
       data
     )
 }
-
-const onDeleteOption = (): void => {}
 </script>
 <style scoped lang="scss"></style>

package/components/common/pages/hardwareHealth/historyTestimony/GraphNew.vue

@@ -25,6 +25,7 @@
     :valid-date-end="props.validDateEnd"
     :format-date="props.formatDate"
     :selected-host-name="props.selectedHostName"
+    :project="props.project"
     @show-chart-modal="emits('show-chart-modal')"
     @hide-chart-modal="emits('hide-chart-modal')"
     @update-tools="emits('update-tools', $event)"
@@ -34,7 +35,6 @@
       emits('temperature-selected-rows-local', $event)
     "
     @update-period-type="emits('update-period-type', $event)"
-    @delete-option="emits('delete-option')"
     @submit-options="emits('submit-options', $event)"
   />
 
@@ -88,6 +88,7 @@ import type { UI_I_HardwareHealthSensors } from '~/components/common/pages/hardw
 import type { UI_I_HardwareHealthSensorsGraph } from '~/components/common/pages/hardwareHealth/historyTestimony/lib/models/interfaces'
 import type { UI_I_SensorsGraphPayload } from '~/components/common/pages/hardwareHealth/historyTestimony/tools/lib/models/interfaces'
 import type { UI_I_OptionsForm } from '~/components/common/pages/hardwareHealth/historyTestimony/tools/chartOptionsModal/lib/models/interfaces'
+import type { UI_T_Project } from '~/lib/models/types'
 
 const selectedView = defineModel<string>('selectedView', { required: true })
 
@@ -130,6 +131,7 @@ const props = defineProps<{
   timespanPeriodType: string
   selectedRowPower: number[]
   selectedRowTemperature: number[]
+  project: UI_T_Project
 }>()
 const emits = defineEmits<{
   (event: 'show-chart-modal'): void
@@ -145,7 +147,6 @@ const emits = defineEmits<{
     value: UI_I_HardwareHealthSensorsGraph[]
   ): void
   (event: 'update-period-type', value: string): void
-  (event: 'delete-option'): void
   (event: 'submit-options', value: UI_I_OptionsForm): void
 }>()
 </script>
@@ -154,7 +155,7 @@ const emits = defineEmits<{
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
-  grid-column-gap: 12px;
+  grid-gap: 12px;
 
   &.power {
     & > div:nth-child(1) {

package/components/common/pages/hardwareHealth/historyTestimony/GraphOld.vue

@@ -25,6 +25,7 @@
     :valid-date-end="props.validDateEnd"
     :format-date="props.formatDate"
     :selected-host-name="props.selectedHostName"
+    :project="props.project"
     @show-chart-modal="emits('show-chart-modal')"
     @hide-chart-modal="emits('hide-chart-modal')"
     @update-tools="emits('update-tools', $event)"
@@ -34,7 +35,6 @@
       emits('temperature-selected-rows-local', $event)
     "
     @update-period-type="emits('update-period-type', $event)"
-    @delete-option="emits('delete-option')"
     @submit-options="emits('submit-options', $event)"
   />
   <div
@@ -88,6 +88,7 @@ import type { UI_I_HardwareHealthSensors } from '~/components/common/pages/hardw
 import type { UI_I_HardwareHealthSensorsGraph } from '~/components/common/pages/hardwareHealth/historyTestimony/lib/models/interfaces'
 import type { UI_I_SensorsGraphPayload } from '~/components/common/pages/hardwareHealth/historyTestimony/tools/lib/models/interfaces'
 import { containerMediumSize } from '~/components/common/pages/hardwareHealth/historyTestimony/lib/config/containerSizes'
+import type { UI_T_Project } from '~/lib/models/types'
 
 const selectedView = defineModel<string>('selectedView', { required: true })
 
@@ -130,6 +131,7 @@ const props = defineProps<{
   timespanPeriodType: string
   selectedRowPower: number[]
   selectedRowTemperature: number[]
+  project: UI_T_Project
 }>()
 const emits = defineEmits<{
   (event: 'show-chart-modal'): void
@@ -145,7 +147,6 @@ const emits = defineEmits<{
     value: UI_I_HardwareHealthSensorsGraph[]
   ): void
   (event: 'update-period-type', value: string): void
-  (event: 'delete-option'): void
   (event: 'submit-options', value: UI_I_OptionsForm): void
 }>()
 

package/components/common/pages/hardwareHealth/historyTestimony/tools/Tools.vue

@@ -27,6 +27,8 @@
     :period-options="periodOptions"
     :selected-timespan-type="props.selectedTimespanType"
     :selected-host-name="props.selectedHostName"
+    :options-names="optionsNames"
+    :project="props.project"
     @show-chart-modal="emits('show-chart-modal')"
     @hide-chart-modal="emits('hide-chart-modal')"
     @update-tools="onUpdateTools"
@@ -36,8 +38,9 @@
       emits('temperature-selected-rows-local', $event)
     "
     @update-period-type="emits('update-period-type', $event)"
-    @delete-option="emits('delete-option')"
     @submit-options="emits('submit-options', $event)"
+    @save-option-name="onSaveOptionName"
+    @delete-option="onDeleteOption"
   />
   <common-pages-hardware-health-history-testimony-tools-old
     v-else
@@ -67,6 +70,8 @@
     :period-options="periodOptions"
     :selected-timespan-type="props.selectedTimespanType"
     :selected-host-name="props.selectedHostName"
+    :options-names="optionsNames"
+    :project="props.project"
     @show-chart-modal="emits('show-chart-modal')"
     @hide-chart-modal="emits('hide-chart-modal')"
     @update-tools="onUpdateTools"
@@ -76,20 +81,23 @@
       emits('temperature-selected-rows-local', $event)
     "
     @update-period-type="emits('update-period-type', $event)"
-    @delete-option="emits('delete-option')"
     @submit-options="emits('submit-options', $event)"
+    @save-option-name="onSaveOptionName"
+    @delete-option="onDeleteOption"
   />
 </template>
 <script setup lang="ts">
 import type { UI_I_Localization } from '~/lib/models/interfaces'
-import { periodFunc } from '~/components/common/pages/hardwareHealth/historyTestimony/tools/lib/config/toolbar'
-import { getValidDateByOptionFunc } from '~/components/common/monitor/lib/config/getValidDateByOption'
-import { checkDateFunc } from '~/components/common/monitor/overview/filters/customIntervalModal/lib/config/dateChecker'
 import type { UI_T_Chart } from '~/components/common/pages/hardwareHealth/historyTestimony/tools/chartOptionsModal/lib/models/types'
 import type { UI_I_HardwareHealthSensorsGraph } from '~/components/common/pages/hardwareHealth/historyTestimony/lib/models/interfaces'
 import type { UI_I_SensorsGraphPayload } from '~/components/common/pages/hardwareHealth/historyTestimony/tools/lib/models/interfaces'
 import type { UI_I_OptionsForm } from '~/components/common/pages/hardwareHealth/historyTestimony/tools/chartOptionsModal/lib/models/interfaces'
 import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+import type { UI_T_Project } from '~/lib/models/types'
+import { periodFunc } from '~/components/common/pages/hardwareHealth/historyTestimony/tools/lib/config/toolbar'
+import { getValidDateByOptionFunc } from '~/components/common/monitor/lib/config/getValidDateByOption'
+import { checkDateFunc } from '~/components/common/monitor/overview/filters/customIntervalModal/lib/config/dateChecker'
+import { getCurrentOptionsStorageFunc } from '~/components/common/pages/hardwareHealth/historyTestimony/tools/lib/config/toolbar'
 
 const selectedView = defineModel<string>('selectedView', { required: true })
 
@@ -118,6 +126,7 @@ const props = defineProps<{
   validDateEnd: number
   formatDate: string
   selectedHostName: string
+  project: UI_T_Project
 }>()
 const emits = defineEmits<{
   (event: 'show-chart-modal'): void
@@ -133,7 +142,6 @@ const emits = defineEmits<{
     value: UI_I_HardwareHealthSensorsGraph[]
   ): void
   (event: 'update-period-type', value: string): void
-  (event: 'delete-option'): void
   (event: 'submit-options', value: UI_I_OptionsForm): void
 }>()
 
@@ -166,8 +174,9 @@ const onUpdateTools = (): void => {
   const periodValue = selectedPeriod.value
   const viewValue = selectedView.value
   const selectedValue = useLocalStorage(
-    viewValue + 'ChartOptionsSensors',
-    undefined
+    'ChartOptionsSensors' + viewValue,
+    undefined,
+    props.project === 'sphere'
   )
 
   const fields = selectedValue
@@ -214,5 +223,20 @@ const onUpdateTools = (): void => {
 
   emits('update-tools', tools)
 }
+
+const optionsNames = ref<string[]>([])
+
+const onSaveOptionName = (): void => {
+  optionsNames.value = getCurrentOptionsStorageFunc(props.project)
+}
+
+const onDeleteOption = (): void => {
+  optionsNames.value = getCurrentOptionsStorageFunc(props.project)
+}
+
+onMounted(() => {
+  optionsNames.value = getCurrentOptionsStorageFunc(props.project)
+  onUpdateTools()
+})
 </script>
 <style scoped lang="scss"></style>

package/components/common/pages/hardwareHealth/historyTestimony/tools/ToolsNew.vue

@@ -70,6 +70,7 @@
     :valid-date-end="props.validDateEnd"
     :format-date="props.formatDate"
     :selected-host-name="props.selectedHostName"
+    :project="props.project"
     @hide="emits('hide-chart-modal')"
     @select-metric-local="emits('select-metric-local', $event)"
     @power-selected-rows-local="emits('power-selected-rows-local', $event)"
@@ -78,18 +79,18 @@
     "
     @update-period-type="emits('update-period-type', $event)"
     @delete-option="emits('delete-option')"
-    @save-option-name="onSaveOptionName"
+    @save-option-name="emits('save-option-name')"
     @submit-options="emits('submit-options', $event)"
   />
 </template>
 <script setup lang="ts">
-import { viewFunc } from '~/components/common/pages/hardwareHealth/historyTestimony/tools/lib/config/toolbar'
-import { getCurrentOptionsStorageFunc } from '~/components/common/pages/hardwareHealth/historyTestimony/tools/lib/config/toolbar'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_T_Project } from '~/lib/models/types'
 import type { UI_T_Chart } from '~/components/common/pages/hardwareHealth/historyTestimony/tools/chartOptionsModal/lib/models/types'
 import type { UI_I_HardwareHealthSensorsGraph } from '~/components/common/pages/hardwareHealth/historyTestimony/lib/models/interfaces'
 import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
 import type { UI_I_OptionsForm } from '~/components/common/pages/hardwareHealth/historyTestimony/tools/chartOptionsModal/lib/models/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
+import { viewFunc } from '~/components/common/pages/hardwareHealth/historyTestimony/tools/lib/config/toolbar'
 
 const selectedView = defineModel<string>('selectedView', { required: true })
 const selectedPeriod = defineModel<string>('selectedPeriod', { required: true })
@@ -119,6 +120,8 @@ const props = defineProps<{
   chartTitleDate: string
   periodOptions: UI_I_OptionItem[]
   selectedHostName: string
+  optionsNames: string[]
+  project: UI_T_Project
 }>()
 const emits = defineEmits<{
   (event: 'show-chart-modal'): void
@@ -134,16 +137,15 @@ const emits = defineEmits<{
     value: UI_I_HardwareHealthSensorsGraph[]
   ): void
   (event: 'update-period-type', value: string): void
-  (event: 'delete-option'): void
   (event: 'submit-options', value: UI_I_OptionsForm): void
+  (event: 'save-option-name'): void
+  (event: 'delete-option'): void
 }>()
 
 const localization = computed<UI_I_Localization>(() => useLocal())
 
-const optionsNames = ref<string[]>([])
-
 const viewOptions = computed<UI_I_OptionItem[]>(() =>
-  viewFunc(localization.value, optionsNames.value)
+  viewFunc(localization.value, props.optionsNames)
 )
 
 watch(
@@ -154,7 +156,7 @@ watch(
     if (newValue) currentValue = newValue
     else if (
       selectedView.value &&
-      optionsNames.value.includes(selectedView.value)
+      props.optionsNames.includes(selectedView.value)
     )
       currentValue = selectedView.value
     else currentValue = selectedView.value || viewOptions.value[0]?.value
@@ -163,15 +165,6 @@ watch(
   },
   { immediate: true }
 )
-
-const onSaveOptionName = (): void => {
-  optionsNames.value = getCurrentOptionsStorageFunc()
-}
-
-onMounted(() => {
-  optionsNames.value = getCurrentOptionsStorageFunc()
-  emits('update-tools')
-})
 </script>
 <style scoped lang="scss">
 .advanced-filters {