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

Modal inputs

Browse Source
This commit is contained in:
James Barnsley
2018-05-24 21:37:41 +12:00
parent e5bead0735
commit b5c25760ad
10 changed files with 23534 additions and 25421 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
src/js/components/Modal/CreatePlaylistModal.js
View File

@ -55,23 +55,27 @@ export default class CreatePlaylistModal extends React.Component{
</div>
<div className="field checkbox white">
<span className="label">Options</span>
<label>
<input
type="checkbox"
name="is_public"
checked={ this.state.is_public }
onChange={ e => this.setState({ is_public: !this.state.is_public })} />
<span className="label">Public</span>
</label>
<label>
<input
type="checkbox"
name="is_collaborative"
checked={ this.state.is_collaborative }
onChange={ e => this.setState({ is_collaborative: !this.state.is_collaborative })} />
<span className="label">Collaborative</span>
</label>
<div className="label">
Options
</div>
<div className="input">
<label>
<input
type="checkbox"
name="is_public"
checked={ this.state.is_public }
onChange={ e => this.setState({ is_public: !this.state.is_public })} />
<span className="label">Public</span>
</label>
<label>
<input
type="checkbox"
name="is_collaborative"
checked={ this.state.is_collaborative }
onChange={ e => this.setState({ is_collaborative: !this.state.is_collaborative })} />
<span className="label">Collaborative</span>
</label>
</div>
</div>
</div>
)
@ -98,25 +102,29 @@ export default class CreatePlaylistModal extends React.Component{
<form onSubmit={(e) => this.createPlaylist(e)}>
<div className="field radio white">
<span className="label">Provider</span>
<label>
<input
type="radio"
name="scheme"
value="spotify"
checked={ this.state.scheme == 'spotify' }
onChange={ e => this.setState({ scheme: e.target.value })} />
<span className="label">Spotify</span>
</label>
<label>
<input
type="radio"
name="scheme"
value="m3u"
checked={ this.state.scheme == 'm3u' }
onChange={ e => this.setState({ scheme: e.target.value })} />
<span className="label">Mopidy</span>
</label>
<div className="label">
Provider
</div>
<div className="input">
<label>
<input
type="radio"
name="scheme"
value="spotify"
checked={ this.state.scheme == 'spotify' }
onChange={ e => this.setState({ scheme: e.target.value })} />
<span className="label">Spotify</span>
</label>
<label>
<input
type="radio"
name="scheme"
value="m3u"
checked={ this.state.scheme == 'm3u' }
onChange={ e => this.setState({ scheme: e.target.value })} />
<span className="label">Mopidy</span>
</label>
</div>
</div>
{this.renderFields()}