Make process filter persistent

qtc-de · Jul 24, 2024 · 4b6833b · 4b6833b
1 parent 877edd2
commit 4b6833b
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 5 deletions.
diff --git a/frontend/src/components/ProcessTree.vue b/frontend/src/components/ProcessTree.vue
@@ -1,19 +1,24 @@
 <script>
+    import { storeToRefs } from 'pinia'
+    import { processStore } from '@/stores/processStore.js'
+
     import ProcessTableRow from './ProcessTableRow.vue'
 
     export default
     {
         props: ['processTree'],
 
-        components: {
+        components:
+        {
             ProcessTableRow,
         },
 
-        data()
+        setup()
         {
-            return {
-                processFilter: null,
-            }
+            const store = processStore();
+            const { processFilter } = storeToRefs(store);
+
+            return { processFilter }
         },
 
         methods:

diff --git a/frontend/src/stores/processStore.js b/frontend/src/stores/processStore.js
@@ -12,6 +12,7 @@ var refreshOngoing = false;
 var selectedPane = null;
 var selectedProcess = null;
 var selectedInterface = null;
+var processFilter = null;
 
 export const processStore = defineStore(
 {
@@ -27,6 +28,7 @@ export const processStore = defineStore(
         refreshOngoing,
         selectedProcess,
         selectedInterface,
+        processFilter,
     }),
 
     actions: