mirror/advplyr.audiobookshelf-app
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf-app.git synced 2025-08-04 10:04:39 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

expand

Browse source
This commit is contained in:
Lars Kiesow 2023-02-26 12:10:18 +01:00
parent 51062e7403
commit f94140ec6b
No known key found for this signature in database
GPG key ID: 5DAFE8D9C823CE73
1 changed files with 9 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

15
pages/item/_id/index.vue
View file

@ -77,7 +77,7 @@
</div>
<!-- metadata -->
<div class="grid gap-2 my-2 px-4" style="grid-template-columns: auto minmax(max-content, 120px) minmax(200px, max-content) auto">
<div class="grid gap-2 my-2" style="grid-template-columns: auto max-content minmax(100px, max-content) auto">
<div v-if="podcastAuthor || (bookAuthors && bookAuthors.length)" class="col-start-2 text-white text-opacity-60 uppercase text-sm">Author</div>
<div v-if="podcastAuthor" class="text-sm">{{ podcastAuthor }}</div>
@ -129,14 +129,14 @@
<div v-if="allMetadata && numTracks && numChapters" class="col-start-2 text-white text-opacity-60 uppercase text-sm">Chapters</div>
<div v-if="allMetadata && numTracks && numChapters" class="text-sm">{{ numChapters }} chapters</div>
<div class="col-start-3 text-white text-opacity-60 text-sm" @click="toggleMetadata()">
<div v-if="!isPodcast" class="col-start-3 text-white text-opacity-60 text-sm" @click="toggleMetadata()">
{{ allMetadata ? 'less' : 'more' }}
<span class="material-icons align-middle">{{ allMetadata ? 'expand_less' : 'expand_more' }}</span>
</div>
</div>
<div class="w-full py-2">
<p class="text-sm text-justify" style="hyphens: auto;">{{ description }}</p>
<p class="text-sm text-justify whitespace-pre-line" style="hyphens: auto;">{{ description }}</p>
</div>
<tables-podcast-episodes-table v-if="isPodcast" :library-item="libraryItem" :local-library-item-id="localLibraryItemId" :episodes="episodes" :local-episodes="localLibraryItemEpisodes" :is-local="isLocal" />
@ -189,7 +189,6 @@ export default {
},
data() {
return {
allMetadata: false,
resettingProgress: false,
isProcessingReadUpdate: false,
showSelectLocalFolder: false,
@ -198,10 +197,14 @@ export default {
showFullscreenCover: false,
coverRgb: 'rgb(55, 56, 56)',
coverBgIsLight: false,
windowWidth: 0
windowWidth: 0,
hideMetadata: true
}
},
computed: {
allMetadata() {
return this.isPodcast || !this.hideMetadata
},
isIos() {
return this.$platform === 'ios'
},
@ -722,7 +725,7 @@ export default {
this.windowWidth = window.innerWidth
},
toggleMetadata() {
this.allMetadata = !this.allMetadata
this.hideMetadata = !this.hideMetadata
}
},
mounted() {