add experimental remove from queue action

+ show albumartist on TrackItem if artists == ""
+ add action to reset playlist page artists to prevent content flashes
+ remove use of defaultTrackItem
This commit is contained in:
geoffrey45
2022-08-15 10:25:34 +03:00
parent 1f374eeda1
commit e1c9cfa99b
17 changed files with 122 additions and 79 deletions
+16 -12
View File
@@ -6,13 +6,13 @@
:to="{
name: 'AlbumView',
params: {
hash: track.albumhash,
hash: track?.albumhash ? track.albumhash : ' ',
},
}"
>
<div class="art">
<img
:src="imguri + track.image"
:src="imguri + track?.image"
alt=""
class="l-image rounded force-lm"
loading="lazy"
@@ -20,23 +20,27 @@
</div>
</router-link>
<div id="bitrate" v-if="track.bitrate">
<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="title ellip">{{ props.track?.title }}</div>
<div class="separator no-border"></div>
<div class="artists ellip" v-if="props.track.artists[0] !== ''">
<span
v-for="artist in putCommas(props.track.artists)"
:key="artist"
>{{ artist }}</span
>
<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>{{ props.track.albumartist }}</span>
<span>Meh</span>
</div>
</div>
</div>
@@ -50,6 +54,6 @@ import { Track } from "../../../interfaces";
const imguri = paths.images.thumb;
const props = defineProps<{
track: Track;
track: Track | null;
}>();
</script>