secstate/Iris
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Form styling; Slider

Browse Source
This commit is contained in:
James Barnsley
2016-10-26 21:20:48 +13:00
parent 47b6009ec3
commit 05e131ce75
10 changed files with 123 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/js/views/Settings.js
View File

@ -52,11 +52,17 @@ class Settings extends React.Component{
<form onSubmit={() => this.setMopidyConfig()}>
<label>
<span className="label">Host</span>
<input onChange={ e => this.setState({ mopidy_host: e.target.value })} value={ this.state.mopidy_host } />
<input
type="text"
onChange={ e => this.setState({ mopidy_host: e.target.value })}
value={ this.state.mopidy_host } />
</label>
<label>
<span className="label">Port</span>
<input onChange={ e => this.setState({ mopidy_port: e.target.value })} value={ this.state.mopidy_port } />
<input
type="text"
onChange={ e => this.setState({ mopidy_port: e.target.value })}
value={ this.state.mopidy_port } />
</label>
<button type="submit">Apply</button>
</form>
@ -65,11 +71,17 @@ class Settings extends React.Component{
<form onSubmit={() => this.setSpotifyConfig()}>
<label>
<span className="label">Country</span>
<input onChange={ e => this.setState({ spotify_country: e.target.value })} value={ this.state.spotify_country } />
<input
type="text"
onChange={ e => this.setState({ spotify_country: e.target.value })}
value={ this.state.spotify_country } />
</label>
<label>
<span className="label">Locale</span>
<input onChange={ e => this.setState({ spotify_locale: e.target.value })} value={ this.state.spotify_locale } />
<input
type="text"
onChange={ e => this.setState({ spotify_locale: e.target.value })}
value={ this.state.spotify_locale } />
</label>
<button type="submit">Apply</button>
</form>