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

Fix:Back button to close modal #267 and back button to minimize fullscreen player #267

Browse source
This commit is contained in:
advplyr 2022-07-04 15:42:59 -05:00
parent 6a8d901ce1
commit b4bb6bf81b
7 changed files with 64 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

10
components/app/AudioPlayer.vue
View file

@ -139,8 +139,9 @@ export default {
}
},
watch: {
showFullscreen() {
showFullscreen(val) {
this.updateScreenSize()
this.$store.commit('setPlayerFullscreen', !!val)
}
},
computed: {
@ -712,6 +713,10 @@ export default {
var coverHeight = this.fullscreenBookCoverWidth * this.bookCoverAspectRatio
document.documentElement.style.setProperty('--cover-image-width', this.fullscreenBookCoverWidth + 'px')
document.documentElement.style.setProperty('--cover-image-height', coverHeight + 'px')
},
minimizePlayerEvt() {
console.log('Minimize Player Evt')
this.showFullscreen = false
}
},
mounted() {
@ -719,6 +724,8 @@ export default {
if (screen.orientation) {
screen.orientation.addEventListener('change', this.screenOrientationChange)
}
this.$eventBus.$on('minimize-player', this.minimizePlayerEvt)
document.body.addEventListener('touchstart', this.touchstart)
document.body.addEventListener('touchend', this.touchend)
document.body.addEventListener('touchmove', this.touchmove)
@ -735,6 +742,7 @@ export default {
}
this.forceCloseDropdownMenu()
this.$eventBus.$off('minimize-player', this.minimizePlayerEvt)
document.body.removeEventListener('touchstart', this.touchstart)
document.body.removeEventListener('touchend', this.touchend)
document.body.removeEventListener('touchmove', this.touchmove)