fix: add reset selected value when changing filters[WTEL-5744](https:…

…//webitel.atlassian.net/browse/WTEL-5744)
webitel · Dec 18, 2024 · ff23cd8 · ff23cd8
1 parent b771ae3
commit ff23cd8
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 6 deletions.
diff --git a/src/modules/configuration/modules/lookups/modules/slas/components/the-slas.vue b/src/modules/configuration/modules/lookups/modules/slas/components/the-slas.vue
@@ -106,7 +106,7 @@
 </template>
 
 <script setup>
-import { computed, onUnmounted } from 'vue';
+import { computed, onUnmounted, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
 import { useStore } from 'vuex';
@@ -164,6 +164,7 @@ const {
 
 const {
   namespace: filtersNamespace,
+  filtersValue,
   restoreFilters,
 
   subscribe,
@@ -206,11 +207,18 @@ const {
 
 const refresh = () => {
   // https://webitel.atlassian.net/browse/WTEL-5711
-  // because 'selected' needs to be updated [WTEL-5711]
+  // because 'selected' value needs cleaned
 
   resetState();
   loadData();
 };
+
+watch(() => filtersValue.value, () => {
+  // https://webitel.atlassian.net/browse/WTEL-5744
+  // because 'selected' value needs cleaned when changing filters
+
+  resetState();
+});
 </script>
 
 <style lang="scss" scoped>

diff --git a/...tion/modules/lookups/modules/slas/modules/conditions/components/opened-sla-conditions.vue b/...tion/modules/lookups/modules/slas/modules/conditions/components/opened-sla-conditions.vue
@@ -124,7 +124,7 @@ import FilterPagination from '@webitel/ui-sdk/src/modules/Filters/components/fil
 import { useTableFilters } from '@webitel/ui-sdk/src/modules/Filters/composables/useTableFilters.js';
 import { useCardStore } from '@webitel/ui-sdk/store';
 import { useTableStore } from '@webitel/ui-sdk/src/store/new/modules/tableStoreModule/useTableStore.js';
-import { onUnmounted } from 'vue';
+import { onUnmounted, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRoute, useRouter } from 'vue-router';
 import IconAction from '@webitel/ui-sdk/src/enums/IconAction/IconAction.enum.js';
@@ -173,6 +173,7 @@ const {
 
 const {
   namespace: filtersNamespace,
+  filtersValue,
   restoreFilters,
 
   subscribe,
@@ -208,12 +209,18 @@ const {
 
 const refresh = () => {
   // https://webitel.atlassian.net/browse/WTEL-5711
-  // because 'selected' needs to be updated [WTEL-5711]
+  // because 'selected' value needs cleaned
 
   resetState();
   loadData();
 };
 
+watch(() => filtersValue.value, () => {
+  // https://webitel.atlassian.net/browse/WTEL-5744
+  // because 'selected' value needs cleaned when changing filters
+
+  resetState();
+});
 </script>
 
 <style lang="scss" scoped>

diff --git a/src/modules/configuration/modules/lookups/modules/sources/components/the-sources.vue b/src/modules/configuration/modules/lookups/modules/sources/components/the-sources.vue
@@ -120,7 +120,7 @@ import FilterPagination from '@webitel/ui-sdk/src/modules/Filters/components/fil
 import DeleteConfirmationPopup
   from '@webitel/ui-sdk/src/modules/DeleteConfirmationPopup/components/delete-confirmation-popup.vue';
 import { useTableFilters } from '@webitel/ui-sdk/src/modules/Filters/composables/useTableFilters.js';
-import { computed, onUnmounted } from 'vue';
+import { computed, onUnmounted, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
 import { useTableEmpty } from '@webitel/ui-sdk/src/modules/TableComponentModule/composables/useTableEmpty.js';
@@ -163,6 +163,7 @@ const {
 
 const {
   namespace: filtersNamespace,
+  filtersValue,
   restoreFilters,
 
   subscribe,
@@ -205,11 +206,18 @@ const {
 
 const refresh = () => {
   // https://webitel.atlassian.net/browse/WTEL-5711
-  // because 'selected' needs to be updated [WTEL-5711]
+  // because 'selected' value needs cleaned
 
   resetState();
   loadData();
 };
+
+watch(() => filtersValue.value, () => {
+  // https://webitel.atlassian.net/browse/WTEL-5744
+  // because 'selected' value needs cleaned when changing filters
+
+  resetState();
+});
 </script>
 
 <style lang="scss" scoped>