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