groove/audiobookshelf
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf.git synced 2026-07-19 07:41:35 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added podcast episode filter

Browse source
This commit is contained in:
Rasmus Krämer 2022-05-05 15:22:21 +02:00
parent ef0243f1d7
commit e0badf6eaf
No known key found for this signature in database
GPG key ID: EC9E510611BFDAA2
3 changed files with 93 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

19
client/components/tables/podcast/EpisodesTable.vue
View file

@ -3,12 +3,13 @@
<div class="flex items-center mb-4">
<p class="text-lg mb-0 font-semibold">Episodes</p>
<div class="flex-grow" />
<controls-episode-filter-select v-model="filterKey" class="w-36 sm:w-44 md:w-48 h-9 ml-1 sm:ml-4" @change="changeFilter" />
<controls-episode-sort-select v-model="sortKey" :descending.sync="sortDesc" class="w-36 sm:w-44 md:w-48 h-9 ml-1 sm:ml-4" @change="changeSort" />
<div v-if="userCanUpdate" class="w-12">
<ui-icon-btn v-if="orderChanged" :loading="savingOrder" icon="save" bg-color="primary" class="ml-auto" @click="saveOrder" />
</div>
</div>
<p v-if="!episodes.length" class="py-4 text-center text-lg">No Episodes</p>
<p v-if="!episodes.length || !episodesCopy.length" class="py-4 text-center text-lg">No Episodes</p>
<draggable v-model="episodesCopy" v-bind="dragOptions" class="list-group" handle=".drag-handle" draggable=".item" tag="div" @start="drag = true" @end="drag = false" @update="draggableUpdate">
<transition-group type="transition" :name="!drag ? 'episode' : null">
<template v-for="episode in episodesCopy">
@ -35,9 +36,11 @@ export default {
data() {
return {
sortKey: 'index',
filterKey: 'all',
sortDesc: true,
drag: false,
episodesCopy: [],
episodesTmp: null,
orderChanged: false,
savingOrder: false
}
@ -59,7 +62,7 @@ export default {
}
},
userCanUpdate() {
return this.$store.getters['user/getUserCanUpdate']
return this.$store.getters['user/getUserCanUpdate'] && this.filterKey == "all"
},
media() {
return this.libraryItem.media || {}
@ -82,6 +85,18 @@ export default {
this.orderChanged = this.checkHasOrderChanged()
},
changeFilter() {
if(this.episodesTmp == null || this.episodesTmp.length == this.episodesCopy.length) this.episodesTmp = this.episodesCopy
if(this.filterKey == "all") return this.episodesCopy = this.episodesTmp
this.episodesCopy = [...this.episodesTmp].filter(episode => {
const userState = this.$store.getters['user/getUserMediaProgress'](this.libraryItem.id, episode.id)
if(this.filterKey == "played" && userState && userState.isFinished) return true
else if(this.filterKey == "unplayed" && userState == null || (userState != null && !userState.isFinished)) return true
else return false
})
},
checkHasOrderChanged() {
for (let i = 0; i < this.episodesCopy.length; i++) {
var epc = this.episodesCopy[i]