evan/deemixer
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

wip: improving downloads' managemente

Browse Source
This commit is contained in:
Roberto Tonino
2020-09-19 17:07:28 +02:00
parent 6e195827aa
commit 032762f75c
10 changed files with 182 additions and 118 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/components/downloads/QueueItem.vue Normal file
View File

@@ -0,0 +1,31 @@
<template>
<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">{{ queueItem.downloaded + queueItem.failed }}</span
>/{{ queueItem.size }}
</span>
</div>
</div>
<div class="download_bar">
<div class="progress">
<div :id="`bar_${queueItem.uuid}`" class="indeterminate" :ref="`bar_${queueItem.uuid}`"></div>
</div>
<i class="material-icons queue_icon" :data-uuid="queueItem.uuid">remove</i>
</div>
</div>
</template>
<script>
export default {
props: {
queueItem: Object
}
}
</script>