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

Resumable processes for mopidy

Browse Source
This commit is contained in:
James Barnsley
2017-08-16 18:03:07 +12:00
parent 8e030cc936
commit 706e28a7b6
6 changed files with 20 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/js/services/mopidy/middleware.js
View File

@ -351,8 +351,8 @@ const MopidyMiddleware = (function(){
for (var i = 0; i < batches.length; i++){
total_uris += batches[i].uris.length
}
var next_batches = batches.shift()
store.dispatch(uiActions.updateProcess('MOPIDY_ENQUEUE_URIS_PROCESSOR', 'Adding '+total_uris+' URI(s)', {batches: next_batches}))
batches.shift()
store.dispatch(uiActions.updateProcess('MOPIDY_ENQUEUE_URIS_PROCESSOR', 'Adding '+total_uris+' URI(s)'))
// no batches means we're done here
} else {
@ -408,7 +408,7 @@ const MopidyMiddleware = (function(){
// locked until we're completely done.
setTimeout(
function(){
store.dispatch(uiActions.runProcess(action.type))
store.dispatch(uiActions.runProcess(action.type, {batches: batches}))
},
100
)

2
src/js/views/Album.js
View File

@ -151,7 +151,7 @@ class Album extends React.Component{
<section className="list-wrapper">
{ this.props.album.tracks ? <TrackList className="album-track-list" tracks={ this.props.album.tracks } uri={this.props.params.uri} /> : null }
<LazyLoadListener enabled={this.props.album.tracks_more} loadMore={ () => this.loadMore() }/>
<LazyLoadListener loading={this.props.album.tracks_more} loadMore={ () => this.loadMore() }/>
</section>
</div>

2
src/js/views/Artist.js
View File

@ -179,7 +179,7 @@ class Artist extends React.Component{
<h4>Albums</h4>
<section className="grid-wrapper no-top-padding">
<AlbumGrid albums={albums} />
<LazyLoadListener enabled={this.props.artist.albums_more} loadMore={ () => this.loadMore() }/>
<LazyLoadListener loading={this.props.artist.albums_more} loadMore={ () => this.loadMore() }/>
</section>
</div>
)

2
src/js/views/Playlist.js
View File

@ -195,7 +195,7 @@ class Playlist extends React.Component{
<section className="list-wrapper">
{ this.props.playlist.tracks ? <TrackList uri={this.props.params.uri} className="playlist-track-list" context={context} tracks={this.props.playlist.tracks} removeTracks={ tracks_indexes => this.removeTracks(tracks_indexes) } reorderTracks={ (indexes, index) => this.reorderTracks(indexes, index) } /> : null }
<LazyLoadListener enabled={this.props.playlist.tracks_more} loadMore={ () => this.loadMore() }/>
<LazyLoadListener loading={this.props.playlist.tracks_more} loadMore={ () => this.loadMore() }/>
</section>
</div>
)

2
src/js/views/Search.js
View File

@ -198,7 +198,7 @@ class Search extends React.Component{
<section className="list-wrapper">
<h4><Link to={global.baseURL+'search/'+this.props.params.query+'/tracks'}>Tracks</Link></h4>
<TrackList tracks={tracks} uri={'iris:search:'+this.props.params.type+':'+this.props.params.query} show_source_icon />
<LazyLoadListener enabled={this.props['tracks_more'] && spotify_search_enabled} loadMore={ () => this.loadMore('tracks') }/>
<LazyLoadListener loading={this.props['tracks_more'] && spotify_search_enabled} loadMore={ () => this.loadMore('tracks') }/>
</section>
</div>

13
src/scss/components/_filter-field.scss
View File

@ -19,6 +19,19 @@
background: transparent;
}
&:not(.active){
input {
cursor: pointer;
}
&:hover {
.fa {
color: $blue;
}
}
}
&.active {
input {
width: 180px;