mirror of
https://github.com/owntone/owntone-server.git
synced 2025-03-04 07:40:12 -05:00
48 lines
1.1 KiB
Vue
48 lines
1.1 KiB
Vue
<template>
|
|
<modal-dialog-playable
|
|
:item="playable"
|
|
:show="show"
|
|
@close="$emit('close')"
|
|
/>
|
|
</template>
|
|
|
|
<script>
|
|
import ModalDialogPlayable from '@/components/ModalDialogPlayable.vue'
|
|
|
|
export default {
|
|
name: 'ModalDialogArtist',
|
|
components: { ModalDialogPlayable },
|
|
props: { item: { required: true, type: Object }, show: Boolean },
|
|
emits: ['close'],
|
|
computed: {
|
|
playable() {
|
|
return {
|
|
name: this.item.name,
|
|
handler: this.open,
|
|
properties: [
|
|
{ label: 'property.albums', value: this.item.album_count },
|
|
{ label: 'property.tracks', value: this.item.track_count },
|
|
{
|
|
label: 'property.type',
|
|
value: this.$t(`data.kind.${this.item.data_kind}`)
|
|
},
|
|
{
|
|
label: 'property.added-on',
|
|
value: this.$filters.datetime(this.item.time_added)
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
methods: {
|
|
open() {
|
|
this.$emit('close')
|
|
this.$router.push({
|
|
name: 'music-artist',
|
|
params: { id: this.item.id }
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|