Fixing linting issues

This commit is contained in:
Chris Cowan 2017-01-04 13:33:12 -07:00
parent 2ba0463721
commit 09b6ada25d
18 changed files with 31 additions and 31 deletions

View file

@ -4,7 +4,7 @@ import Tooltip from './tooltip';
export default (props) => {
const createDelete = () => {
if (props.disableDelete) {
return (<span style={{display: 'none'}}/>);
return (<span style={{ display: 'none' }}/>);
}
return (
<Tooltip text="Delete">
@ -16,7 +16,7 @@ export default (props) => {
};
const createAdd = () => {
if (props.disableAdd) {
return (<span style={{display: 'none'}}/>);
return (<span style={{ display: 'none' }}/>);
}
return (
<Tooltip text="Add">

View file

@ -15,7 +15,7 @@ export default React.createClass({
componentWillMount() {
if (!this.props.model.variables) {
this.props.onChange(_.assign({}, this.props.model, {
variables: [{id: uuid.v1()}]
variables: [{ id: uuid.v1() }]
}));
}
},
@ -36,7 +36,7 @@ export default React.createClass({
panelType={panelType}
value={model.type}
onChange={handleSelectChange('type')}/>
<div className="vis_editor__row_item" style={{ margin: '10px 0'}}>
<div className="vis_editor__row_item" style={{ margin: '10px 0' }}>
<div className="vis_editor__label">Variables</div>
<Vars
metrics={siblings}

View file

@ -28,7 +28,7 @@ export default React.createClass({
return (
<AggRow {...this.props}>
<div className="vis_editor__row_item">
<div className="vis_editor__agg_row-item" style={{marginBottom: 10}}>
<div className="vis_editor__agg_row-item" style={{ marginBottom: 10 }}>
<div className="vis_editor__row_item">
<div className="vis_editor__label">Aggregation</div>
<AggSelect
@ -46,7 +46,7 @@ export default React.createClass({
value={model.field}/>
</div>
</div>
<div className="vis_editor__agg_row-item" style={{marginBottom: 10}}>
<div className="vis_editor__agg_row-item" style={{ marginBottom: 10 }}>
<div className="vis_editor__row_item">
<div className="vis_editor__label">Model</div>
<Select

View file

@ -123,7 +123,7 @@ export default React.createClass({
return (
<AggRow {...this.props}>
<div className="vis_editor__row_item">
<div className="vis_editor__agg_row-item" style={{marginBottom: 10}}>
<div className="vis_editor__agg_row-item" style={{ marginBottom: 10 }}>
<div className="vis_editor__row_item">
<div className="vis_editor__label">Aggregation</div>
<AggSelect

View file

@ -44,7 +44,7 @@ export default React.createClass({
let secondary;
if (!this.props.hideSecondary) {
secondary = (
<div style={{display: 'flex', alignItems: 'center'}}>
<div style={{ display: 'flex', alignItems: 'center' }}>
<div className="color_rules__label">and {this.props.secondaryName} to</div>
<ColorPicker
onChange={handleColorChange}

View file

@ -4,7 +4,7 @@ import Select from 'react-select';
export default React.createClass({
getDefaultProps() {
return { label: 'Data Formatter'};
return { label: 'Data Formatter' };
},
handleChange(value) {

View file

@ -60,7 +60,7 @@ export default React.createClass({
let caretClassName = 'fa fa-caret-down';
if (!visible) caretClassName = 'fa fa-caret-right';
let body = (<div style={{display: 'none'}}/>);
let body = (<div style={{ display: 'none' }}/>);
if (visible) {
let metricsClassName = 'kbnTabs__tab';
let optionsClassname = 'kbnTabs__tab';

View file

@ -61,7 +61,7 @@ export default React.createClass({
let caretClassName = 'fa fa-caret-down';
if (!visible) caretClassName = 'fa fa-caret-right';
let body = (<div style={{display: 'none'}}/>);
let body = (<div style={{ display: 'none' }}/>);
if (visible) {
let metricsClassName = 'kbnTabs__tab';
let optionsClassname = 'kbnTabs__tab';

View file

@ -60,7 +60,7 @@ export default React.createClass({
let caretClassName = 'fa fa-caret-down';
if (!visible) caretClassName = 'fa fa-caret-right';
let body = (<div style={{display: 'none'}}/>);
let body = (<div style={{ display: 'none' }}/>);
if (visible) {
let metricsClassName = 'kbnTabs__tab';
let optionsClassname = 'kbnTabs__tab';

View file

@ -60,7 +60,7 @@ export default React.createClass({
let caretClassName = 'fa fa-caret-down';
if (!visible) caretClassName = 'fa fa-caret-right';
let body = (<div style={{display: 'none'}}/>);
let body = (<div style={{ display: 'none' }}/>);
if (visible) {
let metricsClassName = 'kbnTabs__tab';
let optionsClassname = 'kbnTabs__tab';
@ -75,7 +75,7 @@ export default React.createClass({
seriesBody = (
<div>
<Sortable
style={{cursor: 'default'}}
style={{ cursor: 'default' }}
dynamic={true}
direction="vertical"
onSort={handleSort}

View file

@ -62,7 +62,7 @@ export default React.createClass({
let caretClassName = 'fa fa-caret-down';
if (!visible) caretClassName = 'fa fa-caret-right';
let body = (<div style={{display: 'none'}}/>);
let body = (<div style={{ display: 'none' }}/>);
if (visible) {
let metricsClassName = 'kbnTabs__tab';
let optionsClassname = 'kbnTabs__tab';

View file

@ -55,7 +55,7 @@ export default React.createClass({
}
if (model.split_mode === 'terms') {
const { metrics } = model;
const defaultCount = { value: '_count', label: 'Doc Count (default)'};
const defaultCount = { value: '_count', label: 'Doc Count (default)' };
return (
<div className="vis_editor__split-container">
<div className="vis_editor__label">Group By</div>

View file

@ -17,7 +17,7 @@ export default React.createClass({
const parts = {};
if (!model.gauge_color_rules ||
(model.gauge_color_rules && model.gauge_color_rules.length === 0)) {
parts.gauge_color_rules = [{id: uuid.v1() }];
parts.gauge_color_rules = [{ id: uuid.v1() }];
}
if (model.gauge_width == null) parts.gauge_width = 10;
if (model.gauge_inner_width == null) parts.gauge_inner_width = 2;
@ -79,7 +79,7 @@ export default React.createClass({
type="number"
ref="gauge_max"
onChange={handleTextChange('gauge_max')}
style={{width: '20px'}}
style={{ width: '20px' }}
defaultValue={model.gauge_max}/>
<div className="vis_editor__label">Gauge Style</div>
<Select
@ -101,19 +101,19 @@ export default React.createClass({
className="vis_editor__input-grows"
type="number"
ref="gauge_inner_width"
style={{width: '20px'}}
style={{ width: '20px' }}
onChange={handleTextChange('gauge_inner_width')}
defaultValue={model.gauge_inner_width}/>
<div className="vis_editor__label">Gauge Line Width</div>
<input
className="vis_editor__input-grows"
type="number"
style={{width: 20}}
style={{ width: 20 }}
ref="gauge_width"
onChange={handleTextChange('gauge_width')}
defaultValue={model.gauge_width}/>
</div>
<div className="vis_editor__label" style={{margin: '0 10px 0 0'}}>Color Rules</div>
<div className="vis_editor__label" style={{ margin: '0 10px 0 0' }}>Color Rules</div>
<div className="vis_editor__vis_config-row">
<ColorRules
primaryName="gauge color"

View file

@ -100,7 +100,7 @@ export default React.createClass({
onChange={handleSelectChange('markdown_vertical_align')}/>
</div>
</div>
<div className="vis_editor__label" style={{margin: '0 0 10px 0'}}>Custom CSS (supports Less)</div>
<div className="vis_editor__label" style={{ margin: '0 0 10px 0' }}>Custom CSS (supports Less)</div>
<div className="vis_editor__ace-editor">
<AceEditor
mode="less"

View file

@ -14,7 +14,7 @@ export default React.createClass({
const { model } = this.props;
if (!model.background_color_rules || (model.background_color_rules && model.background_color_rules.length === 0)) {
this.props.onChange({
background_color_rules: [{id: uuid.v1() }]
background_color_rules: [{ id: uuid.v1() }]
});
}
},
@ -57,7 +57,7 @@ export default React.createClass({
name="ignore_global_filter"
onChange={this.props.onChange}/>
</div>
<div className="vis_editor__label" style={{margin: '0 10px 0 0'}}>Color Rules</div>
<div className="vis_editor__label" style={{ margin: '0 10px 0 0' }}>Color Rules</div>
<div className="vis_editor__vis_config-row">
<ColorRules
model={model}

View file

@ -33,11 +33,11 @@ export default React.createClass({
render() {
const { model } = this.props;
const icons = [
{ type: 'timeseries', icon: 'fa-line-chart', label: 'Time Series'},
{ type: 'metric', icon: 'fa-superscript', label: 'Metric'},
{ type: 'top_n', icon: 'fa-bar-chart fa-rotate-90', label: 'Top N'},
{ type: 'gauge', icon: 'fa-circle-o-notch', label: 'Gauge'},
{ type: 'markdown', icon: 'fa-paragraph', label: 'Markdown'}
{ type: 'timeseries', icon: 'fa-line-chart', label: 'Time Series' },
{ type: 'metric', icon: 'fa-superscript', label: 'Metric' },
{ type: 'top_n', icon: 'fa-bar-chart fa-rotate-90', label: 'Top N' },
{ type: 'gauge', icon: 'fa-circle-o-notch', label: 'Gauge' },
{ type: 'markdown', icon: 'fa-paragraph', label: 'Markdown' }
].map((item, i, items) => {
return (
<VisPickerItem

View file

@ -13,7 +13,7 @@ export default React.createClass({
const classes = ['rhythm_chart__legend_item'];
const key = row.id;
if (!_.includes(this.props.seriesFilter, row.id)) classes.push('disabled');
if (!row.label || row.legend === false) return (<div key={ key } style={{display: 'none'}}/>);
if (!row.label || row.legend === false) return (<div key={ key } style={{ display: 'none' }}/>);
return (
<div
className={ classes.join(' ') }

View file

@ -13,7 +13,7 @@ export default React.createClass({
const classes = ['rhythm_chart__legend_item'];
const key = row.id;
if (!_.includes(this.props.seriesFilter, row.id)) classes.push('disabled');
if (!row.label || row.legend === false) return (<div key={ key } style={{display: 'none'}}/>);
if (!row.label || row.legend === false) return (<div key={ key } style={{ display: 'none' }}/>);
return (
<div
className={ classes.join(' ') }