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

fix(podcasts): fix short description (#2206) 

Part-of: <https://dev.funkwhale.audio/funkwhale/funkwhale/-/merge_requests/2552>
This commit is contained in:
Kasper Seweryn 2023-08-14 16:06:18 +02:00 committed by Marge
parent b64ca34fd7
commit b047c50284
1 changed files with 20 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -13,6 +13,7 @@ import PlayButton from '~/components/audio/PlayButton.vue'
import useMarkdown from '~/composables/useMarkdown'
import usePlayOptions from '~/composables/audio/usePlayOptions'
import useErrorHandler from '~/composables/useErrorHandler'
import SanitizedHtml from '~/components/SanitizedHtml.vue'
interface Props extends PlayOptionsProps {
tracks: Track[]
@ -67,69 +68,32 @@ await fetchData()
</script>
<template>
<div
:class="[
{ active: currentTrack && track.id === currentTrack.id },
'track-row podcast row',
]"
@dblclick="activateTrack(track, index)"
>
<div
v-if="showArt"
class="image left floated column"
role="button"
@click.prevent.exact="activateTrack(track, index)"
>
<img
v-if="track.cover?.urls.original "
v-lazy="$store.getters['instance/absoluteUrl'](track.cover.urls.medium_square_crop)"
alt=""
class="ui artist-track mini image"
>
<img
v-else-if="defaultCover"
v-lazy="$store.getters['instance/absoluteUrl'](defaultCover.urls.medium_square_crop)"
alt=""
class="ui artist-track mini image"
>
<img
v-else
alt=""
class="ui artist-track mini image"
src="../../../assets/audio/default-cover.png"
>
<div :class="[
{ active: currentTrack && track.id === currentTrack.id },
'track-row podcast row',
]" @dblclick="activateTrack(track, index)">
<div v-if="showArt" class="image left floated column" role="button"
@click.prevent.exact="activateTrack(track, index)">
<img v-if="track.cover?.urls.original"
v-lazy="$store.getters['instance/absoluteUrl'](track.cover.urls.medium_square_crop)" alt=""
class="ui artist-track mini image">
<img v-else-if="defaultCover" v-lazy="$store.getters['instance/absoluteUrl'](defaultCover.urls.medium_square_crop)"
alt="" class="ui artist-track mini image">
<img v-else alt="" class="ui artist-track mini image" src="../../../assets/audio/default-cover.png">
</div>
<div
tabindex="0"
class="content left floated column"
>
<a
class="podcast-episode-title ellipsis"
@click.prevent.exact="activateTrack(track, index)"
>{{ track.title }}</a>
<p
v-if="renderedDescription"
class="podcast-episode-meta"
>
{{ renderedDescription }}
<div tabindex="0" class="content left floated column">
<a class="podcast-episode-title ellipsis" @click.prevent.exact="activateTrack(track, index)">{{ track.title }}</a>
<p v-if="renderedDescription" class="podcast-episode-meta">
<SanitizedHtml :html="renderedDescription" />
</p>
</div>
<div
v-if="displayActions"
class="meta right floated column"
>
<play-button
id="playmenu"
class="play-button basic icon"
:dropdown-only="true"
:is-playable="track.is_playable"
<div v-if="displayActions" class="meta right floated column">
<play-button id="playmenu" class="play-button basic icon" :dropdown-only="true" :is-playable="track.is_playable"
:dropdown-icon-classes="[
'ellipsis',
'vertical',
'large really discrete',
]"
:track="track"
/>
]" :track="track" />
</div>
</div>
</template>