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

Basic validation; Responsive form

Browse Source
This commit is contained in:
James Barnsley
2018-01-30 08:14:05 +13:00
parent f60e251d1e
commit 7d311af0f0
3 changed files with 87 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/js/views/discover/DiscoverRecommendations.js
View File

@ -192,7 +192,7 @@ class Discover extends React.Component{
e: e,
context: 'track',
items: tracks,
uris: [uri]
uris: helpers.arrayOf('uri',tracks)
}
this.props.uiActions.showContextMenu(data);
}
@ -511,18 +511,18 @@ class Discover extends React.Component{
{this.renderSeeds()}
{this.renderTunabilities()}
<div className="add">
<AddSeedField onSelect={(e,uri) => this.handleSelect(e,uri)} />
<DropdownField className="add-properties" name="Properties" options={addable_tunabilities} no_status_icon button="alternative" handleChange={val => {this.toggleTunability(val)}} />
</div>
{this.state.seeds.length > 5 ? <p className="message error">Too many seeds! You can use up to a total of 5 seed tracks, artists and genres.</p> : null}
</div>
<div className="actions">
<span className={"button primary large"+(is_loading ? " working" : "")} onClick={e => this.getRecommendations()}>
<AddSeedField onSelect={(e,uri) => this.handleSelect(e,uri)} />
<DropdownField className="add-properties" name="Properties" options={addable_tunabilities} no_status_icon button="default" handleChange={val => {this.toggleTunability(val)}} />
<span className={"submit button primary large"+(is_loading ? " working" : "")} onClick={e => this.getRecommendations()}>
<FontAwesome name="compass" />&nbsp;
Find recommendations
</span>
</div>
</div>