fix(front): replace artist.attachment_cover with cover

This commit is contained in:
ArneBo 2025-02-21 10:33:58 +01:00
parent 19206d696e
commit 8ac7503654
15 changed files with 22 additions and 21 deletions

View File

@ -305,8 +305,8 @@ if (!isWebGLSupported) {
@click.stop.prevent="" @click.stop.prevent=""
> >
<Pill> <Pill>
<template #image v-if="ac.artist.attachment_cover"> <template #image v-if="ac.artist.cover">
<img v-lazy="ac.artist.attachment_cover?.urls.medium_square_crop"> <img v-lazy="ac.artist.cover?.urls.medium_square_crop">
</template> </template>
{{ ac.credit ?? t('components.Queue.meta.unknownArtist') }} {{ ac.credit ?? t('components.Queue.meta.unknownArtist') }}
</Pill> </Pill>

View File

@ -22,7 +22,7 @@ const props = defineProps<Props>()
const { artist } = props const { artist } = props
const cover = computed(() => { const cover = computed(() => {
const artistCover = artist.attachment_cover ?? undefined const artistCover = artist.cover ?? undefined
const albumCover = albums.value?.find( const albumCover = albums.value?.find(
(album: Album) => album.cover?.urls (album: Album) => album.cover?.urls

View File

@ -32,8 +32,8 @@ const getRoute = (ac: ArtistCredit) => {
:to="getRoute(ac)" :to="getRoute(ac)"
> >
<img <img
v-if="ac.index === 0 && ac.artist.attachment_cover && ac.artist.attachment_cover.urls.original" v-if="ac.index === 0 && ac.artist.cover && ac.artist.cover.urls.original"
v-lazy="store.getters['instance/absoluteUrl'](ac.artist.attachment_cover.urls.medium_square_crop)" v-lazy="store.getters['instance/absoluteUrl'](ac.artist.cover.urls.medium_square_crop)"
alt="" alt=""
:class="[{circular: ac.artist.content_category != 'podcast'}]" :class="[{circular: ac.artist.content_category != 'podcast'}]"
> >

View File

@ -24,8 +24,8 @@ const route = computed(() => props.artist.channel
:to="route" :to="route"
> >
<img <img
v-if="artist.attachment_cover && artist.attachment_cover.urls.original" v-if="artist.cover && artist.cover.urls.original"
v-lazy="store.getters['instance/absoluteUrl'](artist.attachment_cover.urls.medium_square_crop)" v-lazy="store.getters['instance/absoluteUrl'](artist.cover.urls.medium_square_crop)"
alt="" alt=""
:class="[{circular: artist.content_category != 'podcast'}]" :class="[{circular: artist.content_category != 'podcast'}]"
> >

View File

@ -17,9 +17,9 @@ const { t } = useI18n()
const props = defineProps<Props>() const props = defineProps<Props>()
const cover = computed(() => !props.artist.attachment_cover?.urls.original const cover = computed(() => !props.artist.cover?.urls.original
? props.artist.albums.find(album => !!album.cover?.urls.original)?.cover ? props.artist.albums.find(album => !!album.cover?.urls.original)?.cover
: props.artist.attachment_cover : props.artist.cover
) )
const store = useStore() const store = useStore()

View File

@ -86,7 +86,7 @@ const actionsButtonLabel = computed(() => t('components.audio.podcast.MobileRow.
class="ui artist-track mini image" class="ui artist-track mini image"
> >
<img <img
v-else-if="!!track.artist_credit.length && track.artist_credit[0].artist.attachment_cover" v-else-if="!!track.artist_credit.length && track.artist_credit[0].artist.cover"
v-lazy="getArtistCoverUrl(track.artist_credit)" v-lazy="getArtistCoverUrl(track.artist_credit)"
alt="" alt=""
class="ui artist-track mini image" class="ui artist-track mini image"

View File

@ -122,7 +122,7 @@ const labels = computed(() => ({
class="ui centered image" class="ui centered image"
> >
<img <img
v-else-if="!!track.artist_credit?.length && track.artist_credit[0].artist.attachment_cover" v-else-if="!!track.artist_credit?.length && track.artist_credit[0].artist.cover"
v-lazy=" v-lazy="
getArtistCoverUrl(track.artist_credit) getArtistCoverUrl(track.artist_credit)
" "

View File

@ -97,7 +97,7 @@ await fetchData()
class="ui artist-track mini image" class="ui artist-track mini image"
> >
<img <img
v-else-if="track.artist_credit.length && track.artist_credit[0].artist.attachment_cover" v-else-if="track.artist_credit.length && track.artist_credit[0].artist.cover"
v-lazy="getArtistCoverUrl(track.artist_credit)" v-lazy="getArtistCoverUrl(track.artist_credit)"
alt="" alt=""
class="ui artist-track mini image" class="ui artist-track mini image"

View File

@ -114,7 +114,7 @@ const labels = computed(() => ({
class="ui centered image" class="ui centered image"
> >
<img <img
v-else-if="!!track.artist_credit.length && track.artist_credit[0].artist.attachment_cover" v-else-if="!!track.artist_credit.length && track.artist_credit[0].artist.cover"
v-lazy="getArtistCoverUrl(track.artist_credit)" v-lazy="getArtistCoverUrl(track.artist_credit)"
alt="" alt=""
class="ui centered image" class="ui centered image"

View File

@ -139,8 +139,8 @@ const hover = ref(false)
class="ui artist-track mini image" class="ui artist-track mini image"
> >
<img <img
v-else-if="showArt && track.artist_credit?.length && track.artist_credit[0].artist.attachment_cover?.urls.original" v-else-if="showArt && track.artist_credit?.length && track.artist_credit[0].artist.cover?.urls.original"
v-lazy="store.getters['instance/absoluteUrl'](track.artist_credit[0].artist.attachment_cover.urls.medium_square_crop) " v-lazy="store.getters['instance/absoluteUrl'](track.artist_credit[0].artist.cover.urls.medium_square_crop) "
alt="" alt=""
class="ui artist-track mini image" class="ui artist-track mini image"
> >

View File

@ -164,10 +164,10 @@ const remove = async () => {
class="channel-image" class="channel-image"
/> />
<img <img
v-else-if="object.artist_credit && object.artist_credit[0] && object.artist_credit[0].artist.attachment_cover" v-else-if="object.artist_credit && object.artist_credit[0] && object.artist_credit[0].artist.cover"
:alt="object.artist_credit[0].artist.name" :alt="object.artist_credit[0].artist.name"
class="channel-image" class="channel-image"
v-lazy="object.artist_credit[0].artist.attachment_cover.urls.large_square_crop" v-lazy="object.artist_credit[0].artist.cover.urls.large_square_crop"
/> />
<img <img
v-else v-else

View File

@ -58,7 +58,7 @@ const publicLibraries = computed(() => libraries.value?.filter(library => librar
const cover = computed(() => { const cover = computed(() => {
const artistCover: Cover | undefined = object.value?.attachment_cover const artistCover: Cover | undefined = object.value?.cover
const albumCover: Cover | undefined = object.value?.albums const albumCover: Cover | undefined = object.value?.albums
.find(album => album.cover?.urls.large_square_crop)?.cover .find(album => album.cover?.urls.large_square_crop)?.cover

View File

@ -125,7 +125,7 @@ export const useQueue = createGlobalState(() => {
coverUrl: ( coverUrl: (
track.cover?.urls.original || track.cover?.urls.original ||
track.album.cover?.urls.original || track.album.cover?.urls.original ||
track.artist_credit[0].artist.attachment_cover?.urls.original || track.artist_credit[0].artist.cover?.urls.original ||
new URL('../../assets/audio/default-cover.png', import.meta.url).href new URL('../../assets/audio/default-cover.png', import.meta.url).href
).toString(), ).toString(),
sources: track.uploads.map(upload => ({ sources: track.uploads.map(upload => ({

View File

@ -79,6 +79,7 @@ export default (): Configs => {
description, description,
{ {
id: 'release_date', id: 'release_date',
// TODO: Change type to date and offer date select input in form
type: 'text', type: 'text',
required: false, required: false,
label: t('composables.moderation.useEditConfigs.album.releaseDate'), label: t('composables.moderation.useEditConfigs.album.releaseDate'),

View File

@ -41,8 +41,8 @@ export function getArtistCoverUrl (artistCredits: ArtistCredit[]): string | unde
const getSimpleArtistCover = ( artist: SimpleArtist ) => const getSimpleArtistCover = ( artist: SimpleArtist ) =>
( field: 'original' | 'small_square_crop' | 'medium_square_crop' | 'large_square_crop' ) => ( field: 'original' | 'small_square_crop' | 'medium_square_crop' | 'large_square_crop' ) =>
artist.attachment_cover ? artist.cover ?
( field in artist.attachment_cover ? artist.attachment_cover.urls[field] : null ) ( field in artist.cover ? artist.cover.urls[field] : null )
: null : null
/** Returns the absolute Url of this artist's cover on this instance /** Returns the absolute Url of this artist's cover on this instance