show track number as index in album page

This commit is contained in:
geoffrey45
2022-06-26 19:37:48 +03:00
committed by Mungai Geoffrey
parent 4b522fd317
commit 26b7cd376d
3 changed files with 23 additions and 3 deletions
+21 -2
View File
@@ -10,10 +10,10 @@
</div>
<div class="songlist">
<SongItem
v-for="(track, index) in tracks"
v-for="track in getTracks()"
:key="track.trackid"
:song="track"
:index="index + 1"
:index="track.index"
@updateQueue="updateQueue"
:isPlaying="queue.playing"
:isCurrent="queue.current.trackid == track.trackid"
@@ -43,6 +43,7 @@ const props = defineProps<{
path?: string;
pname?: string;
playlistid?: string;
on_album_page?: boolean;
}>();
let route = useRoute().name;
@@ -68,6 +69,24 @@ function updateQueue(track: Track) {
break;
}
}
function getTracks() {
if (props.on_album_page) {
let tracks = props.tracks.map((track, index) => {
track.index = track.tracknumber;
return track;
});
return tracks;
}
let tracks = props.tracks.map((track, index) => {
track.index = index + 1;
return track;
});
return tracks;
}
</script>
<style lang="scss">