mirror of
https://github.com/Dvorinka/swingmusic-extended.git
synced 2026-06-04 12:33:03 +00:00
geoffrey45
e1c9cfa99b
+ show albumartist on TrackItem if artists == "" + add action to reset playlist page artists to prevent content flashes + remove use of defaultTrackItem
60 lines
1.6 KiB
Vue
60 lines
1.6 KiB
Vue
<template>
|
|
<div class="info">
|
|
<div class="desc">
|
|
<div>
|
|
<router-link
|
|
:to="{
|
|
name: 'AlbumView',
|
|
params: {
|
|
hash: track?.albumhash ? track.albumhash : ' ',
|
|
},
|
|
}"
|
|
>
|
|
<div class="art">
|
|
<img
|
|
:src="imguri + track?.image"
|
|
alt=""
|
|
class="l-image rounded force-lm"
|
|
loading="lazy"
|
|
/>
|
|
</div>
|
|
</router-link>
|
|
|
|
<div id="bitrate" v-if="track?.bitrate">
|
|
<span v-if="track.bitrate > 1500">MASTER</span>
|
|
<span v-else-if="track.bitrate > 330">FLAC</span>
|
|
<span v-else>MP3</span>
|
|
• {{ track.bitrate }}
|
|
</div>
|
|
<div class="title ellip">{{ props.track?.title }}</div>
|
|
<div class="separator no-border"></div>
|
|
<div
|
|
class="artists ellip"
|
|
v-if="track?.artists && track?.artists[0] !== ''"
|
|
>
|
|
<span v-for="artist in putCommas(track.artists)" :key="artist">{{
|
|
artist
|
|
}}</span>
|
|
</div>
|
|
<div class="artists" v-else-if="track?.artists">
|
|
<span>{{ track.albumartist }}</span>
|
|
</div>
|
|
<div class="artists" v-else>
|
|
<span>Meh</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { putCommas } from "@/utils";
|
|
import { paths } from "../../../config";
|
|
import { Track } from "../../../interfaces";
|
|
const imguri = paths.images.thumb;
|
|
|
|
const props = defineProps<{
|
|
track: Track | null;
|
|
}>();
|
|
</script>
|