MirrorMirror
/
funkwhale
mirror of https://dev.funkwhale.audio/funkwhale/funkwhale.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

chore(front): track images in track rows

This commit is contained in:
ArneBo 2025-02-06 19:05:00 +01:00
parent 2c56c11d4e
commit 693d9735f3
3 changed files with 19 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
front/src/components/audio/podcast/MobileRow.vue
View File

@ -1,5 +1,5 @@
<script setup lang="ts"> <script setup lang="ts">
import type { Track, Artist, Album, Playlist, Library, Channel, Actor } from '~/types' import type { Track, SimpleArtist as Artist, Album, Playlist, Library, Channel, Actor } from '~/types'
import type { PlayOptionsProps } from '~/composables/audio/usePlayOptions' import type { PlayOptionsProps } from '~/composables/audio/usePlayOptions'
import { ref, computed } from 'vue' import { ref, computed } from 'vue'
@ -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.cover" v-else-if="!!track.artist_credit.length && track.artist_credit[0].artist.attachment_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"

13
front/src/components/audio/podcast/Row.vue
View File

@ -90,6 +90,18 @@ await fetchData()
alt="" alt=""
class="ui artist-track mini image" class="ui artist-track mini image"
> >
<img
v-if="track.album?.cover?.urls.original"
v-lazy="store.getters['instance/absoluteUrl'](track.album.cover.urls.medium_square_crop)"
alt=""
class="ui artist-track mini image"
>
<img
v-else-if="track.artist_credit.length && track.artist_credit[0].artist.attachment_cover"
v-lazy="getArtistCoverUrl(track.artist_credit)"
alt=""
class="ui artist-track mini image"
>
<img <img
v-else-if="defaultCover" v-else-if="defaultCover"
v-lazy="store.getters['instance/absoluteUrl'](defaultCover.urls.medium_square_crop)" v-lazy="store.getters['instance/absoluteUrl'](defaultCover.urls.medium_square_crop)"
@ -126,6 +138,7 @@ await fetchData()
class="play-button basic icon" class="play-button basic icon"
:dropdown-only="true" :dropdown-only="true"
:is-playable="track.is_playable" :is-playable="track.is_playable"
discrete
:dropdown-icon-classes="[ :dropdown-icon-classes="[
'ellipsis', 'ellipsis',
'vertical', 'vertical',

14
front/src/components/audio/track/MobileRow.vue
View File

@ -1,5 +1,5 @@
<script setup lang="ts"> <script setup lang="ts">
import type { Track, Artist, Album, Playlist, Library, Channel, Actor } from '~/types' import type { Track, SimpleArtist as Artist, Album, Playlist, Library, Channel, Actor } from '~/types'
import type { PlayOptionsProps } from '~/composables/audio/usePlayOptions' import type { PlayOptionsProps } from '~/composables/audio/usePlayOptions'
import { ref, computed } from 'vue' import { ref, computed } from 'vue'
@ -74,20 +74,14 @@ const actionsButtonLabel = computed(() => t('components.audio.track.MobileRow.bu
@click.prevent.exact="activateTrack(track, index)" @click.prevent.exact="activateTrack(track, index)"
> >
<img <img
v-if="track.album?.cover?.urls.original" v-if="track.cover"
v-lazy="store.getters['instance/absoluteUrl'](track.album.cover.urls.medium_square_crop)"
alt=""
class="ui artist-track mini image"
>
<img
v-else-if="track.cover"
v-lazy="store.getters['instance/absoluteUrl'](track.cover.urls.medium_square_crop)" v-lazy="store.getters['instance/absoluteUrl'](track.cover.urls.medium_square_crop)"
alt="" alt=""
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.cover" v-else-if="track.album?.cover?.urls.original"
v-lazy="getArtistCoverUrl(track.artist_credit)" v-lazy="store.getters['instance/absoluteUrl'](track.album.cover.urls.medium_square_crop)"
alt="" alt=""
class="ui artist-track mini image" class="ui artist-track mini image"
> >