MyFavMirrors/owntone-server
1
0
Fork 0
mirror of https://github.com/owntone/owntone-server.git synced 2025-01-15 08:45:02 -05:00
Code Issues Packages Projects Releases Wiki Activity

[web] Fix modal dialog for queue items

Browse Source 
Whenever a field is not existing for an item, the name of the field is not displayed anymore.
This commit is contained in:
Alain Nussbaumer 2023-12-09 21:35:51 +01:00
parent 76282e2031
commit 777d98ce80
1 changed files with 31 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

67
web-src/src/components/ModalDialogQueueItem.vue
View File

@ -9,18 +9,16 @@
<p class="title is-4" v-text="item.title" /> <p class="title is-4" v-text="item.title" />
<p class="subtitle" v-text="item.artist" /> <p class="subtitle" v-text="item.artist" />
<div class="content is-small"> <div class="content is-small">
<p> <p v-if="item.album">
<span <span
class="heading" class="heading"
v-text="$t('dialog.queue-item.album')" v-text="$t('dialog.queue-item.album')"
/> />
<a <a
v-if="item.album_id"
class="title is-6 has-text-link" class="title is-6 has-text-link"
@click="open_album" @click="open_album"
v-text="item.album" v-text="item.album"
/> />
<span v-else class="title is-6" v-text="item.album" />
</p> </p>
<p v-if="item.album_artist"> <p v-if="item.album_artist">
<span <span
@ -28,12 +26,10 @@
v-text="$t('dialog.queue-item.album-artist')" v-text="$t('dialog.queue-item.album-artist')"
/> />
<a <a
v-if="item.album_artist_id"
class="title is-6 has-text-link" class="title is-6 has-text-link"
@click="open_album_artist" @click="open_album_artist"
v-text="item.album_artist" v-text="item.album_artist"
/> />
<span v-else class="title is-6" v-text="item.album_artist" />
</p> </p>
<p v-if="item.composer"> <p v-if="item.composer">
<span <span
@ -42,7 +38,7 @@
/> />
<span class="title is-6" v-text="item.composer" /> <span class="title is-6" v-text="item.composer" />
</p> </p>
<p v-if="item.year > 0"> <p v-if="item.year">
<span class="heading" v-text="$t('dialog.queue-item.year')" /> <span class="heading" v-text="$t('dialog.queue-item.year')" />
<span class="title is-6" v-text="item.year" /> <span class="title is-6" v-text="item.year" />
</p> </p>
@ -57,7 +53,7 @@
v-text="item.genre" v-text="item.genre"
/> />
</p> </p>
<p> <p v-if="item.disc_number">
<span <span
class="heading" class="heading"
v-text="$t('dialog.queue-item.position')" v-text="$t('dialog.queue-item.position')"
@ -67,7 +63,7 @@
v-text="[item.disc_number, item.track_number].join(' / ')" v-text="[item.disc_number, item.track_number].join(' / ')"
/> />
</p> </p>
<p> <p v-if="item.length_ms">
<span <span
class="heading" class="heading"
v-text="$t('dialog.queue-item.duration')" v-text="$t('dialog.queue-item.duration')"
@ -92,22 +88,9 @@
].join(' - ') ].join(' - ')
" "
/> />
<span
v-if="item.data_kind === 'spotify'"
class="has-text-weight-normal"
>
(<a
@click="open_spotify_artist"
v-text="$t('dialog.queue-item.spotify-artist')"
/>,
<a
@click="open_spotify_album"
v-text="$t('dialog.queue-item.spotify-album')"
/>)
</span>
</span> </span>
</p> </p>
<p> <p v-if="item.samplerate">
<span <span
class="heading" class="heading"
v-text="$t('dialog.queue-item.quality')" v-text="$t('dialog.queue-item.quality')"
@ -208,7 +191,12 @@ export default {
}, },
open_album() { open_album() {
if (this.item.media_kind === 'podcast') { if (this.item.data_kind === 'spotify') {
this.$router.push({
name: 'music-spotify-album',
params: { id: this.spotify_track.album.id }
})
} else if (this.item.media_kind === 'podcast') {
this.$router.push({ this.$router.push({
name: 'podcast', name: 'podcast',
params: { id: this.item.album_id } params: { id: this.item.album_id }
@ -218,7 +206,7 @@ export default {
name: 'audiobooks-album', name: 'audiobooks-album',
params: { id: this.item.album_id } params: { id: this.item.album_id }
}) })
} else { } else if (this.item.media_kind === 'music') {
this.$router.push({ this.$router.push({
name: 'music-album', name: 'music-album',
params: { id: this.item.album_id } params: { id: this.item.album_id }
@ -227,10 +215,25 @@ export default {
}, },
open_album_artist() { open_album_artist() {
if (this.item.data_kind === 'spotify') {
this.$router.push({
name: 'music-spotify-artist',
params: { id: this.spotify_track.artists[0].id }
})
} else if (
this.item.media_kind === 'music' ||
this.item.media_kind === 'podcast'
) {
this.$router.push({ this.$router.push({
name: 'music-artist', name: 'music-artist',
params: { id: this.item.album_artist_id } params: { id: this.item.album_artist_id }
}) })
} else if (this.item.media_kind === 'audiobook') {
this.$router.push({
name: 'audiobooks-artist',
params: { id: this.item.album_artist_id }
})
}
}, },
open_genre() { open_genre() {
@ -239,22 +242,6 @@ export default {
params: { name: this.item.genre }, params: { name: this.item.genre },
query: { media_kind: this.item.media_kind } query: { media_kind: this.item.media_kind }
}) })
},
open_spotify_artist() {
this.$emit('close')
this.$router.push({
name: 'music-spotify-artist',
params: { id: this.spotify_track.artists[0].id }
})
},
open_spotify_album() {
this.$emit('close')
this.$router.push({
name: 'music-spotify-album',
params: { id: this.spotify_track.album.id }
})
} }
} }
} }