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

Move Api logic out of HostsPage

pull/210/head
Will Piers 2016-10-10 11:49:40 -07:00
parent 4ae714d0e9
commit 6d16778d3d
2 changed files with 37 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
ui/src/hosts/apis/index.js Normal file
View File

@ -0,0 +1,29 @@
import {proxy} from 'utils/queryUrlGenerator';
import _ from 'lodash';
export function getCpuAndLoadForHosts(proxyLink) {
return new Promise((resolve, reject) => {
proxy({
source: proxyLink,
query: `select mean(usage_user) from cpu where cpu = 'cpu-total' and time > now() - 10m group by host; select mean("load1") from "telegraf"."default"."system" where time > now() - 10m group by host`,
db: 'telegraf',
}).then((resp) => {
const hosts = {};
const precision = 100;
resp.data.results[0].series.forEach((s) => {
const meanIndex = s.columns.findIndex((col) => col === 'mean');
hosts[s.tags.host] = {
name: s.tags.host,
cpu: (Math.round(s.values[0][meanIndex] * precision) / precision).toFixed(2),
};
});
resp.data.results[1].series.forEach((s) => {
const meanIndex = s.columns.findIndex((col) => col === 'mean');
hosts[s.tags.host].load = (Math.round(s.values[0][meanIndex] * precision) / precision).toFixed(2);
});
resolve(_.values(hosts));
}).catch(reject);
});
}

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

@ -1,8 +1,7 @@
import React, {PropTypes} from 'react';
import _ from 'lodash';
import FlashMessages from 'shared/components/FlashMessages';
import HostsTable from '../components/HostsTable';
import {proxy} from 'utils/queryUrlGenerator';
import {getCpuAndLoadForHosts} from '../apis';
export const HostsPage = React.createClass({
propTypes: {
@ -14,6 +13,7 @@ export const HostsPage = React.createClass({
proxy: PropTypes.string.isRequired,
}).isRequired,
}).isRequired,
addFlashMessage: PropTypes.func.isRequired,
},
getInitialState() {
@ -23,28 +23,12 @@ export const HostsPage = React.createClass({
},
componentDidMount() {
proxy({
source: this.props.source.links.proxy,
query: `select mean(usage_user) from cpu where cpu = 'cpu-total' and time > now() - 10m group by host; select mean("load1") from "telegraf"."default"."system" where time > now() - 10m group by host`,
db: 'telegraf',
}).then((resp) => {
const hosts = {};
const precision = 100;
resp.data.results[0].series.forEach((s) => {
const meanIndex = s.columns.findIndex((col) => col === 'mean');
hosts[s.tags.host] = {
name: s.tags.host,
cpu: (Math.round(s.values[0][meanIndex] * precision) / precision).toFixed(2),
};
});
resp.data.results[1].series.forEach((s) => {
const meanIndex = s.columns.findIndex((col) => col === 'mean');
hosts[s.tags.host].load = (Math.round(s.values[0][meanIndex] * precision) / precision).toFixed(2);
});
this.setState({
hosts: _.values(hosts),
getCpuAndLoadForHosts(this.props.source.links.proxy).then((hosts) => {
this.setState({hosts});
}).catch(() => {
this.props.addFlashMessage({
type: 'error',
text: `There was an error finding hosts. Check that your server is running.`,
});
});
},