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

Current track artwork triggers kiosk

Browse Source
This commit is contained in:
James Barnsley
2017-06-22 09:22:10 +12:00
parent 20ac268fdf
commit b979063ae7
1 changed files with 10 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/js/components/PlaybackControls.js
View File

@ -11,6 +11,7 @@ import Dater from './Dater'
import ArtistSentence from './ArtistSentence'
import Thumbnail from './Thumbnail'
import * as uiActions from '../services/ui/actions'
import * as mopidyActions from '../services/mopidy/actions'
class PlaybackControls extends React.Component{
@ -51,6 +52,11 @@ class PlaybackControls extends React.Component{
return button;
}
handleThumbnailClick(e){
e.preventDefault();
this.props.uiActions.openModal('kiosk_mode')
}
render(){
var images = []
if (this.props.current_track && this.props.current_track.album && this.props.current_track.album.images){
@ -61,7 +67,9 @@ class PlaybackControls extends React.Component{
<div className="playback-controls">
<Link className="current-track" to={(this.props.current_track && this.props.current_track.album ? global.baseURL+'album/'+this.props.current_track.album.uri : null)}>
<Thumbnail size="small" images={images} />
<div className="thumbnail-wrapper" onClick={e => this.handleThumbnailClick(e)}>
<Thumbnail size="small" images={images} />
</div>
<div className="title">
{ this.props.current_track ? this.props.current_track.name : <span>-</span> }
</div>
@ -125,6 +133,7 @@ const mapStateToProps = (state, ownProps) => {
const mapDispatchToProps = (dispatch) => {
return {
uiActions: bindActionCreators(uiActions, dispatch),
mopidyActions: bindActionCreators(mopidyActions, dispatch)
}
}