starred/audiobookshelf-app
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf-app.git synced 2026-08-07 04:18:48 +02:00
Code Issues 454 Packages Projects Releases 10 Wiki Activity

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
components/bookshelf/LazyBookshelf.vue
+20
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() {