groove/audiobookshelf
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf.git synced 2026-01-16 16:09:37 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add: Sortable collection books, play from collections, collection book table row updates #151

Browse source
This commit is contained in:
advplyr 2021-11-07 18:11:29 -06:00
parent 0980b6d5d5
commit 5e5792c0f8
21 changed files with 270 additions and 70 deletions
Download patch file Download diff file Expand all files Collapse all files

1
client/components/app/Appbar.vue
View file

@ -128,6 +128,7 @@ export default {
methods: {
async back() {
var popped = await this.$store.dispatch('popRoute')
if (popped) this.$store.commit('setIsRoutingBack', true)
var backTo = popped || '/'
this.$router.push(backTo)
},

4
client/components/app/BookShelf.vue
View file

@ -298,12 +298,12 @@ export default {
this.$nextTick(this.setBookshelfEntities)
},
audiobooksUpdated() {
console.log('[AudioBookshelf] Audiobooks Updated')
console.log('[Bookshelf] Audiobooks Updated')
this.setBookshelfEntities()
},
collectionsUpdated() {
if (!this.isCollections) return
console.log('[AudioBookshelf] Collections Updated')
console.log('[Bookshelf] Collections Updated')
this.setBookshelfEntities()
},
buildSearchParams() {

4
client/components/app/BookShelfRow.vue
View file

@ -31,10 +31,10 @@
<div class="bookshelfDividerCategorized h-6 w-full absolute bottom-0 left-0 right-0 z-20"></div>
<div v-show="canScrollLeft && !isScrolling" class="absolute top-0 left-0 w-32 pr-8 bg-black book-shelf-arrow-left flex items-center justify-center cursor-pointer opacity-0 hover:opacity-100 z-30" @click="scrollLeft">
<span class="material-icons text-8xl text-white">chevron_left</span>
<span class="material-icons text-6xl text-white">chevron_left</span>
</div>
<div v-show="canScrollRight && !isScrolling" class="absolute top-0 right-0 w-32 pl-8 bg-black book-shelf-arrow-right flex items-center justify-center cursor-pointer opacity-0 hover:opacity-100 z-30" @click="scrollRight">
<span class="material-icons text-8xl text-white">chevron_right</span>
<span class="material-icons text-6xl text-white">chevron_right</span>
</div>
</div>
</template>