Misthios/grafana-zabbix
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

problems: fix age in problem details

Browse Source
This commit is contained in:
Alexander Zobnin
2018-12-29 18:50:50 +03:00
parent 1d881dca40
commit 8f29fe564d
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/panel-triggers/components/ProblemDetails.tsx
View File

@@ -1,4 +1,5 @@
import React, { PureComponent } from 'react'; import React, { PureComponent } from 'react';
import moment from 'moment';
import * as utils from '../../datasource-zabbix/utils'; import * as utils from '../../datasource-zabbix/utils';
import { Trigger, ZBXItem, ZBXAcknowledge, ZBXHost, ZBXGroup, ZBXEvent, GFTimeRange, RTRow, ZBXTag } from '../types'; import { Trigger, ZBXItem, ZBXAcknowledge, ZBXHost, ZBXGroup, ZBXEvent, GFTimeRange, RTRow, ZBXTag } from '../types';
import { Modal, AckProblemData } from './Modal'; import { Modal, AckProblemData } from './Modal';
@@ -78,6 +79,7 @@ export default class ProblemDetails extends PureComponent<ProblemDetailsProps, P
const displayClass = this.state.show ? 'show' : ''; const displayClass = this.state.show ? 'show' : '';
const wideLayout = rootWidth > 1200; const wideLayout = rootWidth > 1200;
const compactStatusBar = rootWidth < 800 || problem.acknowledges && wideLayout && rootWidth < 1400; const compactStatusBar = rootWidth < 800 || problem.acknowledges && wideLayout && rootWidth < 1400;
const age = moment.unix(problem.lastchangeUnix).fromNow(true);
return ( return (
<div className={`problem-details-container ${displayClass}`}> <div className={`problem-details-container ${displayClass}`}>
@@ -86,7 +88,7 @@ export default class ProblemDetails extends PureComponent<ProblemDetailsProps, P
<div className="problem-value-container"> <div className="problem-value-container">
<div className="problem-age"> <div className="problem-age">
<FAIcon icon="clock-o" /> <FAIcon icon="clock-o" />
<span>{problem.age}</span> <span>{age}</span>
</div> </div>
{problem.items && <ProblemItems items={problem.items} />} {problem.items && <ProblemItems items={problem.items} />}
</div> </div>