Fix experimental e-reader with new data model

This commit is contained in:
advplyr 2022-04-13 08:26:43 -05:00
parent 88354de495
commit a90cfc4d04
7 changed files with 61 additions and 71 deletions

View file

@ -1,7 +1,9 @@
<template>
<div class="w-full border-b border-gray-700 pb-2">
<div class="flex py-1 hover:bg-gray-300 hover:bg-opacity-10 cursor-pointer" @click="selectMatch">
<img :src="selectedCover || '/book_placeholder.jpg'" class="h-24 object-cover" :style="{ width: 96 / bookCoverAspectRatio + 'px' }" />
<div class="h-24 bg-primary" :style="{ minWidth: 96 / bookCoverAspectRatio + 'px' }">
<img v-if="selectedCover" :src="selectedCover" class="h-full w-full object-contain" />
</div>
<div class="px-4 flex-grow">
<div class="flex items-center">
<h1>{{ book.title }}</h1>

View file

@ -177,7 +177,7 @@ export default {
return this._libraryItem.libraryId
},
hasEbook() {
return this.media.ebookFile
return this.media.ebookFormat
},
numTracks() {
if (this.media.tracks) return this.media.tracks.length
@ -522,8 +522,14 @@ export default {
clickShowMore() {
this.createMoreMenu()
},
clickReadEBook() {
this.store.commit('showEReader', this.media.ebookFile)
async clickReadEBook() {
var libraryItem = await this.$axios.$get(`/api/items/${this.libraryItemId}?expanded=1`).catch((error) => {
console.error('Failed to get lirbary item', this.libraryItemId)
return null
})
if (!libraryItem) return
console.log('Got library itemn', libraryItem)
this.store.commit('showEReader', libraryItem)
},
selectBtnClick() {
if (this.processingBatch) return