mudhorn/prometheus
1
0
Fork 0
mirror of https://github.com/prometheus/prometheus.git synced 2025-03-05 20:59:13 -08:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

Change order of Graph and Table tabs

Browse source 
Signed-off-by: Julius Volz <julius.volz@gmail.com>
This commit is contained in:
Julius Volz 2019-02-17 12:02:54 +01:00
parent 4e439ae630
commit 0901f48e82
2 changed files with 19 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/App.css
View file

@ -11,7 +11,7 @@ body {
}
.expression-input textarea {
font-family: Menlo,Monaco,Consolas,'Courier New',monospace;
/* font-family: Menlo,Monaco,Consolas,'Courier New',monospace; */
resize: none;
}

36
src/Panel.tsx
View file

@ -234,14 +234,6 @@ class Panel extends Component<PanelProps, PanelState> {
<Row>
<Col>
<Nav tabs>
<NavItem>
<NavLink
className={this.props.options.type === 'graph' ? 'active' : ''}
onClick={() => { this.setOptions({type: 'graph'}); }}
>
Graph
</NavLink>
</NavItem>
<NavItem>
<NavLink
className={this.props.options.type === 'table' ? 'active' : ''}
@ -250,8 +242,26 @@ class Panel extends Component<PanelProps, PanelState> {
Table
</NavLink>
</NavItem>
<NavItem>
<NavLink
className={this.props.options.type === 'graph' ? 'active' : ''}
onClick={() => { this.setOptions({type: 'graph'}); }}
>
Graph
</NavLink>
</NavItem>
</Nav>
<TabContent activeTab={this.props.options.type}>
<TabPane tabId="table">
{this.props.options.type === 'table' &&
<>
<div className="table-controls">
<TimeInput endTime={this.props.options.endTime} range={this.props.options.range} onChangeEndTime={this.handleChangeEndTime} />
</div>
<DataTable data={this.state.data} />
</>
}
</TabPane>
<TabPane tabId="graph">
{this.props.options.type === 'graph' &&
<>
@ -270,16 +280,6 @@ class Panel extends Component<PanelProps, PanelState> {
</>
}
</TabPane>
<TabPane tabId="table">
{this.props.options.type === 'table' &&
<>
<div className="table-controls">
<TimeInput endTime={this.props.options.endTime} range={this.props.options.range} onChangeEndTime={this.handleChangeEndTime} />
</div>
<DataTable data={this.state.data} />
</>
}
</TabPane>
</TabContent>
</Col>
</Row>