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

Fix:Update bookshelf on screen orientation change #602

Browse source
This commit is contained in:
advplyr 2023-02-25 16:53:48 -06:00
parent fb35d8b1a0
commit d67454db9a
1 changed files with 20 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

20
components/bookshelf/LazyBookshelf.vue
View file

@ -452,6 +452,12 @@ export default {
this.libraryItemUpdated(ab)
})
},
screenOrientationChange() {
setTimeout(() => {
console.log('LazyBookshelf Screen orientation change')
this.resetEntities()
}, 50)
},
initListeners() {
const bookshelf = document.getElementById('bookshelf-wrapper')
if (bookshelf) {
@ -466,6 +472,13 @@ export default {
this.$socket.$on('item_removed', this.libraryItemRemoved)
this.$socket.$on('items_updated', this.libraryItemsUpdated)
this.$socket.$on('items_added', this.libraryItemsAdded)
if (screen.orientation) {
// Not available on ios
screen.orientation.addEventListener('change', this.screenOrientationChange)
} else {
document.addEventListener('orientationchange', this.screenOrientationChange)
}
},
removeListeners() {
const bookshelf = document.getElementById('bookshelf-wrapper')
@ -481,6 +494,13 @@ export default {
this.$socket.$off('item_removed', this.libraryItemRemoved)
this.$socket.$off('items_updated', this.libraryItemsUpdated)
this.$socket.$off('items_added', this.libraryItemsAdded)
if (screen.orientation) {
// Not available on ios
screen.orientation.removeEventListener('change', this.screenOrientationChange)
} else {
document.removeEventListener('orientationchange', this.screenOrientationChange)
}
}
},
updated() {