implement show copyright info on album page

+ rewrite server track and album models to use destructuring
This commit is contained in:
geoffrey45
2022-08-03 14:47:29 +03:00
parent 7b2e162ed4
commit 327207f1ab
7 changed files with 70 additions and 20 deletions
+21 -2
View File
@@ -1,7 +1,19 @@
<template>
<div class="album-tracks rounded">
<div v-for="(disc, key) in discs" class="album-disc">
<SongList :key="key" :tracks="disc" :on_album_page="true" :disc="key" />
<SongList
:key="key"
:tracks="disc"
:on_album_page="true"
:disc="key"
:copyright="
() => {
if (isLastDisc(key)) {
return copyright;
}
}
"
/>
</div>
</div>
</template>
@@ -10,11 +22,18 @@
import { Track } from "@/interfaces";
import SongList from "@/components/FolderView/SongList.vue";
defineProps<{
const props = defineProps<{
discs: {
[key: string]: Track[];
};
copyright: string;
}>();
// check if the disc is the last disc
const isLastDisc = (disc: string | number) => {
const discs = Object.keys(props.discs);
return discs[discs.length - 1] === disc;
};
</script>
<style lang="scss">