From d207e88e18976d8da28d0e1c18d4e0226c8efe88 Mon Sep 17 00:00:00 2001
From: advplyr <advplyr@protonmail.com>
Date: Sun, 4 Jun 2023 15:52:36 -0500
Subject: [PATCH] Update:Save last scroll position for item pages #717

---
 pages/item/_id/index.vue | 12 +++++++++++-
 store/index.js           |  6 +++++-
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/pages/item/_id/index.vue b/pages/item/_id/index.vue
index 3a1a45e3..fd8b8352 100644
--- a/pages/item/_id/index.vue
+++ b/pages/item/_id/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="w-full h-full px-3 pb-4 overflow-y-auto overflow-x-hidden relative bg-bg">
+  <div id="item-page" class="w-full h-full px-3 pb-4 overflow-y-auto overflow-x-hidden relative bg-bg">
     <div class="fixed top-0 left-0 w-full h-full pointer-events-none p-px z-10">
       <div class="w-full h-full" :style="{ backgroundColor: coverRgb }" />
       <div class="w-full h-full absolute top-0 left-0" style="background: linear-gradient(169deg, rgba(0, 0, 0, 0.4) 0%, rgba(55, 56, 56, 1) 80%)" />
@@ -766,12 +766,22 @@ export default {
     this.$eventBus.$on('new-local-library-item', this.newLocalLibraryItem)
     this.$socket.$on('item_updated', this.itemUpdated)
     this.checkDescriptionClamped()
+
+    // Set last scroll position if was set for this item
+    if (this.$store.state.lastItemScrollData.id === this.libraryItemId && window['item-page']) {
+      window['item-page'].scrollTop = this.$store.state.lastItemScrollData.scrollTop || 0
+    }
   },
   beforeDestroy() {
     window.removeEventListener('resize', this.windowResized)
     this.$eventBus.$off('library-changed', this.libraryChanged)
     this.$eventBus.$off('new-local-library-item', this.newLocalLibraryItem)
     this.$socket.$off('item_updated', this.itemUpdated)
+
+    // Set scroll position
+    if (window['item-page']) {
+      this.$store.commit('setLastItemScrollData', { scrollTop: window['item-page'].scrollTop || 0, id: this.libraryItemId })
+    }
   }
 }
 </script>
diff --git a/store/index.js b/store/index.js
index f4e21dbd..c518b184 100644
--- a/store/index.js
+++ b/store/index.js
@@ -22,7 +22,8 @@ export const state = () => ({
   showSideDrawer: false,
   isNetworkListenerInit: false,
   serverSettings: null,
-  lastBookshelfScrollData: {}
+  lastBookshelfScrollData: {},
+  lastItemScrollData: {}
 })
 
 export const getters = {
@@ -89,6 +90,9 @@ export const mutations = {
   setLastBookshelfScrollData(state, { scrollTop, path, name }) {
     state.lastBookshelfScrollData[name] = { scrollTop, path }
   },
+  setLastItemScrollData(state, data) {
+    state.lastItemScrollData = data
+  },
   setPlayerItem(state, playbackSession) {
     state.playerIsLocal = playbackSession ? playbackSession.playMethod == this.$constants.PlayMethod.LOCAL : false