starred/audiobookshelf-app
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf-app.git synced 2026-08-26 21:34:05 +02:00
Code Issues 454 Packages Projects Releases 10 Wiki Activity

Add bookshelf list view

Browse Source
This commit is contained in:
advplyr
2022-04-07 19:59:23 -05:00
parent 119bfd6c98
commit 105451ebf1
8 changed files with 471 additions and 255 deletions
Download Patch File Download Diff File Expand all files Collapse all files
mixins/bookshelfCardsHelpers.js
+4 -2
View File
@@ -1,5 +1,6 @@
import Vue from 'vue'
import LazyBookCard from '@/components/cards/LazyBookCard'
import LazyListBookCard from '@/components/cards/LazyListBookCard'
import LazySeriesCard from '@/components/cards/LazySeriesCard'
import LazyCollectionCard from '@/components/cards/LazyCollectionCard'
@@ -15,6 +16,7 @@ export default {
getComponentClass() {
if (this.entityName === 'series') return Vue.extend(LazySeriesCard)
if (this.entityName === 'collections') return Vue.extend(LazyCollectionCard)
if (this.showBookshelfListView) return Vue.extend(LazyListBookCard)
return Vue.extend(LazyBookCard)
},
async mountEntityCard(index) {
@@ -32,10 +34,10 @@ export default {
bookComponent.isHovering = false
return
}
var shelfOffsetY = this.isBookEntity ? 24 : 16
var shelfOffsetY = this.showBookshelfListView ? 8 : this.isBookEntity ? 24 : 16
var row = index % this.entitiesPerShelf
var marginShiftLeft = 12
var marginShiftLeft = this.showBookshelfListView ? 0 : 12
var shelfOffsetX = row * this.totalEntityCardWidth + this.bookshelfMarginLeft + marginShiftLeft
var ComponentClass = this.getComponentClass()