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

Remove linter warnings 

Signed-off-by: Andrew Watkins <andrew.watkinz@gmail.com>
pull/10616/head
Kevin Fitzpatrick 2016-09-26 15:34:52 -07:00 committed by Andrew Watkins
parent 3db1853bf4
commit ed7d5a4a89
2 changed files with 19 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
ui/src/hosts/containers/HostPage.js
View File

@ -7,42 +7,46 @@ import FlashMessages from 'shared/components/FlashMessages';
const RefreshingLineGraph = AutoRefresh(LineGraph); const RefreshingLineGraph = AutoRefresh(LineGraph);
export const HostPage = React.createClass({ export const HostPage = React.createClass({
propTypes: {
sources: PropTypes.arrayOf(PropTypes.shape()),
},
render() { render() {
const autoRefreshMs = 15000; const autoRefreshMs = 15000;
const source = this.props.sources[0].links.proxy; const source = this.props.sources[0].links.proxy;
const queries = [ const queries = [
{ {
text: `SELECT "usage_user" FROM "telegraf"."default"."cpu" WHERE time > now() - 15m`, text: `SELECT "usage_user" FROM "telegraf"."default"."cpu" WHERE time > now() - 15m`,
name: 'CPU' name: 'CPU',
}, },
{ {
text: `SELECT "used_percent" FROM "telegraf"."default"."mem" WHERE time > now() - 15m`, text: `SELECT "used_percent" FROM "telegraf"."default"."mem" WHERE time > now() - 15m`,
name: "Memory" name: "Memory",
}, },
{ {
text: `SELECT "load1" FROM "telegraf"."default"."system" WHERE time > now() - 15m`, text: `SELECT "load1" FROM "telegraf"."default"."system" WHERE time > now() - 15m`,
name: "Load" name: "Load",
}, },
{ {
text: `SELECT "bytes_recv", "bytes_sent" FROM "telegraf"."default"."net" WHERE time > now() - 15m`, text: `SELECT "bytes_recv", "bytes_sent" FROM "telegraf"."default"."net" WHERE time > now() - 15m`,
name: "Network" name: "Network",
}, },
{ {
text: `SELECT "io_time" FROM "telegraf"."default"."diskio" WHERE time > now() - 15m`, text: `SELECT "io_time" FROM "telegraf"."default"."diskio" WHERE time > now() - 15m`,
name: "Disk IO" name: "Disk IO",
}, },
{ {
text: `SELECT "used_percent" FROM "telegraf"."default"."disk" WHERE time > now() - 15m`, text: `SELECT "used_percent" FROM "telegraf"."default"."disk" WHERE time > now() - 15m`,
name: "Disk usage" name: "Disk usage",
}, },
]; ];
return ( return (
<div className="container-fluid"> <div className="container-fluid">
<div className="row"> <div className="row">
{ {
queries.map((query) => { queries.map((query) => {
const q = Object.assign({}, query, { host: source }); const q = Object.assign({}, query, {host: source});
return ( return (
<div className="col-md-4 graph-panel__graph-container" key={q.name}> <div className="col-md-4 graph-panel__graph-container" key={q.name}>
<h2>{q.name}</h2> <h2>{q.name}</h2>
@ -52,7 +56,7 @@ export const HostPage = React.createClass({
/> />
</div> </div>
); );
}) })
} }
</div> </div>
</div> </div>

2
ui/src/shared/components/LineGraph.js
View File

@ -32,7 +32,7 @@ export default React.createClass({
// If data for this graph is being fetched for the first time, show a graph-wide spinner. // If data for this graph is being fetched for the first time, show a graph-wide spinner.
if (this.props.isFetchingInitially) { if (this.props.isFetchingInitially) {
return ( return (
<div style={{"zIndex": "9999"}}className="graph-panel__graph-fetching"> <div className="graph-panel__graph-fetching">
<h3 className="graph-panel__spinner" /> <h3 className="graph-panel__spinner" />
</div> </div>
); );