bfg-common 1.6.95 → 1.6.97

package/components/common/pages/hardwareHealth/tableView/new/lib/config/alertWarningTable.ts

@@ -0,0 +1,99 @@
+import type {
+  UI_I_DataTableBody,
+  UI_I_DataTableOptions,
+  UI_I_DataTableHeader,
+} from '~/node_modules/bfg-uikit/components/ui/dataTable/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_HardwareHealthSensors } from '~/components/common/pages/hardwareHealth/tableView/old/lib/models/interfaces'
+import {
+  sensorsChipColorByStatus,
+  sensorsLocalizationByStatus,
+  sensorsNewIconByStatus,
+} from '~/components/common/pages/hardwareHealth/lib/config/status'
+
+export const getHeaderDataFunc = (
+  localization: UI_I_Localization
+): UI_I_DataTableHeader[] => [
+  {
+    col: 'col0',
+    colName: 'sensors',
+    text: localization.common.sensors,
+    isSortable: true,
+    sort: 'asc',
+    width: '360px',
+    show: true,
+    filter: true,
+  },
+  {
+    col: 'col1',
+    colName: 'status',
+    text: localization.common.status,
+    isSortable: true,
+    sort: 'asc',
+    width: '272px',
+    show: true,
+    filter: true,
+  },
+  {
+    col: 'col2',
+    colName: 'reading',
+    text: localization.common.reading,
+    isSortable: true,
+    sort: 'asc',
+    show: true,
+    filter: true,
+  }
+]
+export const options: UI_I_DataTableOptions = {
+  perPageOptions: [
+    { text: '10', value: 10, default: true },
+    { text: '25', value: 25 },
+    { text: '50', value: 50 },
+    { text: '100', value: 100 },
+  ],
+  isSelectable: false,
+  showPagination: true,
+  showPageInfo: true,
+  isSortable: true,
+  server: false,
+  isResizable: true,
+  showColumnManager: true,
+  withActions: true,
+  inBlock: true,
+}
+
+export const getBodyDataFunc = (
+  bodyData: UI_I_HardwareHealthSensors[],
+  localization: UI_I_Localization
+): UI_I_DataTableBody[] => {
+  return bodyData.map((sensor, _index: number) => {
+    return {
+      row: sensor.id as number,
+      collapse: false,
+      isHiddenCollapse: false,
+      collapseToggle: false,
+      data: [
+        {
+          col: 'col0',
+          text: sensor.name || '--',
+        },
+        {
+          key: 'icon',
+          col: 'col1',
+          text: '',
+          data: {
+            statusText:
+              localization.common[sensorsLocalizationByStatus[sensor.status]],
+            statusColor: sensorsChipColorByStatus[sensor.status],
+            statusIcon: sensorsNewIconByStatus[sensor.status],
+            warning: sensor.warning,
+          },
+        },
+        {
+          col: 'col2',
+          text: sensor.reading || '--',
+        },
+      ],
+    }
+  })
+}

package/components/common/pages/hardwareHealth/tableView/new/lib/config/historyTestimonyTable.ts

@@ -0,0 +1,126 @@
+import type {
+  UI_I_DataTableBody,
+  UI_I_DataTableOptions,
+  UI_I_DataTableHeader,
+} from '~/node_modules/bfg-uikit/components/ui/dataTable/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_HardwareHealthSensors } from '~/components/common/pages/hardwareHealth/tableView/old/lib/models/interfaces'
+import {
+  sensorsChipColorByStatus,
+  sensorsLocalizationByStatus,
+  sensorsNewIconByStatus,
+} from '~/components/common/pages/hardwareHealth/lib/config/status'
+import { UI_E_SensorsCategoryIcon } from '~/components/common/pages/hardwareHealth/lib/models/enums'
+
+export const getHeaderDataFunc = (
+  localization: UI_I_Localization
+): UI_I_DataTableHeader[] => [
+  {
+    col: 'col0',
+    colName: 'sensor',
+    text: localization.common.sensors,
+    isSortable: true,
+    sort: 'asc',
+    width: '336px',
+    show: true,
+    filter: true,
+  },
+  {
+    col: 'col1',
+    colName: 'status',
+    text: localization.common.status,
+    isSortable: true,
+    sort: 'asc',
+    width: '240px',
+    show: true,
+    filter: true,
+  },
+  {
+    col: 'col2',
+    colName: 'categories',
+    text: localization.common.categories,
+    isSortable: true,
+    sort: 'asc',
+    width: '240px',
+    show: true,
+    filter: true,
+  },
+  {
+    col: 'col3',
+    colName: 'path',
+    text: localization.common.path,
+    isSortable: true,
+    sort: 'asc',
+    show: true,
+    filter: true,
+  },
+]
+export const options: UI_I_DataTableOptions = {
+  perPageOptions: [
+    { text: '10', value: 10, default: true },
+    { text: '25', value: 25 },
+    { text: '50', value: 50 },
+    { text: '100', value: 100 },
+  ],
+  isSelectable: false,
+  showPagination: true,
+  showPageInfo: true,
+  isSortable: true,
+  server: false,
+  isResizable: true,
+  showColumnManager: true,
+  withActions: true,
+  inBlock: true,
+}
+
+export const getBodyDataFunc = (
+  bodyData: UI_I_HardwareHealthSensors[],
+  localization: UI_I_Localization
+): UI_I_DataTableBody[] => {
+  return bodyData.map((sensor, _index: number) => {
+
+    return {
+      row: sensor.id as number,
+      collapse: false,
+      isHiddenCollapse: false,
+      collapseToggle: false,
+      data: [
+        {
+          col: 'col0',
+          text: sensor.name || '--',
+        },
+        {
+          key: 'icon',
+          col: 'col1',
+          text: '',
+          data: {
+            statusText:
+              localization.common[sensorsLocalizationByStatus[sensor.status]],
+            statusColor: sensorsChipColorByStatus[sensor.status],
+            statusIcon: sensorsNewIconByStatus[sensor.status],
+            warning: sensor.warning,
+          },
+        },
+        {
+          key: 'icon',
+          col: 'col2',
+          text: sensor.category || '--',
+          data: {
+            iconClassName:
+              UI_E_SensorsCategoryIcon[sensor.category.toLowerCase()] ||
+              'icon-vSphere-dsVmDisk', // ToDo добавить в enum когда в data имя будет `diskHealth` а не `Disk health`
+          },
+        },
+        {
+          col: 'col3',
+          text: sensor.path || '--',
+        },
+        {
+          key: 'default-actions',
+          col: 'default-actions',
+          text: '',
+        },
+      ],
+    }
+  })
+}

package/components/common/pages/hardwareHealth/tableView/new/lib/config/sensorTable.ts

@@ -0,0 +1,164 @@
+import type {
+  UI_I_DataTableBody,
+  UI_I_DataTableOptions,
+  UI_I_DataTableHeader,
+} from '~/node_modules/bfg-uikit/components/ui/dataTable/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_HardwareHealthSensors } from '~/components/common/pages/hardwareHealth/tableView/old/lib/models/interfaces'
+import {
+  sensorsChipColorByStatus,
+  sensorsLocalizationByStatus,
+  sensorsNewIconByStatus,
+} from '~/components/common/pages/hardwareHealth/lib/config/status'
+import { UI_E_SensorsCategoryIcon } from '~/components/common/pages/hardwareHealth/lib/models/enums'
+
+export const getHeaderDataFunc = (
+  localization: UI_I_Localization
+): UI_I_DataTableHeader[] => [
+  {
+    col: 'col0',
+    colName: 'sensor',
+    text: localization.common.sensors,
+    isSortable: true,
+    sort: 'asc',
+    width: '300px',
+    show: true,
+    filter: true,
+  },
+  {
+    col: 'col1',
+    colName: 'status',
+    text: localization.common.status,
+    isSortable: true,
+    sort: 'asc',
+    width: '160px',
+    show: true,
+    filter: true,
+  },
+  {
+    col: 'col2',
+    colName: 'reading',
+    text: localization.common.reading,
+    isSortable: true,
+    sort: 'asc',
+    width: '144px',
+    show: true,
+    filter: true,
+  },
+  {
+    col: 'col3',
+    colName: 'categories',
+    text: localization.common.categories,
+    isSortable: true,
+    sort: 'asc',
+    width: '160px',
+    show: true,
+    filter: true,
+  },
+  {
+    col: 'col4',
+    colName: 'updated',
+    text: localization.common.lastUpdated,
+    isSortable: true,
+    sort: 'asc',
+    width: '208px',
+    show: true,
+    filter: true,
+  },
+  {
+    col: 'col5',
+    colName: 'path',
+    text: localization.common.path,
+    isSortable: true,
+    sort: 'asc',
+    width: '212px',
+    show: true,
+    filter: true,
+  },
+]
+export const options: UI_I_DataTableOptions = {
+  perPageOptions: [
+    { text: '10', value: 10, default: true },
+    { text: '25', value: 25 },
+    { text: '50', value: 50 },
+    { text: '100', value: 100 },
+  ],
+  isSelectable: false,
+  showPagination: true,
+  showPageInfo: true,
+  isSortable: true,
+  server: false,
+  isResizable: true,
+  showColumnManager: true,
+  withActions: true,
+  inBlock: true,
+}
+
+export const getBodyDataFunc = (
+  bodyData: UI_I_HardwareHealthSensors[],
+  localization: UI_I_Localization
+): UI_I_DataTableBody[] => {
+  const { $formattedDatetime }: any = useNuxtApp()
+
+  return bodyData.map((sensor, _index: number) => {
+    const updatedTime =
+      typeof sensor.lastUpdated === 'number'
+        ? $formattedDatetime(sensor.lastUpdated, {
+            hasSeconds: true,
+            separator: ', ',
+          })
+        : sensor.lastUpdated
+
+    return {
+      row: sensor.id as number,
+      collapse: false,
+      isHiddenCollapse: false,
+      collapseToggle: false,
+      data: [
+        {
+          col: 'col0',
+          text: sensor.name || '--',
+        },
+        {
+          key: 'icon',
+          col: 'col1',
+          text: '',
+          data: {
+            statusText:
+              localization.common[sensorsLocalizationByStatus[sensor.status]],
+            statusColor: sensorsChipColorByStatus[sensor.status],
+            statusIcon: sensorsNewIconByStatus[sensor.status],
+            warning: sensor.warning,
+          },
+        },
+        {
+          col: 'col2',
+          text: sensor.reading || '--',
+        },
+        {
+          key: 'icon',
+          col: 'col3',
+          text: sensor.category || '--',
+          data: {
+            iconClassName:
+              UI_E_SensorsCategoryIcon[sensor.category.toLowerCase()] ||
+              'icon-vSphere-dsVmDisk', // ToDo добавить в enum когда в data имя будет `diskHealth` а не `Disk health`
+          },
+        },
+        {
+          col: 'col4',
+          text: updatedTime || '--',
+        },
+        {
+          col: 'col5',
+          text: sensor.path || '--',
+        },
+        {
+          key: 'default-actions',
+          col: 'default-actions',
+          text: '',
+        },
+      ],
+    }
+  })
+}

package/components/common/pages/hardwareHealth/tableView/new/lib/config/storageSensorsTable.ts

@@ -0,0 +1,88 @@
+import type {
+  UI_I_DataTableBody,
+  UI_I_DataTableOptions,
+  UI_I_DataTableHeader,
+} from '~/node_modules/bfg-uikit/components/ui/dataTable/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_HardwareHealthSensors } from '~/components/common/pages/hardwareHealth/tableView/old/lib/models/interfaces'
+
+export const getHeaderDataFunc = (
+  localization: UI_I_Localization
+): UI_I_DataTableHeader[] => [
+  {
+    col: 'col0',
+    colName: 'name',
+    text: localization.common.name,
+    isSortable: true,
+    sort: 'asc',
+    width: '480px',
+    show: true,
+    filter: true,
+  },
+  {
+    col: 'col1',
+    colName: 'health',
+    text: localization.common.health,
+    isSortable: true,
+    sort: 'asc',
+    width: '240px',
+    show: true,
+    filter: true,
+  },
+  {
+    col: 'col2',
+    colName: 'description',
+    text: localization.common.description,
+    isSortable: true,
+    sort: 'asc',
+    width: '504px',
+    show: true,
+    filter: true,
+  }
+]
+export const options: UI_I_DataTableOptions = {
+  perPageOptions: [
+    { text: '10', value: 10, default: true },
+    { text: '25', value: 25 },
+    { text: '50', value: 50 },
+    { text: '100', value: 100 },
+  ],
+  isSelectable: false,
+  showPagination: true,
+  showPageInfo: true,
+  isSortable: true,
+  server: false,
+  isResizable: true,
+  showColumnManager: true,
+  withActions: true,
+  inBlock: true,
+}
+
+export const getBodyDataFunc = (
+  bodyData: UI_I_HardwareHealthSensors[],
+  _localization: UI_I_Localization
+): UI_I_DataTableBody[] => {
+
+  return bodyData.map((sensor, _index: number) => {
+    return {
+      row: sensor.id as number,
+      collapse: false,
+      isHiddenCollapse: false,
+      collapseToggle: false,
+      data: [
+        {
+          col: 'col0',
+          text: sensor.name || '--',
+        },
+        {
+          col: 'col1',
+          text: sensor.health || '--',
+        },
+        {
+          col: 'col2',
+          text: sensor.description || '--',
+        }
+      ],
+    }
+  })
+}

package/components/common/pages/hardwareHealth/tableView/new/lib/config/systemLogTable.ts

@@ -0,0 +1,74 @@
+import type {
+  UI_I_DataTableBody,
+  UI_I_DataTableOptions,
+  UI_I_DataTableHeader,
+} from '~/node_modules/bfg-uikit/components/ui/dataTable/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_HardwareHealthSensors } from '~/components/common/pages/hardwareHealth/tableView/old/lib/models/interfaces'
+
+export const getHeaderDataFunc = (
+  localization: UI_I_Localization
+): UI_I_DataTableHeader[] => [
+  {
+    col: 'col0',
+    colName: 'time',
+    text: localization.common.time,
+    isSortable: true,
+    sort: 'asc',
+    width: '50%',
+    show: true,
+    filter: true,
+  },
+  {
+    col: 'col1',
+    colName: 'events',
+    text: localization.mainNavigation.events,
+    isSortable: true,
+    sort: 'asc',
+    width: '50%',
+    show: true,
+    filter: true,
+  }
+]
+export const options: UI_I_DataTableOptions = {
+  perPageOptions: [
+    { text: '10', value: 10, default: true },
+    { text: '25', value: 25 },
+    { text: '50', value: 50 },
+    { text: '100', value: 100 },
+  ],
+  isSelectable: false,
+  showPagination: true,
+  showPageInfo: true,
+  isSortable: true,
+  server: false,
+  isResizable: true,
+  showColumnManager: true,
+  withActions: true,
+  inBlock: true,
+}
+
+export const getBodyDataFunc = (
+  bodyData: UI_I_HardwareHealthSensors[],
+  _localization: UI_I_Localization
+): UI_I_DataTableBody[] => {
+
+  return bodyData.map((systemLog, _index: number) => {
+    return {
+      row: sensor.id as number,
+      collapse: false,
+      isHiddenCollapse: false,
+      collapseToggle: false,
+      data: [
+        {
+          col: 'col0',
+          text: systemLog.time || '--',
+        },
+        {
+          col: 'col1',
+          text: systemLog.event || '--',
+        }
+      ],
+    }
+  })
+}

package/components/common/pages/hardwareHealth/tableView/{TableView.vue → old/Old.vue}

@@ -57,7 +57,7 @@
     </div>
   </div>
 
-  <common-pages-hardware-health-table-view-modal-sensor-warning
+  <common-pages-hardware-health-table-view-old-modal-sensor-warning
     v-if="isShowSensorWarningDetails"
     :error="sensorWarningError"
     @close-modal="isShowSensorWarningDetails = false"
@@ -71,14 +71,14 @@ import type {
   UI_I_BodyItem,
 } from '~/components/atoms/table/dataGrid/lib/models/interfaces'
 import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_HardwareHealthSensors } from '~/components/common/pages/hardwareHealth/tableView/lib/models/interfaces'
+import type { UI_I_HardwareHealthSensors } from '~/components/common/pages/hardwareHealth/tableView/old/lib/models/interfaces'
 import type { UI_T_HardwareHealthTabMode } from '~/components/common/pages/hardwareHealth/lib/models/types'
 import type { UI_T_DataGridType } from '~/components/atoms/table/dataGrid/lib/models/types'
-import * as sensorTable from '~/components/common/pages/hardwareHealth/tableView/lib/config/sensorTable'
-import * as storageSensorTable from '~/components/common/pages/hardwareHealth/tableView/lib/config/storageSensorTable'
-import * as alertWarningTable from '~/components/common/pages/hardwareHealth/tableView/lib/config/alertWarningTable'
-import * as systemLogTable from '~/components/common/pages/hardwareHealth/tableView/lib/config/systemLogTable'
-import * as historyTestimonyTable from '~/components/common/pages/hardwareHealth/tableView/lib/config/historyTestimonyTable'
+import * as sensorTable from '~/components/common/pages/hardwareHealth/tableView/old/lib/config/sensorTable'
+import * as storageSensorTable from '~/components/common/pages/hardwareHealth/tableView/old/lib/config/storageSensorTable'
+import * as alertWarningTable from '~/components/common/pages/hardwareHealth/tableView/old/lib/config/alertWarningTable'
+import * as systemLogTable from '~/components/common/pages/hardwareHealth/tableView/old/lib/config/systemLogTable'
+import * as historyTestimonyTable from '~/components/common/pages/hardwareHealth/tableView/old/lib/config/historyTestimonyTable'
 
 const props = defineProps<{
   selectedGraphView: string
@@ -161,15 +161,19 @@ const onShowFieldWarning = (error: string): void => {
 
 <style lang="scss" scoped>
 @import 'assets/scss/common/mixins.scss';
+
 .data-table-view {
   overflow: hidden;
   height: inherit;
   margin-bottom: 10px;
+
   &__inner {
     height: inherit;
   }
+
   :deep(.data-table) {
     height: inherit;
+
     .datagrid-outer-wrapper {
       height: inherit;
       padding-top: 0;
@@ -177,20 +181,25 @@ const onShowFieldWarning = (error: string): void => {
 
     .row-details {
       width: 100%;
+
       &__headline {
         font-weight: 500;
         border-bottom: 2px solid #ccc;
       }
+
       &__content {
         @include flex($just: space-between);
+
         &:first-child {
           margin-top: 5px;
         }
       }
+
       &__text {
         margin-left: 8px;
       }
     }
+
     .icon {
       width: 18px;
       display: block;

package/components/common/pages/hardwareHealth/tableView/{lib → old/lib}/config/alertWarningTable.ts

@@ -4,12 +4,12 @@ import type {
   UI_I_BodyItem,
 } from '~/components/atoms/table/dataGrid/lib/models/interfaces'
 import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_HardwareHealthAlertWarnings } from '~/components/common/pages/hardwareHealth/tableView/lib/models/interfaces'
+import type { UI_I_HardwareHealthAlertWarnings } from '~/components/common/pages/hardwareHealth/tableView/old/lib/models/interfaces'
 import {
   constructHeadItem,
   constructColumnKey,
 } from '~/components/atoms/table/dataGrid/lib/utils/constructDataTable'
-import { hardwareHealthAlertWarningTableKeys } from '~/components/common/pages/hardwareHealth/tableView/lib/config/tableKeys'
+import { hardwareHealthAlertWarningTableKeys } from '~/components/common/pages/hardwareHealth/tableView/old/lib/config/tableKeys'
 import {
   sensorsLocalizationByStatus,
   sensorsIconByStatus,

package/components/common/pages/hardwareHealth/tableView/{lib → old/lib}/config/historyTestimonyTable.ts

@@ -5,7 +5,7 @@ import type {
   UI_I_ColumnKey,
   UI_I_HeadItem,
 } from '~/components/atoms/table/dataGrid/lib/models/interfaces'
-import type { UI_I_HardwareHealthSensors } from '~/components/common/pages/hardwareHealth/tableView/lib/models/interfaces'
+import type { UI_I_HardwareHealthSensors } from '~/components/common/pages/hardwareHealth/tableView/old/lib/models/interfaces'
 import {
   constructHeadItem,
   constructColumnKey,
@@ -14,7 +14,7 @@ import {
   sensorsLocalizationByStatus,
   sensorsIconByStatus,
 } from '~/components/common/pages/hardwareHealth/lib/config/status'
-import { hardwareHealthHistoryTestimonyTableKeys } from '~/components/common/pages/hardwareHealth/tableView/lib/config/tableKeys'
+import { hardwareHealthHistoryTestimonyTableKeys } from '~/components/common/pages/hardwareHealth/tableView/old/lib/config/tableKeys'
 
 const getItems = (
   localization: UI_I_Localization

package/components/common/pages/hardwareHealth/tableView/{lib → old/lib}/config/sensorTable.ts

@@ -4,13 +4,13 @@ import type {
   UI_I_BodyItem,
 } from '~/components/atoms/table/dataGrid/lib/models/interfaces'
 import type { UI_I_Localization } from '~//lib/models/interfaces'
-import type { UI_I_HardwareHealthSensors } from '~/components/common/pages/hardwareHealth/tableView/lib/models/interfaces'
+import type { UI_I_HardwareHealthSensors } from '~/components/common/pages/hardwareHealth/tableView/old/lib/models/interfaces'
 import { UI_E_SensorsCategoryIcon } from '~/components/common/pages/hardwareHealth/lib/models/enums'
 import {
   constructHeadItem,
   constructColumnKey,
 } from '~/components/atoms/table/dataGrid/lib/utils/constructDataTable'
-import { hardwareHealthSensorTableKeys } from '~/components/common/pages/hardwareHealth/tableView/lib/config/tableKeys'
+import { hardwareHealthSensorTableKeys } from '~/components/common/pages/hardwareHealth/tableView/old/lib/config/tableKeys'
 import {
   sensorsLocalizationByStatus,
   sensorsIconByStatus,

package/components/common/pages/hardwareHealth/tableView/{lib → old/lib}/config/storageSensorTable.ts

@@ -4,12 +4,12 @@ import type {
   UI_I_BodyItem,
 } from '~/components/atoms/table/dataGrid/lib/models/interfaces'
 import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_HardwareHealthStorageSensor } from '~/components/common/pages/hardwareHealth/tableView/lib/models/interfaces'
+import type { UI_I_HardwareHealthStorageSensor } from '~/components/common/pages/hardwareHealth/tableView/old/lib/models/interfaces'
 import {
   constructHeadItem,
   constructColumnKey,
 } from '~/components/atoms/table/dataGrid/lib/utils/constructDataTable'
-import { hardwareHealthStorageSensorTableKeys } from '~/components/common/pages/hardwareHealth/tableView/lib/config/tableKeys'
+import { hardwareHealthStorageSensorTableKeys } from '~/components/common/pages/hardwareHealth/tableView/old/lib/config/tableKeys'
 
 const getItems = (
   localization: UI_I_Localization