mirror/advplyr.audiobookshelf-app
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf-app.git synced 2025-08-30 22:59:35 +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> </div>
<!-- metadata --> <!-- 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 || (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> <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="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 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' }} {{ allMetadata ? 'less' : 'more' }}
<span class="material-icons align-middle">{{ allMetadata ? 'expand_less' : 'expand_more' }}</span> <span class="material-icons align-middle">{{ allMetadata ? 'expand_less' : 'expand_more' }}</span>
</div> </div>
</div> </div>
<div class="w-full py-2"> <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> </div>
<tables-podcast-episodes-table v-if="isPodcast" :library-item="libraryItem" :local-library-item-id="localLibraryItemId" :episodes="episodes" :local-episodes="localLibraryItemEpisodes" :is-local="isLocal" /> <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() { data() {
return { return {
allMetadata: false,
resettingProgress: false, resettingProgress: false,
isProcessingReadUpdate: false, isProcessingReadUpdate: false,
showSelectLocalFolder: false, showSelectLocalFolder: false,
@ -198,10 +197,14 @@ export default {
showFullscreenCover: false, showFullscreenCover: false,
coverRgb: 'rgb(55, 56, 56)', coverRgb: 'rgb(55, 56, 56)',
coverBgIsLight: false, coverBgIsLight: false,
windowWidth: 0 windowWidth: 0,
hideMetadata: true
} }
}, },
computed: { computed: {
allMetadata() {
return this.isPodcast || !this.hideMetadata
},
isIos() { isIos() {
return this.$platform === 'ios' return this.$platform === 'ios'
}, },
@ -722,7 +725,7 @@ export default {
this.windowWidth = window.innerWidth this.windowWidth = window.innerWidth
}, },
toggleMetadata() { toggleMetadata() {
this.allMetadata = !this.allMetadata this.hideMetadata = !this.hideMetadata
} }
}, },
mounted() { mounted() {