bfg-common 1.3.618 → 1.3.620

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

@@ -1,206 +1,210 @@
-<template>
-  <div class="hardware-health">
-    <common-headline :headline="localization.hardwareHealth" />
-
-    <div class="hardware-health__description">
-      {{ hardwareHealthDescription }}
-    </div>
-
-    <atoms-tabs
-      v-model="activeTab"
-      test-id="hardware-health-tabs"
-      :items="hardwareHealthTabs"
-      size="small"
-      class="hardware-health__tabs"
-    />
-
-    <atoms-alert
-      v-if="activeTab === 'storage-sensor'"
-      :items="['content text']"
-      status="alert-warning"
-      test-id="select-storage-sensor-alert"
-      hide-close-icon
-    >
-      <template #default="">
-        <p>
-          {{ generateAlertTextWithLink.before }}
-          <a
-            :href="generateAlertTextWithLink.link"
-            data-id="general-alert-text-link"
-          >
-            {{ generateAlertTextWithLink.linkText }}
-          </a>
-          {{ generateAlertTextWithLink.after }}
-        </p>
-      </template>
-    </atoms-alert>
-
-    <common-pages-hardware-health-tools-panel :selected-tab="activeTab" />
-
-    <common-pages-hardware-health-graph
-      v-if="activeTab === 'history-testimony'"
-      :data="props.historyTestimony"
-      :loading="props.loadingHistoryTestimony"
-      :is-dark-mode="props.isDarkMode"
-      :formatted-datetime="props.formattedDatetime"
-      :get-date-format="props.getDateFormat"
-      :language="props.language"
-    />
-
-    <common-pages-hardware-health-table-view
-      :key="uniqueKey"
-      v-model:selected="selectedRow"
-      :data-table="hardwareHealth"
-      :total-items="hardwareHealth.length"
-      :total-pages="1"
-      :table-mode="activeTab"
-      :loading="props.loading"
-    />
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { I_SeriesLine } from '~/node_modules/bfg-nuxt-3-graph/graph/lib/models/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_CollapseNavItem } from '~/components/atoms/collapse/lib/models/interfaces'
-import type { UI_T_HardwareHealthTabMode } from '~/components/common/pages/hardwareHealth/lib/models/types'
-import type { UI_I_StorageSensorsAlert } from '~/components/common/pages/hardwareHealth/lib/models/interfaces'
-import type { UI_I_HardwareHealthSensors } from '~/components/common/pages/hardwareHealth/tableView/lib/models/interfaces'
-import type { UI_T_SelectedRow } from '~/components/atoms/table/dataGrid/lib/models/types'
-import { hardwareHealthTabsFunc } from '~/components/common/pages/hardwareHealth/lib/config/tabsPannel'
-
-const props = defineProps<{
-  data: UI_I_HardwareHealthSensors[]
-  loading: boolean
-  historyTestimony: I_SeriesLine | null
-  loadingHistoryTestimony: boolean
-  isDarkMode: boolean
-  formattedDatetime: any
-  getDateFormat: any
-  language: string
-}>()
-
-const emits = defineEmits<{
-  (event: 'update-chart-data', value: string): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-const { $store }: any = useNuxtApp()
-
-const activeTab = ref<UI_T_HardwareHealthTabMode>('sensor')
-const uniqueKey = ref<number>(0)
-
-const selectedRow = ref<UI_T_SelectedRow>([])
-
-const hardwareHealthTabs = computed<UI_I_CollapseNavItem[]>(() =>
-  hardwareHealthTabsFunc(localization.value)
-)
-
-const hardwareHealth = computed<UI_I_HardwareHealthSensors[]>(
-  () => props.data || []
-)
-
-const hardwareHealthDescription = computed<string>(() => {
-  const { thereIsAlertAndWarningOutOfSensors, noAlertsOrWarningsOutOfSensors } =
-    localization.value
-
-  let alertCount = 0
-  let warningCount = 0
-
-  hardwareHealth.value.forEach((sensor: UI_I_HardwareHealthSensors) => {
-    if (sensor.status === 3) alertCount++
-    if (sensor.status === 2) warningCount++
-  })
-
-  // const hasStatusTwoOrThree = hardwareHealth.value.some((sensor) =>
-  //   ['warning', 'alert'].includes(sensor.status)
-  // )
-
-  type Replacements = {
-    alert: number
-    warning: number
-    sensors: number
-  }
-
-  const hasStatusTwoOrThree = alertCount > 0 || warningCount > 0
-  const replacements: Replacements = {
-    alert: alertCount,
-    warning: warningCount,
-    sensors: hardwareHealth.value.length || 0,
-  }
-  const text = hasStatusTwoOrThree
-    ? thereIsAlertAndWarningOutOfSensors
-    : noAlertsOrWarningsOutOfSensors
-
-  return text?.replace(
-    /{(\w+)}/g,
-    (_, key: keyof Replacements) => replacements[key]
-  )
-})
-
-const generateAlertTextWithLink = computed<UI_I_StorageSensorsAlert>(() => {
-  const { storageSensorsAlert, thisKbArticle } = localization.value
-
-  const [before, after] = storageSensorsAlert.split('{ link }')
-
-  return {
-    before,
-    after,
-    link: 'javascript:void(0)',
-    linkText: thisKbArticle,
-  }
-})
-
-const updateChartData = (isSendAll: boolean = false): void => {
-  const selectedNames: string[] = []
-  hardwareHealth.value.forEach((item, key) => {
-    if (isSendAll) {
-      if (['power', 'temperature'].includes(item.category.toLowerCase()))
-        selectedNames.push(item.name)
-    } else if (
-      ['power', 'temperature'].includes(item.category.toLowerCase()) &&
-      selectedRow.value.includes(key)
-    ) {
-      selectedNames.push(item.name)
-    }
-  })
-  emits('update-chart-data', selectedNames.join(','))
-}
-
-watch(selectedRow, (newValue) => {
-  newValue.length && updateChartData()
-})
-
-watch(activeTab, () => {
-  uniqueKey.value++
-})
-
-watch(
-  hardwareHealth,
-  (newValue) => {
-    newValue.length && updateChartData(true)
-  },
-  { immediate: true }
-)
-
-onMounted(() => {
-  $store.dispatch('main/A_CONTINUE_GLOBAL_REFRESH', 'hardwareHealth')
-})
-onUnmounted(() => {
-  $store.dispatch('main/A_PAUSE_GLOBAL_REFRESH', 'hardwareHealth')
-})
-</script>
-
-<style lang="scss" scoped>
-@import 'bfg-common/assets/scss/common/global.scss';
-.hardware-health {
-  @extend %block-property;
-  &__description {
-  }
-  &__tabs {
-    :deep(.nav) {
-      margin-top: 0;
-    }
-  }
-}
-</style>
+<template>
+  <div class="hardware-health">
+    <common-headline :headline="localization.hardwareHealth" />
+
+    <div class="hardware-health__description">
+      {{ hardwareHealthDescription }}
+    </div>
+
+    <atoms-tabs
+      v-model="activeTab"
+      test-id="hardware-health-tabs"
+      :items="hardwareHealthTabs"
+      size="small"
+      class="hardware-health__tabs"
+    />
+
+    <atoms-alert
+      v-if="activeTab === 'storage-sensor'"
+      :items="['content text']"
+      status="alert-warning"
+      test-id="select-storage-sensor-alert"
+      hide-close-icon
+    >
+      <template #default="">
+        <p>
+          {{ generateAlertTextWithLink.before }}
+          <a
+            :href="generateAlertTextWithLink.link"
+            data-id="general-alert-text-link"
+          >
+            {{ generateAlertTextWithLink.linkText }}
+          </a>
+          {{ generateAlertTextWithLink.after }}
+        </p>
+      </template>
+    </atoms-alert>
+
+    <common-pages-hardware-health-tools-panel :selected-tab="activeTab" />
+
+    <common-pages-hardware-health-graph
+      v-if="activeTab === 'history-testimony'"
+      :data="props.historyTestimony"
+      :loading="props.loadingHistoryTestimony"
+      :is-dark-mode="props.isDarkMode"
+      :formatted-datetime="props.formattedDatetime"
+      :get-date-format="props.getDateFormat"
+      :language="props.language"
+    />
+
+    <common-pages-hardware-health-table-view
+      :key="uniqueKey"
+      v-model:selected="selectedRow"
+      :data-table="hardwareHealth"
+      :total-items="hardwareHealth.length"
+      :total-pages="1"
+      :table-mode="activeTab"
+      :loading="props.loading"
+    />
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { I_SeriesLine } from '~/node_modules/bfg-nuxt-3-graph/graph/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_CollapseNavItem } from '~/components/atoms/collapse/lib/models/interfaces'
+import type { UI_T_HardwareHealthTabMode } from '~/components/common/pages/hardwareHealth/lib/models/types'
+import type { UI_I_StorageSensorsAlert } from '~/components/common/pages/hardwareHealth/lib/models/interfaces'
+import type { UI_I_HardwareHealthSensors } from '~/components/common/pages/hardwareHealth/tableView/lib/models/interfaces'
+import type { UI_T_SelectedRow } from '~/components/atoms/table/dataGrid/lib/models/types'
+import { hardwareHealthTabsFunc } from '~/components/common/pages/hardwareHealth/lib/config/tabsPannel'
+
+const props = defineProps<{
+  data: UI_I_HardwareHealthSensors[]
+  loading: boolean
+  historyTestimony: I_SeriesLine | null
+  loadingHistoryTestimony: boolean
+  isDarkMode: boolean
+  formattedDatetime: any
+  getDateFormat: any
+  language: string
+}>()
+
+const emits = defineEmits<{
+  (event: 'update-chart-data', value: string): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+const { $store }: any = useNuxtApp()
+
+const activeTab = ref<UI_T_HardwareHealthTabMode>('sensor')
+const uniqueKey = ref<number>(0)
+
+const selectedRow = ref<UI_T_SelectedRow>([])
+
+const hardwareHealthTabs = computed<UI_I_CollapseNavItem[]>(() =>
+  hardwareHealthTabsFunc(localization.value)
+)
+
+const hardwareHealth = computed<UI_I_HardwareHealthSensors[]>(
+  () => props.data || []
+)
+
+const hardwareHealthDescription = computed<string>(() => {
+  const { thereIsAlertAndWarningOutOfSensors, noAlertsOrWarningsOutOfSensors } =
+    localization.value
+
+  let alertCount = 0
+  let warningCount = 0
+
+  hardwareHealth.value.forEach((sensor: UI_I_HardwareHealthSensors) => {
+    if (sensor.status === 3) alertCount++
+    if (sensor.status === 2) warningCount++
+  })
+
+  // const hasStatusTwoOrThree = hardwareHealth.value.some((sensor) =>
+  //   ['warning', 'alert'].includes(sensor.status)
+  // )
+
+  type Replacements = {
+    alert: number
+    warning: number
+    sensors: number
+  }
+
+  const hasStatusTwoOrThree = alertCount > 0 || warningCount > 0
+  const replacements: Replacements = {
+    alert: alertCount,
+    warning: warningCount,
+    sensors: hardwareHealth.value.length || 0,
+  }
+  const text = hasStatusTwoOrThree
+    ? thereIsAlertAndWarningOutOfSensors
+    : noAlertsOrWarningsOutOfSensors
+
+  return text?.replace(
+    /{(\w+)}/g,
+    (_, key: keyof Replacements) => replacements[key]
+  )
+})
+
+const generateAlertTextWithLink = computed<UI_I_StorageSensorsAlert>(() => {
+  const { storageSensorsAlert, thisKbArticle } = localization.value
+
+  const [before, after] = storageSensorsAlert.split('{ link }')
+
+  return {
+    before,
+    after,
+    link: 'javascript:void(0)',
+    linkText: thisKbArticle,
+  }
+})
+
+const updateChartData = (isSendAll: boolean = false): void => {
+  const selectedNames: string[] = []
+  hardwareHealth.value.forEach((item, key) => {
+    if (isSendAll) {
+      if (['power', 'temperature'].includes(item.category.toLowerCase()))
+        selectedNames.push(item.name)
+    } else if (
+      ['power', 'temperature'].includes(item.category.toLowerCase()) &&
+      selectedRow.value.includes(key)
+    ) {
+      selectedNames.push(item.name)
+    }
+  })
+  emits('update-chart-data', selectedNames.join(','))
+}
+
+watch(selectedRow, (newValue) => {
+  newValue.length &&
+    activeTab.value === 'history-testimony' &&
+    updateChartData()
+})
+
+watch(activeTab, () => {
+  uniqueKey.value++
+})
+
+watch(
+  [hardwareHealth, activeTab],
+  (newValue) => {
+    newValue[0].length &&
+      newValue[1] === 'history-testimony' &&
+      updateChartData(true)
+  },
+  { immediate: true }
+)
+
+onMounted(() => {
+  $store.dispatch('main/A_CONTINUE_GLOBAL_REFRESH', 'hardwareHealth')
+})
+onUnmounted(() => {
+  $store.dispatch('main/A_PAUSE_GLOBAL_REFRESH', 'hardwareHealth')
+})
+</script>
+
+<style lang="scss" scoped>
+@import 'bfg-common/assets/scss/common/global.scss';
+.hardware-health {
+  @extend %block-property;
+  &__description {
+  }
+  &__tabs {
+    :deep(.nav) {
+      margin-top: 0;
+    }
+  }
+}
+</style>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bfg-common",
   "private": false,
-  "version": "1.3.618",
+  "version": "1.3.620",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev --port=3002",