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

Merge remote-tracking branch 'origin/feature/more-column-sorting' into develop

pull/10616/head
Alex P 2016-10-12 14:45:43 -07:00
parent 52371e630c f3555a044d
commit 4720843ecd
1 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
ui/src/hosts/components/HostsTable.js
View File

@ -53,6 +53,16 @@ const HostsTable = React.createClass({
}
},
sortableClasses(key) {
if (this.state.sortKey === key) {
if (this.state.sortDirection === 'asc') {
return "sortable-header sorting-up";
}
return "sortable-header sorting-down";
}
return "sortable-header";
},
render() {
const hosts = this.sort(this.state.filteredHosts, this.state.sortKey, this.state.sortDirection);
const {source} = this.props;
@ -67,10 +77,10 @@ const HostsTable = React.createClass({
<table className="table v-center">
<thead>
<tr>
<th onClick={() => this.changeSort('name')} className="sortable-header">Hostname</th>
<th onClick={() => this.changeSort('name')} className={this.sortableClasses('name')}>Hostname</th>
<th className="text-center">Status</th>
<th onClick={() => this.changeSort('cpu')} className="sortable-header">CPU</th>
<th onClick={() => this.changeSort('load')} className="sortable-header">Load</th>
<th onClick={() => this.changeSort('cpu')} className={this.sortableClasses('cpu')}>CPU</th>
<th onClick={() => this.changeSort('load')} className={this.sortableClasses('load')}>Load</th>
<th>Apps</th>
</tr>
</thead>