fix(front): replace artist.attachment_cover with cover
This commit is contained in:
parent
19206d696e
commit
8ac7503654
|
@ -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>
|
||||||
|
|
|
@ -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
|
||||||
|
|
|
@ -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'}]"
|
||||||
>
|
>
|
||||||
|
|
|
@ -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'}]"
|
||||||
>
|
>
|
||||||
|
|
|
@ -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()
|
||||||
|
|
|
@ -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"
|
||||||
|
|
|
@ -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)
|
||||||
"
|
"
|
||||||
|
|
|
@ -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"
|
||||||
|
|
|
@ -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"
|
||||||
|
|
|
@ -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"
|
||||||
>
|
>
|
||||||
|
|
|
@ -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
|
||||||
|
|
|
@ -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
|
||||||
|
|
|
@ -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 => ({
|
||||||
|
|
|
@ -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'),
|
||||||
|
|
|
@ -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
|
||||||
|
|
Loading…
Reference in New Issue