extern/audiobookshelf
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf.git synced 2024-11-08 00:54:33 +01:00
Code Issues Packages Projects Releases Wiki Activity

Update:Handle edit playlist item

Browse Source
This commit is contained in:
advplyr 2022-11-27 12:17:58 -06:00
parent 531f947754
commit a217ed5574
2 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
client/components/tables/PlaylistItemsTable.vue
View File

@ -12,7 +12,7 @@
<draggable v-model="itemsCopy" 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 ? 'playlist-item' : null">
<template v-for="(item, index) in itemsCopy">
<tables-playlist-item-table-row :key="index" :is-dragging="drag" :item="item" :playlist-id="playlistId" :book-cover-aspect-ratio="bookCoverAspectRatio" class="item" :class="drag ? '' : 'playlist-item-item'" />
<tables-playlist-item-table-row :key="index" :is-dragging="drag" :item="item" :playlist-id="playlistId" :book-cover-aspect-ratio="bookCoverAspectRatio" class="item" :class="drag ? '' : 'playlist-item-item'" @edit="editItem" />
</template>
</transition-group>
</draggable>
@ -68,6 +68,16 @@ export default {
}
},
methods: {
editItem(playlistItem) {
if (playlistItem.episode) {
this.$store.commit('globals/setSelectedEpisode', playlist.episode)
this.$store.commit('globals/setShowEditPodcastEpisodeModal', true)
} else {
const itemIds = this.items.map((i) => i.libraryItemId)
this.$store.commit('setBookshelfBookIds', itemIds)
this.$store.commit('showEditModal', playlistItem.libraryItem)
}
},
draggableUpdate() {
var playlistUpdate = {
items: this.itemsCopy.map((i) => ({ libraryItemId: i.libraryItemId, episodeId: i.episodeId }))

2
client/components/tables/playlist/ItemTableRow.vue
View File

@ -183,7 +183,7 @@ export default {
})
},
clickEdit() {
// todo: edit
this.$emit('edit', this.item)
},
toggleFinished() {
var updatePayload = {