Added button to download just one tab

This commit is contained in:
RemixDev 2022-08-19 20:44:55 +02:00
parent 75b318f7a1
commit 90f52faad2
3 changed files with 16 additions and 1 deletions

View File

@ -1,5 +1,5 @@
<template> <template>
<div class="relative image-header"> <div class="relative fixed-footer image-header">
<header class="flex items-center" :style="headerStyle"> <header class="flex items-center" :style="headerStyle">
<h1 class="m-0">{{ artistName }}</h1> <h1 class="m-0">{{ artistName }}</h1>
@ -86,6 +86,16 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
<footer class="bg-background-main">
<div style="flex-grow: 1;">
<button :data-link="downloadLink+'/discography'" class="btn btn-flat" @click.stop="sendAddToQueue(downloadLink)">
{{ `${$t('globals.download', { thing: $t('globals.listTabs.discography') })}` }}
</button>
</div>
<button :data-link="downloadLink+'/'+currentTab" class="flex items-center btn btn-primary" @click.stop="sendAddToQueue(downloadLink+'/'+currentTab)">
{{ `${$t('globals.download', { thing: $tc(`globals.listTabs.${currentTab}`, 2) })}` }}<i class="ml-2 material-icons">file_download</i>
</button>
</footer>
</div> </div>
</template> </template>

View File

@ -21,6 +21,7 @@ const en = {
listTabs: { listTabs: {
empty: '', empty: '',
all: 'all', all: 'all',
discography: 'discography',
top_result: 'top result', top_result: 'top result',
album: 'album | albums', album: 'album | albums',
artist: 'artist | artists', artist: 'artist | artists',

View File

@ -24,6 +24,10 @@
.btn-primary { .btn-primary {
@apply bg-primary; @apply bg-primary;
} }
.btn-flat {
background-color: rgba(0, 0, 0, 0);
color: var(--foreground);
}
.btn-primary:hover { .btn-primary:hover {
@apply bg-blue-600 border-foreground; @apply bg-blue-600 border-foreground;