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

More merge conflicts

pull/3010/head
ebb-tide 2018-03-19 11:49:23 -07:00
parent cfedf82456
commit 908d461856
1 changed files with 6 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
ui/src/dashboards/components/TableOptions.tsx
View File

@ -50,34 +50,13 @@ export class TableOptions extends PureComponent<Props, {}> {
super(props) super(props)
} }
<<<<<<< HEAD
componentWillMount() {
const {queryConfigs, handleUpdateTableOptions, tableOptions} = this.props
const {columnNames} = tableOptions
const timeColumn = (columnNames && columnNames.find(c => c.internalName === 'time')) || TIME_COLUMN_DEFAULT
const columns = [
timeColumn,
..._.flatten(
queryConfigs.map(qc => {
const {measurement, fields} = qc
return fields.map(f => {
const internalName = `${measurement}.${f.alias}`
const existing = columnNames.find(c => c.internalName === internalName)
return existing || {internalName, displayName: ''}
})
})
)
]
=======
get columnNames() { get columnNames() {
const {tableOptions: {columnNames}} = this.props const {tableOptions: {columnNames}} = this.props
return columnNames || [] return columnNames || []
} }
get timeColumn() { get timeColumn() {
return (this.columnNames.find(c => c.internalName === 'time')) || TIME_COLUMN_DEFAULT return this.columnNames.find(c => c.internalName === 'time') || TIME_COLUMN_DEFAULT
} }
get computedColumnNames() { get computedColumnNames() {
@ -87,30 +66,20 @@ export class TableOptions extends PureComponent<Props, {}> {
queryConfigs.map(({measurement, fields}) => { queryConfigs.map(({measurement, fields}) => {
return fields.map(({alias}) => { return fields.map(({alias}) => {
const internalName = `${measurement}.${alias}` const internalName = `${measurement}.${alias}`
const existing = this.columnNames.find( const existing = this.columnNames.find(c => c.internalName === internalName)
c => c.internalName === internalName
)
return existing || {internalName, displayName: ''} return existing || {internalName, displayName: ''}
}) })
})) })
)
return [this.timeColumn, ...queryFields] return [this.timeColumn, ...queryFields]
} }
>>>>>>> master
componentWillMount() { componentWillMount() {
const {handleUpdateTableOptions, tableOptions} = this.props const {handleUpdateTableOptions, tableOptions} = this.props
handleUpdateTableOptions({...tableOptions, columnNames: this.computedColumnNames}) handleUpdateTableOptions({...tableOptions, columnNames: this.computedColumnNames})
} }
handleToggleSingleStatType = () => {}
handleAddThreshold = () => {}
handleDeleteThreshold = () => () => {}
handleChooseColor = () => () => {}
handleChooseSortBy = option => { handleChooseSortBy = option => {
const {tableOptions, handleUpdateTableOptions} = this.props const {tableOptions, handleUpdateTableOptions} = this.props
const sortBy = {displayName: option.text, internalName: option.key} const sortBy = {displayName: option.text, internalName: option.key}
@ -138,24 +107,11 @@ export class TableOptions extends PureComponent<Props, {}> {
} }
render() { render() {
<<<<<<< HEAD const {tableOptions: {timeFormat, columnNames: columns, verticalTimeAxis}, onResetFocus, tableOptions} = this.props
const {tableOptions: {timeFormat, columnNames: columns, verticalTimeAxis}, onResetFocus} = this.props
const tableSortByOptions = ['cpu.mean_usage_system', 'cpu.mean_usage_idle', 'cpu.mean_usage_user'].map(col => ({
text: col
=======
const {
tableOptions: {timeFormat, columnNames: columns},
onResetFocus,
tableOptions,
} = this.props
const TimeAxis = 'vertical'
const tableSortByOptions = this.computedColumnNames.map(col => ({ const tableSortByOptions = this.computedColumnNames.map(col => ({
text: col.displayName || col.internalName, text: col.displayName || col.internalName,
key: col.internalName, key: col.internalName
>>>>>>> master
})) }))
return ( return (
@ -165,20 +121,14 @@ export class TableOptions extends PureComponent<Props, {}> {
<div className="form-group-wrapper"> <div className="form-group-wrapper">
<GraphOptionsTimeFormat timeFormat={timeFormat} onTimeFormatChange={this.handleTimeFormatChange} /> <GraphOptionsTimeFormat timeFormat={timeFormat} onTimeFormatChange={this.handleTimeFormatChange} />
<GraphOptionsTimeAxis <GraphOptionsTimeAxis
<<<<<<< HEAD
verticalTimeAxis={verticalTimeAxis} verticalTimeAxis={verticalTimeAxis}
onToggleVerticalTimeAxis={this.onToggleVerticalTimeAxis} onToggleVerticalTimeAxis={this.onToggleVerticalTimeAxis}
=======
TimeAxis={TimeAxis}
onToggleTimeAxis={this.handleToggleTimeAxis}
/> />
<GraphOptionsSortBy <GraphOptionsSortBy
selected={tableOptions.sortBy || TIME_COLUMN_DEFAULT} selected={tableOptions.sortBy || TIME_COLUMN_DEFAULT}
sortByOptions={tableSortByOptions} sortByOptions={tableSortByOptions}
onChooseSortBy={this.handleChooseSortBy} onChooseSortBy={this.handleChooseSortBy}
>>>>>>> master
/> />
<GraphOptionsSortBy sortByOptions={tableSortByOptions} onChooseSortBy={this.handleChooseSortBy} />
<GraphOptionsTextWrapping <GraphOptionsTextWrapping
thresholdsListType="background" thresholdsListType="background"
onToggleTextWrapping={this.handleToggleTextWrapping} onToggleTextWrapping={this.handleToggleTextWrapping}