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

Update:Tapping title/author in fullscreen player redirects to library item page #246

Browse source
This commit is contained in:
advplyr 2022-07-02 15:40:37 -05:00
parent 3056c55d2f
commit b16a7342aa
1 changed files with 10 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

11
components/app/AudioPlayer.vue
View file

@ -36,7 +36,7 @@
</div> </div>
</div> </div>
<div class="title-author-texts absolute z-30 left-0 right-0 overflow-hidden"> <div class="title-author-texts absolute z-30 left-0 right-0 overflow-hidden" @click="clickTitleAndAuthor">
<p class="title-text font-book truncate">{{ title }}</p> <p class="title-text font-book truncate">{{ title }}</p>
<p class="author-text text-white text-opacity-75 truncate">by {{ authorName }}</p> <p class="author-text text-white text-opacity-75 truncate">by {{ authorName }}</p>
</div> </div>
@ -293,6 +293,14 @@ export default {
} }
}, },
methods: { methods: {
clickTitleAndAuthor() {
if (!this.showFullscreen) return
const llid = this.libraryItem ? this.libraryItem.id : this.localLibraryItem ? this.localLibraryItem.id : null
if (llid) {
this.$router.push(`/item/${llid}`)
this.showFullscreen = false
}
},
touchstartTrack(e) { touchstartTrack(e) {
if (!e || !e.touches || !this.$refs.track || !this.showFullscreen) return if (!e || !e.touches || !this.$refs.track || !this.showFullscreen) return
this.touchTrackStart = true this.touchTrackStart = true
@ -818,6 +826,7 @@ export default {
left: 10%; left: 10%;
text-align: center; text-align: center;
padding-bottom: calc(((260px - var(--cover-image-height)) / 260) * 40); padding-bottom: calc(((260px - var(--cover-image-height)) / 260) * 40);
pointer-events: auto;
} }
.fullscreen .title-author-texts .title-text { .fullscreen .title-author-texts .title-text {
font-size: clamp(0.8rem, calc(var(--cover-image-height) / 260 * 20), 1.2rem); font-size: clamp(0.8rem, calc(var(--cover-image-height) / 260 * 20), 1.2rem);