258 lines
9.3 KiB
JavaScript
258 lines
9.3 KiB
JavaScript
/**
|
|
* @author Wouter van Wijk
|
|
*
|
|
* these functions communication with ws server
|
|
*
|
|
*/
|
|
|
|
/** ******************************************************
|
|
* process results of a (new) currently playing track
|
|
*********************************************************/
|
|
function processCurrenttrack (data) {
|
|
setSongInfo(data)
|
|
}
|
|
|
|
/** ******************************************************
|
|
* process results of volume
|
|
*********************************************************/
|
|
function processVolume (data) {
|
|
setVolume(data)
|
|
}
|
|
|
|
/** ******************************************************
|
|
* process results of mute
|
|
*********************************************************/
|
|
function processMute (data) {
|
|
setMute(data)
|
|
}
|
|
|
|
/** ******************************************************
|
|
* process results of a repeat
|
|
*********************************************************/
|
|
function processRepeat (data) {
|
|
setRepeat(data)
|
|
}
|
|
|
|
/** ******************************************************
|
|
* process results of random
|
|
*********************************************************/
|
|
function processRandom (data) {
|
|
setRandom(data)
|
|
}
|
|
|
|
/** ******************************************************
|
|
* process results of consume
|
|
*********************************************************/
|
|
function processConsume (data) {
|
|
setConsume(data)
|
|
}
|
|
|
|
/** ******************************************************
|
|
* process results of single
|
|
*********************************************************/
|
|
function processSingle (data) {
|
|
setSingle(data)
|
|
}
|
|
|
|
/** ******************************************************
|
|
* process results of current position
|
|
*********************************************************/
|
|
function processCurrentposition (data) {
|
|
setPosition(parseInt(data))
|
|
}
|
|
|
|
/** ******************************************************
|
|
* process results playstate
|
|
*********************************************************/
|
|
function processPlaystate (data) {
|
|
if (data === 'playing') {
|
|
setPlayState(true)
|
|
} else {
|
|
setPlayState(false)
|
|
}
|
|
}
|
|
|
|
/** ******************************************************
|
|
* process results of a browse list
|
|
*********************************************************/
|
|
function processBrowseDir (resultArr) {
|
|
var backHtml = '<li style="background-color:#ccc"><a href="#" onclick="return getBrowseDir();"><h1 class="trackname"><i class="fa fa-arrow-circle-left"></i> Back</h1></a></li>'
|
|
if ((!resultArr) || (resultArr === '') || (resultArr.length === 0)) {
|
|
$('#browsepath').html('No tracks found...')
|
|
$('#browselist').html(backHtml)
|
|
showLoading(false)
|
|
return
|
|
}
|
|
|
|
$('#browselist').empty()
|
|
|
|
var child = ''
|
|
var rooturi = ''
|
|
var uri = resultArr[0].uri
|
|
|
|
// check root uri
|
|
// find last : or / (spltting the result)
|
|
// do it twice, since.
|
|
var colonindex = uri.lastIndexOf(':')
|
|
var slashindex = uri.lastIndexOf('/')
|
|
|
|
var lastindex = (colonindex > slashindex) ? colonindex : slashindex
|
|
rooturi = uri.slice(0, lastindex)
|
|
if (resultArr[0].type === 'track') {
|
|
rooturi = rooturi.replace(':track:', ':directory:')
|
|
}
|
|
colonindex = rooturi.lastIndexOf(':')
|
|
slashindex = rooturi.lastIndexOf('/')
|
|
|
|
lastindex = (colonindex > slashindex) ? colonindex : slashindex
|
|
rooturi = rooturi.slice(0, lastindex)
|
|
|
|
if (browseStack.length > 0) {
|
|
child += backHtml
|
|
}
|
|
|
|
browseTracks = []
|
|
for (var i = 0, index = 0; i < resultArr.length; i++) {
|
|
iconClass = getMediaClass(resultArr[i].uri)
|
|
if (resultArr[i].type === 'track') {
|
|
// console.log(resultArr[i]);
|
|
mopidy.library.lookup({'uris': [resultArr[i].uri]}).then(function (resultDict) {
|
|
var lookupUri = Object.keys(resultDict)[0]
|
|
popupData[lookupUri] = resultDict[lookupUri][0]
|
|
browseTracks.push(resultDict[lookupUri][0])
|
|
}, console.error)
|
|
child += '<li class="song albumli" id="browselisttracks-' + resultArr[i].uri + '">' +
|
|
'<a href="#" class="moreBtn" onclick="return popupTracks(event, \'' + uri + '\', \'' + resultArr[i].uri + '\', \'' + index + '\');">' +
|
|
'<i class="fa fa-ellipsis-v"></i></a>' +
|
|
'<a href="#" class="browsetrack" onclick="return playBrowsedTracks(PLAY_ALL, ' + index + ');" id="' + resultArr[i].uri +
|
|
'"><h1 class="trackname"><i class="' + iconClass + '"></i> ' + resultArr[i].name + '</h1></a></li>'
|
|
index++
|
|
} else {
|
|
if (browseStack.length > 0) {
|
|
iconClass = 'fa fa-folder-o'
|
|
}
|
|
child += '<li><a href="#" onclick="return getBrowseDir(this.id);" id="' + resultArr[i].uri +
|
|
'""><h1 class="trackname"><i class="' + iconClass + '"></i> ' + resultArr[i].name + '</h1></a></li>'
|
|
}
|
|
}
|
|
|
|
$('#browselist').html(child)
|
|
if (browseStack.length > 0) {
|
|
child = getMediaHuman(uri)
|
|
iconClass = getMediaClass(uri)
|
|
$('#browsepath').html('<i class="' + iconClass + '"></i> ' + child)
|
|
} else {
|
|
$('#browsepath').html('')
|
|
}
|
|
|
|
updatePlayIcons(songdata.track.uri, songdata.tlid)
|
|
|
|
showLoading(false)
|
|
}
|
|
|
|
/** ******************************************************
|
|
* process results of list of playlists of the user
|
|
*********************************************************/
|
|
function processGetPlaylists (resultArr) {
|
|
if ((!resultArr) || (resultArr === '')) {
|
|
$('#playlistslist').empty()
|
|
return
|
|
}
|
|
var tmp = ''
|
|
var favourites = ''
|
|
var starred = ''
|
|
|
|
for (var i = 0; i < resultArr.length; i++) {
|
|
var li_html = '<li><a href="#" onclick="return showTracklist(this.id);" id="' + resultArr[i].uri + '">'
|
|
if (isSpotifyStarredPlaylist(resultArr[i])) {
|
|
starred = li_html + '★ Spotify Starred Tracks</a></li>' + tmp
|
|
} else if (isFavouritesPlaylist(resultArr[i])) {
|
|
favourites = li_html + '♥ Musicbox Favourites</a></li>'
|
|
} else {
|
|
tmp = tmp + li_html + '<i class="' + getMediaClass(resultArr[i].uri) + '"></i> ' + resultArr[i].name + '</a></li>'
|
|
}
|
|
}
|
|
// Prepend the user's Spotify "Starred" playlist and favourites to the results. (like Spotify official client).
|
|
tmp = favourites + starred + tmp
|
|
$('#playlistslist').html(tmp)
|
|
scrollToTracklist()
|
|
showLoading(false)
|
|
}
|
|
|
|
/** ******************************************************
|
|
* process results of a returned list of playlist track refs
|
|
*********************************************************/
|
|
function processPlaylistItems (resultDict) {
|
|
if (resultDict.items.length === 0) {
|
|
console.log('Playlist', resultDict.uri, 'is empty')
|
|
showLoading(false)
|
|
return
|
|
}
|
|
var trackUris = []
|
|
for (i = 0; i < resultDict.items.length; i++) {
|
|
trackUris.push(resultDict.items[i].uri)
|
|
}
|
|
return mopidy.library.lookup({'uris': trackUris}).then(function (tracks) {
|
|
// Transform from dict to list and cache result
|
|
var newplaylisturi = resultDict.uri
|
|
playlists[newplaylisturi] = {'uri': newplaylisturi, 'tracks': []}
|
|
for (i = 0; i < trackUris.length; i++) {
|
|
playlists[newplaylisturi].tracks.push(tracks[trackUris[i]][0])
|
|
}
|
|
showLoading(false)
|
|
return playlists[newplaylisturi].tracks
|
|
})
|
|
}
|
|
|
|
/** ******************************************************
|
|
* process results of the queue, the current playlist
|
|
*********************************************************/
|
|
function processCurrentPlaylist (resultArr) {
|
|
currentplaylist = resultArr
|
|
resultsToTables(currentplaylist, CURRENT_PLAYLIST_TABLE)
|
|
mopidy.playback.getCurrentTlTrack().then(processCurrenttrack, console.error)
|
|
updatePlayIcons(songdata.track.uri, songdata.tlid)
|
|
}
|
|
|
|
/** ******************************************************
|
|
* process results of an artist lookup
|
|
*********************************************************/
|
|
function processArtistResults (resultArr) {
|
|
if (!resultArr || (resultArr.length === 0)) {
|
|
$('#h_artistname').text('Artist not found...')
|
|
getCover('', '#artistviewimage, #artistpopupimage', 'extralarge')
|
|
showLoading(false)
|
|
return
|
|
}
|
|
customTracklists[resultArr.uri] = resultArr
|
|
|
|
resultsToTables(resultArr, ARTIST_TABLE, resultArr.uri)
|
|
var artistname = getArtist(resultArr)
|
|
$('#h_artistname, #artistpopupname').html(artistname)
|
|
getArtistImage(artistname, '#artistviewimage, #artistpopupimage', 'extralarge')
|
|
showLoading(false)
|
|
}
|
|
|
|
/** ******************************************************
|
|
* process results of an album lookup
|
|
*********************************************************/
|
|
function processAlbumResults (resultArr) {
|
|
if (!resultArr || (resultArr.length === 0)) {
|
|
$('#h_albumname').text('Album not found...')
|
|
getCover('', '#albumviewcover, #coverpopupimage', 'extralarge')
|
|
showLoading(false)
|
|
return
|
|
}
|
|
customTracklists[resultArr.uri] = resultArr
|
|
|
|
albumTracksToTable(resultArr, ALBUM_TABLE, resultArr.uri)
|
|
var albumname = getAlbum(resultArr)
|
|
var artistname = getArtist(resultArr)
|
|
$('#h_albumname').html(albumname)
|
|
$('#h_albumartist').html(artistname)
|
|
$('#coverpopupalbumname').html(albumname)
|
|
$('#coverpopupartist').html(artistname)
|
|
getCover(resultArr[0].uri, '#albumviewcover, #coverpopupimage', 'extralarge')
|
|
showLoading(false)
|
|
}
|