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"
>
+
{ 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 @@