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

Switching to new class names (explorer --> panel)

pull/10616/head
Alex P 2016-12-12 14:27:31 -08:00
parent 9bfa84c7f8
commit 563eea8ca3
3 changed files with 13 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
ui/src/chronograf/components/Panel.js
View File

@ -90,16 +90,16 @@ const Panel = React.createClass({
const {panel, isExpanded} = this.props; const {panel, isExpanded} = this.props;
return ( return (
<div className={classNames('explorer', {active: isExpanded})}> <div className={classNames('panel', {active: isExpanded})}>
<div className="explorer--header" onClick={this.handleSelectPanel}> <div className="panel--header" onClick={this.handleSelectPanel}>
<div className="explorer--name"> <div className="panel--name">
<span className="icon caret-right"></span> <span className="icon caret-right"></span>
{panel.name || "Graph"} {panel.name || "Graph"}
</div> </div>
<div className="explorer--actions"> <div className="panel--actions">
<div title="Export Queries to Dashboard" className="explorer--action"><span className="icon export"></span></div> <div title="Export Queries to Dashboard" className="panel--action"><span className="icon export"></span></div>
<div title="Rename Graph" className="explorer--action" onClick={this.openRenamePanelModal}><span className="icon pencil"></span></div> <div title="Rename Graph" className="panel--action" onClick={this.openRenamePanelModal}><span className="icon pencil"></span></div>
<div title="Delete Graph" className="explorer--action" onClick={this.handleDeletePanel}><span className="icon trash"></span></div> <div title="Delete Graph" className="panel--action" onClick={this.handleDeletePanel}><span className="icon trash"></span></div>
</div> </div>
</div> </div>
{this.renderQueryTabList()} {this.renderQueryTabList()}
@ -143,7 +143,7 @@ const Panel = React.createClass({
return null; return null;
} }
return ( return (
<div className="explorer--tabs"> <div className="panel--tabs">
{queries.map((q) => { {queries.map((q) => {
const queryTabText = (q.measurement && q.fields.length !== 0) ? `${q.measurement}.${q.fields[0].field}` : 'Query'; const queryTabText = (q.measurement && q.fields.length !== 0) ? `${q.measurement}.${q.fields[0].field}` : 'Query';
return ( return (
@ -176,7 +176,7 @@ const Panel = React.createClass({
} }
return ( return (
<div className="explorer--tab" onClick={this.toggleAddQueryOptions}> <div className="panel--tab" onClick={this.toggleAddQueryOptions}>
<span className="icon plus"></span> <span className="icon plus"></span>
</div> </div>
); );

2
ui/src/chronograf/components/QueryEditor.js
View File

@ -97,7 +97,7 @@ const QueryEditor = React.createClass({
render() { render() {
return ( return (
<div className="explorer--tab-contents"> <div className="panel--tab-contents">
{this.renderQuery()} {this.renderQuery()}
{this.renderLists()} {this.renderLists()}
</div> </div>

6
ui/src/chronograf/components/QueryTabItem.js
View File

@ -23,9 +23,9 @@ const QueryTabItem = React.createClass({
render() { render() {
return ( return (
<div className={classNames('explorer--tab', {active: this.props.isActive})} onClick={this.handleSelect}> <div className={classNames('panel--tab', {active: this.props.isActive})} onClick={this.handleSelect}>
<span className="explorer--tab-label">{this.props.query.rawText ? 'Raw Text' : this.props.queryTabText}</span> <span className="panel--tab-label">{this.props.query.rawText ? 'Raw Text' : this.props.queryTabText}</span>
<span className="explorer--tab-delete" onClick={this.handleDelete}></span> <span className="panel--tab-delete" onClick={this.handleDelete}></span>
</div> </div>
); );
}, },