mirror/advplyr.audiobookshelf-app
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf-app.git synced 2025-07-02 18:14:47 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

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

12
components/modals/Modal.vue
View file

@ -77,6 +77,8 @@ export default {
}
},
setShow() {
this.$store.commit('globals/setIsModalOpen', true)
document.body.appendChild(this.el)
setTimeout(() => {
this.content.style.transform = 'scale(1)'
@ -84,18 +86,28 @@ export default {
document.documentElement.classList.add('modal-open')
},
setHide() {
this.$store.commit('globals/setIsModalOpen', false)
this.content.style.transform = 'scale(0)'
this.el.remove()
document.documentElement.classList.remove('modal-open')
},
closeModalEvt() {
console.log('Close modal event')
this.show = false
}
},
mounted() {
this.$eventBus.$on('close-modal', this.closeModalEvt)
this.el = this.$refs.wrapper
this.content = this.$refs.content
this.content.style.transform = 'scale(0)'
this.content.style.transition = 'transform 0.25s cubic-bezier(0.16, 1, 0.3, 1)'
this.el.style.opacity = 1
this.el.remove()
},
beforeDestroy() {
this.$eventBus.$off('close-modal', this.closeModalEvt)
}
}
</script>