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

fix(front): playable playlist cards

This commit is contained in:
ArneBo 2025-04-02 04:55:46 +02:00
parent 5323669c57
commit ac75d344b9
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
front/src/components/playlists/Card.vue
View File

@ -4,7 +4,7 @@ import type { Playlist } from '~/types'
import PlayButton from '~/components/audio/PlayButton.vue' import PlayButton from '~/components/audio/PlayButton.vue'
import defaultCover from '~/assets/audio/default-cover.png' import defaultCover from '~/assets/audio/default-cover.png'
import { momentFormat } from '~/utils/filters' import { momentFormat } from '~/utils/filters'
import { ref, computed } from 'vue' import { ref, computed, reactive } from 'vue'
import { useStore } from '~/store' import { useStore } from '~/store'
import { useRouter } from 'vue-router' import { useRouter } from 'vue-router'
import { useI18n } from 'vue-i18n' import { useI18n } from 'vue-i18n'
@ -63,6 +63,7 @@ const updatedTitle = computed(() => {
return t('components.playlists.Card.title', { date }) return t('components.playlists.Card.title', { date })
}) })
const updatedAgo = computed(() => moment(props.playlist.modification_date).fromNow()) const updatedAgo = computed(() => moment(props.playlist.modification_date).fromNow())
</script> </script>
<template> <template>
@ -74,7 +75,7 @@ const updatedAgo = computed(() => moment(props.playlist.modification_date).fromN
<template #topright> <template #topright>
<PlayButton <PlayButton
icon-only icon-only
:is-playable="playlist.is_playable" :is-playable="true"
:playlist="playlist" :playlist="playlist"
/> />
</template> </template>
@ -113,9 +114,8 @@ const updatedAgo = computed(() => moment(props.playlist.modification_date).fromN
<i class="bi bi-dot" /> <i class="bi bi-dot" />
<span>{{ t('components.playlists.Card.meta.tracks', playlist.tracks_count) }}</span> <span>{{ t('components.playlists.Card.meta.tracks', playlist.tracks_count) }}</span>
<PlayButton <PlayButton
v-if="playlist.is_playable"
dropdown-only dropdown-only
:is-playable="playlist.is_playable" :is-playable="true"
:playlist="playlist" :playlist="playlist"
/> />
</template> </template>