github.com/voedger/voedger@v0.0.0-20240520144910-273e84102129/pkg/apps/sys.monitor/site.main.src/src/elements/SysResources.js (about)

     1  /*
     2   * Copyright (c) 2022-present unTill Pro, Ltd.
     3   */
     4  
     5  import { Title } from 'react-admin';
     6  import { useTranslate } from 'react-admin';
     7  import { BPS, COUNT, PERCENT } from '../utils/Units';
     8  import { HvmsCpuUsageMeta, HvmsDiskIOMeta, HvmsDiskUsageMeta, HvmsIOPSMeta, HvmsMemoryUsageMeta, SysApp } from '../data/Resources';
     9  import TimeSeriesChart from '../charts/TimeSeriesChart';
    10  
    11  const SysResources = (props) => {
    12  
    13      const translate = useTranslate();
    14  
    15      const hvms = ['worker', 'db1', 'db2', 'db3']
    16  
    17      return (
    18          <div>
    19              <Title title={props.title} />
    20              <TimeSeriesChart 
    21                  path={props.path+":cpu"} 
    22                  caption={translate('charts.cpuUsage')} 
    23                  meta={HvmsCpuUsageMeta(SysApp, hvms)}
    24                  aggs={['avg']} 
    25                  units={PERCENT}
    26                  height={200}
    27                  showAll />
    28  
    29              <TimeSeriesChart 
    30                  path={props.path+":memory"} 
    31                  caption={translate('charts.memUsage')} 
    32                  meta={HvmsMemoryUsageMeta(SysApp, hvms)}
    33                  aggs={['avg']} 
    34                  units={PERCENT}
    35                  height={200}
    36                  showAll />
    37  
    38              <TimeSeriesChart 
    39                  path={props.path+":disk"} 
    40                  caption={translate('charts.diskUsage')} 
    41                  meta={HvmsDiskUsageMeta(SysApp, hvms)}
    42                  aggs={['avg']} 
    43                  units={PERCENT}
    44                  height={200}
    45                  showAll />
    46  
    47              <TimeSeriesChart 
    48                  path={props.path+":diskIo"} 
    49                  caption={translate('charts.diskIO')} 
    50                  meta={HvmsDiskIOMeta(SysApp, hvms)}
    51                  aggs={['avg']} 
    52                  units={BPS}
    53                  height={200}
    54                  showAll />
    55  
    56              <TimeSeriesChart 
    57                  path={props.path+":iops"} 
    58                  caption={translate('charts.iops')} 
    59                  meta={HvmsIOPSMeta(SysApp, hvms)}
    60                  aggs={['avg']} 
    61                  units={COUNT}
    62                  height={200}
    63                  showAll />
    64          </div>
    65      )
    66  };
    67  
    68  export default SysResources