47 lines
1.3 KiB
JavaScript
Executable File
47 lines
1.3 KiB
JavaScript
Executable File
|
|
import React, { PropTypes } from 'react'
|
|
import FontAwesome from 'react-fontawesome'
|
|
import Icon from '../Icon'
|
|
import * as helpers from '../../helpers'
|
|
|
|
export default class AddToPlaylistModal extends React.Component{
|
|
|
|
constructor(props){
|
|
super(props)
|
|
}
|
|
|
|
playlistSelected( playlist_uri ){
|
|
this.props.uiActions.addTracksToPlaylist( playlist_uri, this.props.tracks_uris )
|
|
this.props.uiActions.closeModal()
|
|
}
|
|
|
|
render(){
|
|
if( !this.props.playlists ) return <div className="empty">No editable playlists</div>
|
|
var playlists = []
|
|
for (var uri in this.props.playlists){
|
|
if( this.props.playlists[uri].can_edit ) playlists.push( this.props.playlists[uri] )
|
|
}
|
|
|
|
playlists = helpers.sortItems(playlists, 'name')
|
|
|
|
return (
|
|
<div>
|
|
<h4>Add to playlist</h4>
|
|
<div className="list playlists">
|
|
{
|
|
playlists.map( playlist => {
|
|
return (
|
|
<div className="list-item playlist" key={playlist.uri} onClick={ () => this.playlistSelected(playlist.uri) }>
|
|
<FontAwesome className="source" name={helpers.sourceIcon(playlist.uri)} />
|
|
|
|
<span className="name">{ playlist.name }</span>
|
|
{ playlist.tracks_total ? <span className="grey-text"> { playlist.tracks_total } tracks</span> : null }
|
|
</div>
|
|
)
|
|
})
|
|
}
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
} |