Added remove from queue button

This commit is contained in:
RemixDev 2020-04-11 15:43:59 +02:00
parent 8dbd1b892c
commit c8a4c5217c
2 changed files with 33 additions and 1 deletions

View File

@ -259,6 +259,15 @@ div#download_tab{
display: block; display: block;
} }
.download_object > .download_bar{
display: flex;
align-items: center;
height: 24px;
}
.download_object > .download_bar > .progress{
margin: 0px;
}
/* Global stuff */ /* Global stuff */
img.rounded { img.rounded {
border-radius: 5px; border-radius: 5px;

View File

@ -16,10 +16,33 @@ socket.on("addedToQueue", function(queueItem){
<span class="download_line"><span class="queue_downloaded">0</span>/${queueItem.size}</span> <span class="download_line"><span class="queue_downloaded">0</span>/${queueItem.size}</span>
</div> </div>
</div> </div>
<div class="download_bar progress"><div id="bar_${queueItem.uuid}" class="indeterminate"></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>`) </div>`)
}) })
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){ socket.on("startDownload", function(uuid){
$('#bar_' + uuid).removeClass('indeterminate').addClass('determinate') $('#bar_' + uuid).removeClass('indeterminate').addClass('determinate')
}) })