groove/audiobookshelf
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf.git synced 2026-05-28 14:21:34 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

Add play button and play action to ViewEpisode modal

Browse source
This commit is contained in:
Davíð Steinar 2026-05-14 17:12:01 +02:00
parent 105703a817
commit 3f2b6e8adc
1 changed files with 10 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

10
client/components/modals/podcast/ViewEpisode.vue
View file

@ -14,6 +14,9 @@
<p class="text-base mb-1">{{ podcastTitle }}</p> <p class="text-base mb-1">{{ podcastTitle }}</p>
<p class="text-xs text-gray-300">{{ podcastAuthor }}</p> <p class="text-xs text-gray-300">{{ podcastAuthor }}</p>
</div> </div>
<button class="flex items-center justify-center w-10 h-10 rounded-full bg-white/10 hover:bg-white/20 text-white" @click="play">
<span class="material-symbols text-2xl">play_arrow</span>
</button>
</div> </div>
<p dir="auto" class="text-lg font-semibold mb-6">{{ title }}</p> <p dir="auto" class="text-lg font-semibold mb-6">{{ title }}</p>
<div v-if="description" dir="auto" class="default-style less-spacing" @click="handleDescriptionClick" v-html="description" /> <div v-if="description" dir="auto" class="default-style less-spacing" @click="handleDescriptionClick" v-html="description" />
@ -105,6 +108,13 @@ export default {
} }
}, },
methods: { methods: {
play() {
this.$eventBus.$emit('play-item', {
libraryItemId: this.libraryItem.id,
episodeId: this.episodeId
})
this.show = false
},
handleDescriptionClick(e) { handleDescriptionClick(e) {
if (e.target.matches('span.time-marker')) { if (e.target.matches('span.time-marker')) {
const time = parseInt(e.target.dataset.time) const time = parseInt(e.target.dataset.time)