+
{{ title }}
@@ -8,6 +8,12 @@
{{ subtitle }}
+
+
Season #{{ episode.season }}
+
Episode #{{ episode.episode }}
+
Published {{ $formatDate(publishedAt, 'MMM do, yyyy') }}
+
+
-
+
-
@@ -28,7 +32,9 @@ export default {
sortKey: 'publishedAt',
sortDesc: true,
selectedEpisode: null,
- showPodcastRemoveModal: false
+ showPodcastRemoveModal: false,
+ selectedEpisodes: [],
+ episodesToRemove: []
}
},
watch: {
@@ -37,6 +43,9 @@ export default {
}
},
computed: {
+ isSelectionMode() {
+ return this.selectedEpisodes.length > 0
+ },
userCanUpdate() {
return this.$store.getters['user/getUserCanUpdate']
},
@@ -59,8 +68,31 @@ export default {
}
},
methods: {
+ removeEpisodeModalToggled(val) {
+ if (!val) this.episodesToRemove = []
+ },
+ clearSelected() {
+ const episodeRows = this.$refs.episodeRow
+ if (episodeRows && episodeRows.length) {
+ for (const epRow of episodeRows) {
+ if (epRow) epRow.isSelected = false
+ }
+ }
+ this.selectedEpisodes = []
+ },
+ removeSelectedEpisodes() {
+ this.episodesToRemove = this.selectedEpisodes
+ this.showPodcastRemoveModal = true
+ },
+ episodeSelected({ isSelected, episode }) {
+ if (isSelected) {
+ this.selectedEpisodes.push(episode)
+ } else {
+ this.selectedEpisodes = this.selectedEpisodes.filter((ep) => ep.id !== episode.id)
+ }
+ },
removeEpisode(episode) {
- this.selectedEpisode = episode
+ this.episodesToRemove = [episode]
this.showPodcastRemoveModal = true
},
editEpisode(episode) {