MyFavMirrors/owntone-server
1
0
Fork 0
mirror of https://github.com/owntone/owntone-server.git synced 2025-02-28 13:59:18 -05:00
Code Issues Packages Projects Releases Wiki Activity

[web] Refactor the Spotify album page

Browse Source
This commit is contained in:
Alain Nussbaumer 2024-03-24 18:05:29 +01:00
parent c89449e8fd
commit 9705c8cd57
5 changed files with 21 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
web-src/src/components/ListItemAlbumSpotify.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="media is-align-items-center">
<div class="media is-align-items-center" @click="open_album">
<div v-if="$slots['artwork']" class="media-left is-clickable">
<slot name="artwork" />
</div>
@ -23,7 +23,16 @@
<script>
export default {
name: 'ListItemAlbumSpotify',
props: { item: { required: true, type: Object } }
props: { item: { required: true, type: Object } },
methods: {
open_album() {
this.$router.push({
name: 'music-spotify-album',
params: { id: this.item.id }
})
}
}
}
</script>

7
web-src/src/pages/PageArtistSpotify.vue
View File

@ -27,7 +27,6 @@
v-for="album in albums"
:key="album.id"
:item="album"
@click="open_album(album)"
>
<template v-if="is_visible_artwork" #artwork>
<cover-artwork
@ -181,12 +180,6 @@ export default {
loaded(data.items.length, PAGE_SIZE)
})
},
open_album(album) {
this.$router.push({
name: 'music-spotify-album',
params: { id: album.id }
})
},
open_dialog(album) {
this.selected_album = album
this.show_album_details_modal = true

14
web-src/src/pages/PageMusicSpotify.vue
View File

@ -11,7 +11,6 @@
v-for="album in new_releases"
:key="album.id"
:item="album"
@click="open_album(album)"
>
<template v-if="is_visible_artwork" #artwork>
<cover-artwork
@ -167,11 +166,10 @@ export default {
data() {
return {
show_album_details_modal: false,
selected_album: {},
show_playlist_details_modal: false,
selected_playlist: {}
selected_playlist: {},
show_album_details_modal: false,
show_playlist_details_modal: false
}
},
@ -194,12 +192,6 @@ export default {
artwork_url(album) {
return album.images?.[0]?.url || ''
},
open_album(album) {
this.$router.push({
name: 'music-spotify-album',
params: { id: album.id }
})
},
open_album_dialog(album) {
this.selected_album = album
this.show_album_details_modal = true

24
web-src/src/pages/PageMusicSpotifyNewReleases.vue
View File

@ -10,7 +10,6 @@
v-for="album in new_releases"
:key="album.id"
:item="album"
@click="open_album(album)"
>
<template v-if="is_visible_artwork" #artwork>
<cover-artwork
@ -96,39 +95,30 @@ export default {
data() {
return {
show_details_modal: false,
selected_album: {}
selected_album: {},
show_details_modal: false
}
},
computed: {
new_releases() {
return this.$store.state.spotify_new_releases
},
is_visible_artwork() {
return this.$store.getters.settings_option(
'webinterface',
'show_cover_artwork_in_album_lists'
).value
},
new_releases() {
return this.$store.state.spotify_new_releases
}
},
methods: {
open_album(album) {
this.$router.push({
name: 'music-spotify-album',
params: { id: album.id }
})
artwork_url(album) {
return album.images?.[0]?.url || ''
},
open_album_dialog(album) {
this.selected_album = album
this.show_details_modal = true
},
artwork_url(album) {
return album.images?.[0]?.url || ''
}
}
}

7
web-src/src/pages/PageSearchSpotify.vue
View File

@ -169,7 +169,6 @@
v-for="album in albums.items"
:key="album.id"
:item="album"
@click="open_album(album)"
>
<template v-if="is_visible_artwork" #artwork>
<cover-artwork
@ -396,12 +395,6 @@ export default {
})
this.$refs.search_field.blur()
},
open_album(album) {
this.$router.push({
name: 'music-spotify-album',
params: { id: album.id }
})
},
open_album_dialog(album) {
this.selected_album = album
this.show_album_details_modal = true