diff --git a/ui/src/sources/components/SourceForm.js b/ui/src/sources/components/SourceForm.js index 28464c348..4c3ae3f9b 100644 --- a/ui/src/sources/components/SourceForm.js +++ b/ui/src/sources/components/SourceForm.js @@ -54,56 +54,54 @@ export const SourceForm = React.createClass({ const {source, editMode, onInputChange} = this.props return ( -
-
-

Connection Details

-
+
+

Connection Details

+
-
-
- - this.sourceURL = r} className="form-control" id="connect-string" placeholder="http://localhost:8086" onChange={onInputChange} value={source.url || ''} onBlur={this.handleBlurSourceURL}> -
-
- - this.sourceName = r} className="form-control" id="name" placeholder="Influx 1" onChange={onInputChange} value={source.name || ''}> -
-
- - this.sourceUsername = r} className="form-control" id="username" onChange={onInputChange} value={source.username || ''}> -
-
- - this.sourcePassword = r} className="form-control" id="password" onChange={onInputChange} value={source.password || ''}> -
- {_.get(source, 'type', '').includes("enterprise") ? -
- - this.metaUrl = r} className="form-control" id="meta-url" placeholder="http://localhost:8091" onChange={onInputChange} value={source.metaUrl || ''}> -
: null} -
- - this.sourceTelegraf = r} className="form-control" id="telegraf" onChange={onInputChange} value={source.telegraf || 'telegraf'}> + +
+ + this.sourceURL = r} className="form-control" id="connect-string" placeholder="http://localhost:8086" onChange={onInputChange} value={source.url || ''} onBlur={this.handleBlurSourceURL}> +
+
+ + this.sourceName = r} className="form-control" id="name" placeholder="Influx 1" onChange={onInputChange} value={source.name || ''}> +
+
+ + this.sourceUsername = r} className="form-control" id="username" onChange={onInputChange} value={source.username || ''}> +
+
+ + this.sourcePassword = r} className="form-control" id="password" onChange={onInputChange} value={source.password || ''}> +
+ {_.get(source, 'type', '').includes("enterprise") ? +
+ + this.metaUrl = r} className="form-control" id="meta-url" placeholder="http://localhost:8091" onChange={onInputChange} value={source.metaUrl || ''}> +
: null} +
+ + this.sourceTelegraf = r} className="form-control" id="telegraf" onChange={onInputChange} value={source.telegraf || 'telegraf'}> +
+
+
+ this.sourceDefault = r} /> +
+
+ {_.get(source, 'url', '').startsWith("https") ?
- this.sourceDefault = r} /> - + this.sourceInsecureSkipVerify = r} /> +
-
- {_.get(source, 'url', '').startsWith("https") ? -
-
- this.sourceInsecureSkipVerify = r} /> - -
- -
: null} -
- -
- -
+ +
: null} +
+ +
+
) }, diff --git a/ui/src/sources/containers/CreateSource.js b/ui/src/sources/containers/CreateSource.js index d7a927712..7fefa627f 100644 --- a/ui/src/sources/containers/CreateSource.js +++ b/ui/src/sources/containers/CreateSource.js @@ -110,67 +110,26 @@ export const CreateSource = React.createClass({ }) }, - //
- //
- //

Welcome to Chronograf

- //
- //
- //

Connect to a New Source

- //
- // - //
- //
- //
- // - // this.sourceURL = r} onChange={this.onInputChange} className="form-control" id="connect-string" defaultValue="http://localhost:8086"> - //
- //
- // - // this.sourceName = r} className="form-control" id="name" defaultValue="Influx 1"> - //
- //
- // - // this.sourceUser = r} className="form-control" id="username"> - //
- //
- // - // this.sourcePassword = r} className="form-control" id="password" type="password"> - //
- //
- //
- // - // this.sourceTelegraf = r} className="form-control" id="telegraf" type="text" defaultValue="telegraf"> - //
- // {this.state.showSSL ? - //
- //
- // this.sourceInsecureSkipVerify = r} /> - // - //
- // - //
: null} - //
- // - //
- //
- //
- //
- render() { const {source} = this.state return ( -
+
- +
+
+

Welcome to Chronograf

+
+ +
diff --git a/ui/src/sources/containers/SourcePage.js b/ui/src/sources/containers/SourcePage.js index 790050120..ebbd80132 100644 --- a/ui/src/sources/containers/SourcePage.js +++ b/ui/src/sources/containers/SourcePage.js @@ -125,13 +125,15 @@ export const SourcePage = React.createClass({
- +
+ +
diff --git a/ui/src/style/unsorted.scss b/ui/src/style/unsorted.scss index e9de6eea6..7dc087b49 100644 --- a/ui/src/style/unsorted.scss +++ b/ui/src/style/unsorted.scss @@ -2,16 +2,6 @@ Unsorted ---------------------------------------------- */ -.select-source-page { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - overflow: auto; - @include custom-scrollbar($g2-kevlar, $c-pool); - @include gradient-v($g2-kevlar, $g0-obsidian); -} .text-right .btn { margin: 0 0 0 4px; }