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

Unifying modal form fields to standard style; Initial setup reporting field

Browse Source
This commit is contained in:
James Barnsley
2018-06-06 16:54:09 +12:00
parent c27588f2f0
commit 12054ffcb4
13 changed files with 1836 additions and 1847 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/js/components/Modal/EditPlaylistModal.js
View File

@ -37,21 +37,25 @@ export default class EditPlaylistModal extends React.Component{
return (
<div>
<div className="field text">
<span className="label">Name</span>
<input
type="text"
onChange={ e => this.setState({ name: e.target.value })}
value={ this.state.name } />
<div className="name">Name</div>
<div className="input">
<input
type="text"
onChange={ e => this.setState({ name: e.target.value })}
value={ this.state.name } />
</div>
</div>
<div className="field text">
<span className="label">Description</span>
<input
type="text"
onChange={ e => this.setState({ description: e.target.value })}
value={ this.state.description } />
<div className="name">Description</div>
<div className="input">
<input
type="text"
onChange={ e => this.setState({ description: e.target.value })}
value={ this.state.description } />
</div>
</div>
<div className="field checkbox white">
<div className="label">
<div className="name">
Options
</div>
<div className="input">
@ -81,11 +85,13 @@ export default class EditPlaylistModal extends React.Component{
return (
<div>
<div className="field text">
<span className="label">Name</span>
<input
type="text"
onChange={ e => this.setState({ name: e.target.value })}
value={ this.state.name } />
<div className="name">Name</div>
<div className="input">
<input
type="text"
onChange={ e => this.setState({ name: e.target.value })}
value={ this.state.name } />
</div>
</div>
</div>
)