bfg-common 1.5.968 → 1.5.970

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

@@ -43,7 +43,7 @@ const props = defineProps<{
   hostId: string
   selectedMetricsKeys: number[]
   totalMetricItems: number
-  selectedObjects: string
+  currentSelectedObjects: string
   loading: boolean
   currentItems: UI_I_ObjectItem[]
 }>()
@@ -228,21 +228,21 @@ watch(
               selectedNames = 'total'
           } */
 
-    emits('select-objects', selectedNames)
+    if (!props.currentSelectedObjects) emits('select-objects', selectedNames)
   },
   { deep: true }
 )
 
 watch(
-  () => [props.selectedObjects, bodyItems.value],
-  ([selected, all]) => {
+  () => [props.currentSelectedObjects, bodyItems.value],
+  ([selectedObjects, all]) => {
     if (!all.length) return
 
     if (props.type === 'host' && props.chart === 'cpu') {
-      if (selected === '*') {
+      if (selectedObjects === '*') {
         selectedRow.value = all.map((item) => item[0].id)
       } else {
-        const selectedNames = selected.split(', ')
+        const selectedNames = selectedObjects.split(', ')
         const selectedKeys: number[] = []
         all.forEach((item) => {
           if (selectedNames.includes('total') && !selectedKeys.includes(0))
@@ -256,9 +256,10 @@ watch(
       props.type === 'host' &&
       ['disk', 'network'].includes(props.chart)
     ) {
-      if (selected) {
-        const selectedId = all.find((item) => item[0].text === selected)?.[0]
-          ?.id
+      if (selectedObjects) {
+        const selectedId = all.find(
+          (item) => item[0].text === selectedObjects
+        )?.[0]?.id
         typeof selectedId === 'number' && (selectedRow.value = selectedId)
       }
     }

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

@@ -162,11 +162,11 @@ export const getCurrentOptionsStorageFunc = (
   routeType: string,
   project: UI_T_Project
 ): string[] => {
-  const prefix = project === 'sphere'
+  // const prefix = project === 'sphere'
   const optionsNames = []
   for (const key of Object.entries(localStorage)) {
     if (key[0].includes('ChartOptions')) {
-      const currentOptions = useLocalStorage(key[0], undefined, prefix)
+      const currentOptions = useLocalStorage(key[0], undefined, false)
       if (
         key[0].includes('ChartOptions') &&
         currentOptions.routeType === routeType

package/components/common/pages/backups/modals/createBackup/configuration/backupWindow/BackupWindow.vue

@@ -1,29 +1,29 @@
-<template>
-  <atoms-stack-block
-      :has-children="false"
-      test-id="backup-window-stack-block"
-  >
-    <template #stackBlockKey>
-      <span>{{ localization.common.backupWindow }}</span>
-    </template>
-    <template #stackBlockContent>
-      <input
-        v-model="model.start_window_min"
-        data-id="hours-input"
-        type="number"
-        class="hrs"
-      />
-    </template>
-  </atoms-stack-block>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_CreateBackupForm } from '~/components/common/pages/backups/modals/lib/models/interfaces'
-
-const model = defineModel<UI_I_CreateBackupForm>({ required: true })
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style lang="scss" scoped></style>
+<template>
+  <atoms-stack-block
+      :has-children="false"
+      test-id="backup-window-stack-block"
+  >
+    <template #stackBlockKey>
+      <span>{{ localization.common.backupWindow }}</span>
+    </template>
+    <template #stackBlockContent>
+      <input
+        v-model="model.start_window_min"
+        data-id="hours-input"
+        type="number"
+        class="hrs"
+      />
+    </template>
+  </atoms-stack-block>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_CreateBackupForm } from '~/components/common/pages/backups/modals/lib/models/interfaces'
+
+const model = defineModel<UI_I_CreateBackupForm>({ required: true })
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style lang="scss" scoped></style>

package/components/common/pages/backups/modals/createBackup/configuration/maxBandwidth/MaxBandwidth.vue

@@ -1,69 +1,69 @@
-<template>
-  <atoms-stack-block
-      :has-children="false"
-      test-id="backup-max-bandwidth-stack-block"
-  >
-    <template #stackBlockKey>
-      <span>{{ localization.common.maxBandwidth }}</span>
-    </template>
-    <template #stackBlockContent>
-      <div class="flex-align-center">
-        <input
-          v-model="maxBindwidthLocal"
-          data-id="mbps-input"
-          type="number"
-          class="mbps"
-        />
-
-        <common-select-input
-          v-model="selectedType"
-          :data="maxBandwidthOptionsLocal"
-          test-id="backup-max-bandwidth-type"
-          class="ml-1"
-        />
-      </div>
-    </template>
-  </atoms-stack-block>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_CreateBackupForm } from '~/components/common/pages/backups/modals/lib/models/interfaces'
-import type { UI_T_BandwidthOption } from '~/components/common/pages/backups/modals/createBackup/configuration/maxBandwidth/lib/models/types'
-import type { UI_I_SelectInputItem } from '~/components/common/select/input/lib/models/interfaces'
-import { maxBandwidthOptions } from '~/components/common/pages/backups/modals/createBackup/configuration/maxBandwidth/lib/config/options'
-
-const model = defineModel<UI_I_CreateBackupForm>({ required: true })
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-const { $binary }: any = useNuxtApp()
-
-const maxBandwidthOptionsLocal =
-  ref<UI_I_SelectInputItem[]>(maxBandwidthOptions)
-
-const maxBindwidthLocal = computed<number>({
-  get() {
-    return selectedType.value === 1
-      ? $binary.bToGb(model.value.bandwidth_limit)
-      : $binary.bToMb(model.value.bandwidth_limit)
-  },
-  set(newValue: number) {
-    model.value.bandwidth_limit =
-      selectedType.value === 1
-        ? $binary.gbToB(newValue)
-        : $binary.mbToB(newValue)
-  },
-})
-
-const selectedType = ref<UI_T_BandwidthOption>(0)
-watch(selectedType, (newValue) => {
-  if (newValue === 1) model.value.bandwidth_limit *= 1_024
-  else model.value.bandwidth_limit /= 1_024
-})
-</script>
-
-<style lang="scss" scoped>
-#backup-transaction-logs {
-  margin: 4px 4px 0 0;
-}
-</style>
+<template>
+  <atoms-stack-block
+      :has-children="false"
+      test-id="backup-max-bandwidth-stack-block"
+  >
+    <template #stackBlockKey>
+      <span>{{ localization.common.maxBandwidth }}</span>
+    </template>
+    <template #stackBlockContent>
+      <div class="flex-align-center">
+        <input
+          v-model="maxBindwidthLocal"
+          data-id="mbps-input"
+          type="number"
+          class="mbps"
+        />
+
+        <common-select-input
+          v-model="selectedType"
+          :data="maxBandwidthOptionsLocal"
+          test-id="backup-max-bandwidth-type"
+          class="ml-1"
+        />
+      </div>
+    </template>
+  </atoms-stack-block>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_CreateBackupForm } from '~/components/common/pages/backups/modals/lib/models/interfaces'
+import type { UI_T_BandwidthOption } from '~/components/common/pages/backups/modals/createBackup/configuration/maxBandwidth/lib/models/types'
+import type { UI_I_SelectInputItem } from '~/components/common/select/input/lib/models/interfaces'
+import { maxBandwidthOptions } from '~/components/common/pages/backups/modals/createBackup/configuration/maxBandwidth/lib/config/options'
+
+const model = defineModel<UI_I_CreateBackupForm>({ required: true })
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+const { $binary }: any = useNuxtApp()
+
+const maxBandwidthOptionsLocal =
+  ref<UI_I_SelectInputItem[]>(maxBandwidthOptions)
+
+const maxBindwidthLocal = computed<number>({
+  get() {
+    return selectedType.value === 1
+      ? $binary.bToGb(model.value.bandwidth_limit)
+      : $binary.bToMb(model.value.bandwidth_limit)
+  },
+  set(newValue: number) {
+    model.value.bandwidth_limit =
+      selectedType.value === 1
+        ? $binary.gbToB(newValue)
+        : $binary.mbToB(newValue)
+  },
+})
+
+const selectedType = ref<UI_T_BandwidthOption>(0)
+watch(selectedType, (newValue) => {
+  if (newValue === 1) model.value.bandwidth_limit *= 1_024
+  else model.value.bandwidth_limit /= 1_024
+})
+</script>
+
+<style lang="scss" scoped>
+#backup-transaction-logs {
+  margin: 4px 4px 0 0;
+}
+</style>

package/components/common/pages/backups/modals/createBackup/configuration/maxBandwidth/lib/config/options.ts

@@ -1,6 +1,6 @@
-import type {UI_I_SelectInputItem} from "~/components/common/select/input/lib/models/interfaces";
-
-export const maxBandwidthOptions: UI_I_SelectInputItem[] = [
-  { label: 'Mbps', value: 0 },
-  { label: 'Gbps', value: 1 },
-]
+import type {UI_I_SelectInputItem} from "~/components/common/select/input/lib/models/interfaces";
+
+export const maxBandwidthOptions: UI_I_SelectInputItem[] = [
+  { label: 'Mbps', value: 0 },
+  { label: 'Gbps', value: 1 },
+]

package/components/common/pages/backups/modals/createBackup/configuration/strategy/Strategy.vue

@@ -1,38 +1,38 @@
-<template>
-  <atoms-stack-block
-      :has-children="false"
-      test-id="backup-strategy-stack-block"
-  >
-    <template #stackBlockKey>
-      <span>{{ localization.common.strategy }}</span>
-    </template>
-    <template #stackBlockContent>
-      <common-select-input
-        v-model="model.strategy"
-        :data="strategyOptions"
-        test-id="backup-strategy"
-      />
-    </template>
-  </atoms-stack-block>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_CreateBackupForm } from '~/components/common/pages/backups/modals/lib/models/interfaces'
-import type { UI_I_SelectInputItem } from '~/components/common/select/input/lib/models/interfaces'
-import { strategyOptionsFunc } from '~/components/common/pages/backups/modals/createBackup/lib/config/strategyOptions'
-
-const model = defineModel<UI_I_CreateBackupForm>({ required: true })
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const strategyOptions = ref<UI_I_SelectInputItem[]>(
-  strategyOptionsFunc(localization.value)
-)
-</script>
-
-<style lang="scss" scoped>
-#backup-transaction-logs {
-  margin: 4px 4px 0 0;
-}
-</style>
+<template>
+  <atoms-stack-block
+      :has-children="false"
+      test-id="backup-strategy-stack-block"
+  >
+    <template #stackBlockKey>
+      <span>{{ localization.common.strategy }}</span>
+    </template>
+    <template #stackBlockContent>
+      <common-select-input
+        v-model="model.strategy"
+        :data="strategyOptions"
+        test-id="backup-strategy"
+      />
+    </template>
+  </atoms-stack-block>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_CreateBackupForm } from '~/components/common/pages/backups/modals/lib/models/interfaces'
+import type { UI_I_SelectInputItem } from '~/components/common/select/input/lib/models/interfaces'
+import { strategyOptionsFunc } from '~/components/common/pages/backups/modals/createBackup/lib/config/strategyOptions'
+
+const model = defineModel<UI_I_CreateBackupForm>({ required: true })
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const strategyOptions = ref<UI_I_SelectInputItem[]>(
+  strategyOptionsFunc(localization.value)
+)
+</script>
+
+<style lang="scss" scoped>
+#backup-transaction-logs {
+  margin: 4px 4px 0 0;
+}
+</style>

package/components/common/pages/backups/modals/createBackup/lib/models/interfaces.ts

@@ -1,8 +1,8 @@
-export interface UI_I_DynamicSteps {
-  general: number
-  disks: number
-  datastores: number
-  configuration: number
-  readyComplete: number
-  schedulingOptions: number
-}
+export interface UI_I_DynamicSteps {
+  general: number
+  disks: number
+  datastores: number
+  configuration: number
+  readyComplete: number
+  schedulingOptions: number
+}

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

@@ -40,7 +40,6 @@
     :language="props.language"
     :valid-date-end="props.validDateEnd"
     :format-date="props.formatDate"
-    :selected-host-name="props.selectedHostName"
     :hardware-health-tabs="hardwareHealthTabs"
     :generated-alert-text="generateAlertTextWithLink"
     @update-history-testimony-tools="

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

@@ -81,7 +81,7 @@
         @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]">
         <common-pages-hardware-health-table-view-new
           :table-data="tableData || []"
           :total-items="tableData?.length || 0"
@@ -202,9 +202,8 @@ const statusCounts = computed<UI_I_IndicatorAlerts>(() => {
     margin-top: 16px;
   }
 
-  :deep(.alert-text) {
+  .alert-text {
     color: var(--title-form-first-color);
-    line-height: 20px;
   }
 
   .alert-text-link {
@@ -227,17 +226,12 @@ const statusCounts = computed<UI_I_IndicatorAlerts>(() => {
   overflow-y: auto;
   margin-top: 24px;
 
-  .table-content {
-    margin-top: 0;
-    padding-top: 12px;
+  :deep(.graph-containers) {
+    padding-bottom: 16px;
   }
-}
 
-.table-content {
-  &.alert-warning, &.history-testimony {
-    :deep(.data-table-header th) {
-      min-width: max-content !important;
-    }
+  .table-content {
+    margin-top: 0;
   }
 }
 </style>

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

@@ -53,7 +53,6 @@
         :main-selected-row="mainSelectedRow"
         :valid-date-end="props.validDateEnd"
         :format-date="props.formatDate"
-        :selected-host-name="props.selectedHostName"
         @update-tools="emits('update-history-testimony-tools', $event)"
       />
 
@@ -103,7 +102,6 @@ const props = defineProps<{
   language: string
   validDateEnd: number
   formatDate: string
-  selectedHostName: string
   hardwareHealthTabs: UI_I_CollapseNavItem[]
   generatedAlertText: UI_I_StorageSensorsAlert
 }>()

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

@@ -74,7 +74,6 @@
     :point-start="props.powerData?.pointStart || 0"
     :point-end="props.powerData?.pointEnd || 0"
     :group-name="props.powerData?.groupName || ''"
-    :selected-host-name="props.selectedHostName"
     :selected-chart-type="selectedChartType"
     :is-show-chart-modal="isShowChartModal"
     :selected-power-counters-keys="selectedPowerCountersKeys"

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

@@ -189,22 +189,5 @@ const emits = defineEmits<{
   :deep(.ui-popup-window) {
     max-height: max-content !important;
   }
-
-  :deep(.skeleton-metric) {
-    .burger {
-      height: 14px;
-    }
-
-    .names-skeleton-row {
-      .skeleton-item {
-        width: 120px !important;
-      }
-    }
-
-    .image-container {
-      background-size: contain;
-      background-position: bottom;
-    }
-  }
 }
 </style>

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

@@ -24,7 +24,6 @@
     :timespan-period-type="props.timespanPeriodType"
     :valid-date-end="props.validDateEnd"
     :format-date="props.formatDate"
-    :selected-host-name="props.selectedHostName"
     @show-chart-modal="emits('show-chart-modal')"
     @hide-chart-modal="emits('hide-chart-modal')"
     @update-tools="emits('update-tools', $event)"
@@ -113,7 +112,6 @@ const props = defineProps<{
   pointStart: number
   pointEnd: number
   groupName: string
-  selectedHostName: string
   isShowChartModal: boolean
   selectedChartType: string
   selectedPowerCountersKeys: number[]

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

@@ -66,7 +66,6 @@
     :chart-title-date="chartTitleDate"
     :period-options="periodOptions"
     :selected-timespan-type="props.selectedTimespanType"
-    :selected-host-name="props.selectedHostName"
     @show-chart-modal="emits('show-chart-modal')"
     @hide-chart-modal="emits('hide-chart-modal')"
     @update-tools="onUpdateTools"
@@ -117,7 +116,7 @@ const props = defineProps<{
   timespanPeriodType: string
   validDateEnd: number
   formatDate: string
-  selectedHostName: string
+  selectedHostName?: string
 }>()
 const emits = defineEmits<{
   (event: 'show-chart-modal'): void

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

@@ -82,7 +82,6 @@
     :timespan-period-type="props.timespanPeriodType"
     :valid-date-end="props.validDateEnd"
     :format-date="props.formatDate"
-    :selected-host-name="props.selectedHostName"
     @hide="emits('hide-chart-modal')"
     @select-metric-local="emits('select-metric-local', $event)"
     @power-selected-rows-local="emits('power-selected-rows-local', $event)"
@@ -134,7 +133,6 @@ const props = defineProps<{
   formatDate: string
   chartTitleDate: string
   periodOptions: UI_I_OptionItem[]
-  selectedHostName: string
 }>()
 
 const emits = defineEmits<{

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

@@ -41,7 +41,6 @@
   <common-pages-hardware-health-history-testimony-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"
@@ -116,7 +115,7 @@ const props = defineProps<{
   timespanPeriodType: string
   validDateEnd: number
   formatDate: string
-  selectedHostName: string
+  selectedHostName?: string
 }>()
 
 const emits = defineEmits<{

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

@@ -23,7 +23,6 @@
             :is-disabled-save="!props.currentSelectedRows.length"
             :options-names="props.optionsNames"
             :selected-chart-option-name="props.selectedChartOptionName"
-            :selected-node-name="props.selectedNodeName"
             @save="emits('save-options', $event)"
             @check-validation="emits('check-validations')"
             @select-local-option-name="
@@ -114,7 +113,7 @@ const props = defineProps<{
   customTimeFrom: string
   customTimeTo: string
   validDateEnd: number
-  selectedNodeName: string
+  selectedNodeName?: string
 }>()
 
 const emits = defineEmits<{

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

@@ -19,7 +19,6 @@
             :is-disabled-save="!props.currentSelectedRows.length"
             :options-names="props.optionsNames"
             :selected-chart-option-name="props.selectedChartOptionName"
-            :selected-node-name="props.selectedNodeName"
             @save="emits('save-options', $event)"
             @check-validation="emits('check-validation')"
             @select-local-option-name="
@@ -106,7 +105,6 @@ const props = defineProps<{
   customTimeFrom: string
   customTimeTo: string
   validDateEnd: number
-  selectedNodeName: string
 }>()
 const emits = defineEmits<{
   (event: 'hide'): void