diff --git a/src/js/components/Modal/AddToQueueModal.js b/src/js/components/Modal/AddToQueueModal.js
index 49c5e300..1780d7fb 100755
--- a/src/js/components/Modal/AddToQueueModal.js
+++ b/src/js/components/Modal/AddToQueueModal.js
@@ -34,7 +34,7 @@ export default class AddToQueueModal extends React.Component{
this.setState({uri: e.target.value})}
value={this.state.uri} />
diff --git a/src/js/components/Track.js b/src/js/components/Track.js
index 4a186a3f..8730e184 100755
--- a/src/js/components/Track.js
+++ b/src/js/components/Track.js
@@ -64,6 +64,9 @@ export default class Track extends React.Component{
{ track.name ? track.name : {track.uri} }
+
+ {helpers.uriSource(track.uri)}
+
{ track.played_at ? ago : null }
diff --git a/src/js/components/TrackList.js b/src/js/components/TrackList.js
index 189f0e80..1228ee2f 100755
--- a/src/js/components/TrackList.js
+++ b/src/js/components/TrackList.js
@@ -257,6 +257,7 @@ class TrackList extends React.Component{
return (
Name
+ Source
Started playing
)
diff --git a/src/js/services/mopidy/middleware.js b/src/js/services/mopidy/middleware.js
index d683edca..3ec3cdce 100755
--- a/src/js/services/mopidy/middleware.js
+++ b/src/js/services/mopidy/middleware.js
@@ -230,6 +230,7 @@ const MopidyMiddleware = (function(){
tlids.push(response[i].tlid)
}
store.dispatch( pusherActions.addQueueMetadata(tlids, action.from_uri) )
+ store.dispatch( uiActions.createNotification('Added '+tlids.length+' URI(s) to queue') )
})
break
@@ -258,6 +259,7 @@ const MopidyMiddleware = (function(){
tlids.push(response[i].tlid)
}
store.dispatch( pusherActions.addQueueMetadata(tlids, action.from_uri) )
+ store.dispatch( uiActions.createNotification('Added '+tlids.length+' URI(s) to queue') )
})
break
@@ -272,8 +274,10 @@ const MopidyMiddleware = (function(){
instruct( socket, store, 'tracklist.add', { uri: action.uris[0], at_position: 0 } )
.then( response => {
+ // treat empty response as a failed lookup
if( !response || response.length <= 0 ){
store.dispatch( uiActions.createNotification('Failed to load URI(s)', 'bad') )
+
}else{
// play it
store.dispatch( mopidyActions.changeTrack( response[0].tlid ) );
@@ -283,12 +287,12 @@ const MopidyMiddleware = (function(){
tlids.push(response[i].tlid)
}
store.dispatch( pusherActions.addQueueMetadata(tlids, action.from_uri) )
- }
- // add the rest of our uris (if any)
- action.uris.shift();
- if( action.uris.length > 0 ){
- store.dispatch( mopidyActions.enqueueURIs( action.uris, action.from_uri, 1 ) )
+ // add the rest of our uris (if any)
+ action.uris.shift();
+ if( action.uris.length > 0 ){
+ store.dispatch( mopidyActions.enqueueURIs( action.uris, action.from_uri, 1 ) )
+ }
}
})
break;
diff --git a/src/js/views/QueueHistory.js b/src/js/views/QueueHistory.js
index a0dd4e5a..e7a1f58c 100755
--- a/src/js/views/QueueHistory.js
+++ b/src/js/views/QueueHistory.js
@@ -52,7 +52,7 @@ class QueueHistory extends React.Component{
diff --git a/src/scss/components/_lists.scss b/src/scss/components/_lists.scss
index 77048471..af8ed34d 100755
--- a/src/scss/components/_lists.scss
+++ b/src/scss/components/_lists.scss
@@ -147,12 +147,13 @@
}
}
- &.queue-history-track-list {
+ &.queue-history-track-list .list-item {
.col {
&.name {
width: 60%;
}
- &.played_at {
+ &.played_at,
+ &.source {
width: 20%;
}
}