deemixer/public/js/downloadList.js

var queueList = {}
var queue = []

socket.on("init_downloadQueue", function(data){
	data['queue'].forEach(item=>{
		addToQueue(data['queueList'][item])
	})
})

function addToQueue(queueItem){
	queueList[queueItem.uuid] = queueItem
	queue.push(queueItem.uuid)
	$("#download_list").append(
	`<div class="download_object" id="download_${queueItem.uuid}" data-deezerid="${queueItem.id}">
		<div class="download_info">
			<img width="75px" class="rounded coverart" src="${queueItem.cover}" alt="Cover ${queueItem.title}"/>
			<div class="download_info_data">
				<span class="download_line">${queueItem.title}</span> <span class="download_slim_separator"> - </span>
				<span class="secondary-text">${queueItem.artist}</span>
			</div>
			<div class="download_info_status">
				<span class="download_line"><span class="queue_downloaded">0</span>/${queueItem.size}</span>
			</div>
		</div>
		<div class="download_bar">
			<div class="progress"><div id="bar_${queueItem.uuid}" class="indeterminate"></div></div>
			<i onclick="downloadAction(event)" class="material-icons queue_icon" data-uuid="${queueItem.uuid}">remove</i>
		</div>
	</div>`)
}

socket.on("addedToQueue", function(queueItem){
	addToQueue(queueItem)
})

function downloadAction(evt){
	let icon = $(evt.currentTarget).text()
	let uuid = $(evt.currentTarget).data("uuid")
	switch (icon) {
		case 'remove':
			socket.emit('removeFromQueue', uuid)
		break;
		default:
	}
}

socket.on("removedFromQueue", function(uuid){
	let index = queue.indexOf(uuid)
	if (index > -1){
		queue.splice(index, 1)
		$(`#download_${queueList[uuid].uuid}`).remove()
		delete queueList[uuid]
	}
})

socket.on("startDownload", function(uuid){
	$('#bar_' + uuid).removeClass('indeterminate').addClass('determinate')
})

socket.on("finishDownload", function(uuid){
	toast(`${queueList[uuid].title} finished downloading.`, 'done')
	$('#bar_' + uuid).css('width', '100%')
	let result_icon = $('#download_'+uuid).find('.queue_icon')
	if (queueList[uuid].failed == 0){
		result_icon.text("done")
	}else if (queueList[uuid].failed >= queueList[uuid].size){
		result_icon.text("error")
	}else{
		result_icon.text("warning")
	}
	let index = queue.indexOf(uuid)
	if (index > -1){
		queue.splice(index, 1)
		delete queueList[uuid]
	}
	if (queue.length <= 0){
		toast('All downloads completed!', 'all_done')
	}
})

socket.on("removedAllDownloads", function(){
	queue = []
	queueList = {}
	$("#download_list").html("")
})

socket.on("updateQueue", function(update){
	if (update.uuid && queue.indexOf(update.uuid) > -1){
		if (update.downloaded){
			queueList[update.uuid].downloaded++
			$("#download_"+update.uuid+" .queue_downloaded").text(queueList[update.uuid].downloaded)
		}
		if (update.failed){
			queueList[update.uuid].failed++
			if (queueList[update.uuid].failed == 1){
				$("#download_"+update.uuid+" .download_info_status").append(`<span class="secondary-text"><span class="download_slim_separator">(</span><span class="queue_failed">1</span> <i class="material-icons">error_outline</i><span class="download_slim_separator">)</span></span>`)
			}else{
				$("#download_"+update.uuid+" .queue_failed").text(queueList[update.uuid].failed)
			}
		}
		if (update.progress){
			queueList[update.uuid].progress = update.progress
			$('#bar_' + update.uuid).css('width', update.progress + '%')
		}
	}
})