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

Fiddling with thunk; More library endpoints

Browse Source
This commit is contained in:
James Barnsley
2016-10-20 21:38:01 +13:00
parent d659eec7ab
commit daab2133df
16 changed files with 413 additions and 163 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/js/components/Player.js
View File

@ -13,11 +13,22 @@ class Player extends React.Component{
super(props);
}
renderTrackInFocus(){
if( this.props.mopidy && this.props.mopidy.trackInFocus ){
return (
<div>
<div>{ this.props.mopidy.trackInFocus.track.name }</div>
</div>
);
}
return null;
}
renderControls(){
var playButton = <a onClick={() => this.props.actions.instruct('playback.play')}><FontAwesome name="play" /> </a>
var playButton = <a onClick={() => this.props.actions.play()}><FontAwesome name="play" /> </a>
if( this.props.mopidy.state == 'playing' ){
playButton = <a onClick={() => this.props.actions.instruct('playback.pause')}><FontAwesome name="pause" /> </a>
playButton = <a onClick={() => this.props.actions.pause()}><FontAwesome name="pause" /> </a>
}
var consumeButton = <a onClick={() => this.props.actions.instruct('tracklist.setConsume', [true])}>Consume </a>
@ -37,11 +48,12 @@ class Player extends React.Component{
return (
<div>
{ this.renderTrackInFocus() }
{ playButton }
<a onClick={() => this.props.actions.instruct('playback.previous')}>
<a onClick={() => this.props.actions.previous()}>
<FontAwesome name="step-backward" />
</a>&nbsp;
<a onClick={() => this.props.actions.instruct('playback.next')}>
<a onClick={() => this.props.actions.next()}>
<FontAwesome name="step-forward" />
</a>&nbsp;
{ consumeButton }