From 5f02cf00f55bc751bb90655ac553fe41d4c7ec6c Mon Sep 17 00:00:00 2001
From: Tjalling-dejong <tjalling.dejong@deltares.nl>
Date: Wed, 29 Jan 2025 10:43:32 +0100
Subject: [PATCH] added resetCQLFilters function that clears the predefined
 filters when changing a layer in the time travel view

---
 src/store/modules/data/index.js | 6 ++++++
 src/views/Filters.vue           | 3 ++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/store/modules/data/index.js b/src/store/modules/data/index.js
index 76590cf2..61feb0f8 100644
--- a/src/store/modules/data/index.js
+++ b/src/store/modules/data/index.js
@@ -57,6 +57,9 @@ export default {
     SET_CQL_FILTER(state, filter) {
       state.cqlFilter = filter
     },
+    RESET_CQL_FILTER(state) {
+      state.cqlFilter = null
+    },
     RESET_TIME_EXTENT(state) {
       state.timeExtent = []
     },
@@ -172,6 +175,9 @@ export default {
     },
     setCQLFilter({ commit }, filter) {
       commit('SET_CQL_FILTER', filter)
+    },
+    resetCQLFilter({commit}) {
+      commit('RESET_CQL_FILTER')
     }, 
     setOpenedFolders({ commit }, folders) {
       commit('SET_OPENED_FOLDERS', folders)
diff --git a/src/views/Filters.vue b/src/views/Filters.vue
index b4699595..394a94b5 100644
--- a/src/views/Filters.vue
+++ b/src/views/Filters.vue
@@ -110,6 +110,7 @@
       selectedLayer() {
         if (this.selectedLayer) {
           this.setTimeExtent(this.selectedLayer.timeExtent)
+          this.resetCQLFilter()
         }
       },
       selectedLayerCode( ) {
@@ -124,7 +125,7 @@
       },
     },
     methods: {
-      ...mapActions('data', [ 'setTimeExtent', 'setCQLFilter' ] ),
+      ...mapActions('data', [ 'setTimeExtent', 'setCQLFilter', 'resetCQLFilter' ] ),
       ...mapActions('map', [ 'setFilteredLayerId', 'reloadLayerOnMap' ]),
       setFilter(value) {
         const filter = `${ this.filterName }='${ value }'`