Influxdata
/
chronograf
mirror of https://github.com/influxdata/chronograf.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Merge pull request #768 from influxdata/feature/337-proper-link 

add links to hosts in alerts table
pull/771/head
Andrew Watkins 2017-01-13 11:24:54 -08:00 committed by GitHub
parent 3624bd48a1 a3c160e13a
commit d12bc949bd
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
ui/src/alerts/components/AlertsTable.js
View File

@ -1,6 +1,6 @@
// TODO: make with real data
import React, {PropTypes} from 'react'; import React, {PropTypes} from 'react';
import _ from 'lodash'; import _ from 'lodash';
import {Link} from 'react-router';
const AlertsTable = React.createClass({ const AlertsTable = React.createClass({
propTypes: { propTypes: {
@ -61,6 +61,7 @@ const AlertsTable = React.createClass({
}, },
render() { render() {
const {id} = this.props.source;
const alerts = this.sort(this.state.filteredAlerts, this.state.sortKey, this.state.sortDirection); const alerts = this.sort(this.state.filteredAlerts, this.state.sortKey, this.state.sortDirection);
return ( return (
<div className="panel panel-minimal"> <div className="panel panel-minimal">
@ -87,7 +88,11 @@ const AlertsTable = React.createClass({
<td className="monotype">{name}</td> <td className="monotype">{name}</td>
<td className={`monotype alert-level-${level.toLowerCase()}`}>{level}</td> <td className={`monotype alert-level-${level.toLowerCase()}`}>{level}</td>
<td className="monotype">{(new Date(Number(time)).toISOString())}</td> <td className="monotype">{(new Date(Number(time)).toISOString())}</td>
<td className="monotype">{host}</td> <td className="monotype">
<Link to={`/sources/${id}/hosts/${host}`}>
{host}
</Link>
</td>
<td className="monotype">{value}</td> <td className="monotype">{value}</td>
</tr> </tr>
); );