diff --git a/front/src/EmbedFrame.vue b/front/src/EmbedFrame.vue index 5f70c2d27..039cc6578 100644 --- a/front/src/EmbedFrame.vue +++ b/front/src/EmbedFrame.vue @@ -34,6 +34,12 @@ :src="currentTrack.cover" alt="Cover" > + Cover { return null } } - }, data () { return { time, @@ -275,6 +278,7 @@ export default { isLoading: true, theme: 'dark', currentIndex: -1, + artistCover: null, themes: { dark: { textColor: 'white' @@ -385,6 +389,7 @@ export default { } if (type === 'artist') { this.fetchTracks({ artist: id, playable: true, include_channels: 'true', ordering: '-album__release_date,disc_number,position' }) + this.fetchArtistCover(id) } if (type === 'playlist') { this.fetchTracks({}, `/api/v1/playlists/${id}/tracks/`) @@ -463,6 +468,15 @@ export default { } }) }, + fetchArtistCover (id) { + const self = this + self.isLoading = true + const url = `${this.baseUrl}/api/v1/artists/${id}/` + axios.get(url).then(response => { + self.isLoading = false + self.artistCover = response.data.cover.urls.medium_square_crop + }) + }, bindEvents () { const self = this this.$refs.player.player.on('ended', () => { diff --git a/front/src/components/audio/EmbedWizard.vue b/front/src/components/audio/EmbedWizard.vue index 1835d8b5e..2dc136afa 100644 --- a/front/src/components/audio/EmbedWizard.vue +++ b/front/src/components/audio/EmbedWizard.vue @@ -98,7 +98,6 @@ scrolling="no" frameborder="no" :src="iframeSrc" - :artist-cover="cover" /> @@ -112,8 +111,7 @@ import _ from '@/lodash' export default { props: { type: { type: String, required: true }, - id: { type: Number, required: true }, - cover: { type: Object, required: false, default: () => { return null } } + id: { type: Number, required: true } }, data () { const d = { diff --git a/front/src/views/channels/DetailBase.vue b/front/src/views/channels/DetailBase.vue index d267a3e66..5e53474ed 100644 --- a/front/src/views/channels/DetailBase.vue +++ b/front/src/views/channels/DetailBase.vue @@ -320,7 +320,6 @@