From da4476bdf07298266d58315b652edee23d14f72d Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Tue, 4 Feb 2025 15:14:58 +0100
Subject: [PATCH] feat: saving train table scroll position

---
 src/components/TrainsView/TrainTable.vue | 25 +++++++++++++++++++++---
 1 file changed, 22 insertions(+), 3 deletions(-)

diff --git a/src/components/TrainsView/TrainTable.vue b/src/components/TrainsView/TrainTable.vue
index e4a1db9..81f75bb 100644
--- a/src/components/TrainsView/TrainTable.vue
+++ b/src/components/TrainsView/TrainTable.vue
@@ -1,5 +1,12 @@
 <template>
-  <transition name="status-anim" mode="out-in" tag="div" class="train-table">
+  <transition
+    name="status-anim"
+    mode="out-in"
+    tag="div"
+    class="train-table"
+    @scroll="onScroll"
+    ref="trainTableRef"
+  >
     <div :key="apiStore.dataStatuses.connection">
       <div class="table-warning" key="offline" v-if="store.isOffline">
         {{ $t('app.offline') }}
@@ -39,6 +46,10 @@ export default defineComponent({
     }
   },
 
+  data: () => ({
+    scrollTop: 0
+  }),
+
   setup() {
     const store = useMainStore();
     const apiStore = useApiStore();
@@ -58,6 +69,16 @@ export default defineComponent({
     };
   },
 
+  activated() {
+    (this.$refs['trainTableRef'] as HTMLElement).scrollTop = this.scrollTop;
+  },
+
+  methods: {
+    onScroll(e: Event) {
+      this.scrollTop = (e.target as HTMLElement).scrollTop;
+    }
+  },
+
   computed: {
     dataStatus() {
       if (this.store.isOffline) return Status.Data.Offline;
@@ -92,6 +113,4 @@ export default defineComponent({
 
   background: #1a1a1a;
 }
-
-
 </style>