Issue #562: Update searchText query parameter via router

Signed-off-by: Florian Heubeck <heubeck@mediamarktsaturn.com>
DependencyTrack · Jul 31, 2023 · 4724473 · 4724473
1 parent 5a6c486
commit 4724473
Show file tree

Hide file tree

Showing 5 changed files with 32 additions and 5 deletions.
diff --git a/src/mixins/routerMixin.js b/src/mixins/routerMixin.js
@@ -0,0 +1,13 @@
+export default {
+  methods: {
+    setSearchTextQuery (searchText) {
+      let queries = JSON.parse(JSON.stringify(this.$route.query));
+      if (searchText === '') {
+        delete queries.searchText;
+      } else {
+        queries.searchText = searchText;
+      }
+      this.$router.replace({query: queries});
+    }
+  }
+}
diff --git a/src/views/policy/PolicyList.vue b/src/views/policy/PolicyList.vue
@@ -20,6 +20,7 @@
   import xssFilters from "xss-filters";
   import CreatePolicyModal from "./CreatePolicyModal";
   import permissionsMixin from "../../mixins/permissionsMixin";
+  import routerMixin from "../../mixins/routerMixin";
   import i18n from "../../i18n";
   import ActionableListGroupItem from "../components/ActionableListGroupItem";
   import BInputGroupFormInput from "../../forms/BInputGroupFormInput";
@@ -33,7 +34,7 @@
   import { Switch as cSwitch } from '@coreui/vue';
 
   export default {
-    mixins: [permissionsMixin, bootstrapTableMixin],
+    mixins: [permissionsMixin, bootstrapTableMixin, routerMixin],
     components: {
       CreatePolicyModal
     },
@@ -355,6 +356,9 @@
               localStorage.setItem("PolicyListPageSize", size.toString())
             }
           }),
+          onSearch: ((text) => {
+            this.setSearchTextQuery(text);
+          })
         }
       };
     }

diff --git a/src/views/portfolio/licenses/LicenseList.vue b/src/views/portfolio/licenses/LicenseList.vue
@@ -22,11 +22,12 @@
   import PortfolioWidgetRow from "../../dashboard/PortfolioWidgetRow";
   import xssFilters from "xss-filters";
   import permissionsMixin from "../../../mixins/permissionsMixin";
+  import routerMixin from "../../../mixins/routerMixin";
   import LicenseAddLicenseModal from "@/views/portfolio/licenses/LicenseAddLicenseModal";
   import {loadUserPreferencesForBootstrapTable} from "@/shared/utils";
 
   export default {
-    mixins: [permissionsMixin],
+    mixins: [permissionsMixin, routerMixin],
     components: {
       LicenseAddLicenseModal,
       PortfolioWidgetRow
@@ -132,6 +133,9 @@
               localStorage.setItem("LicenseListSortName", name);
               localStorage.setItem("LicenseListSortOrder", order);
             }
+          }),
+          onSearch: ((text) => {
+            this.setSearchTextQuery(text);
           })
         }
       };

diff --git a/src/views/portfolio/projects/ProjectList.vue b/src/views/portfolio/projects/ProjectList.vue
@@ -28,14 +28,15 @@ import MurmurHash2 from "imurmurhash";
 import Vue from 'vue';
 import xssFilters from "xss-filters";
 import permissionsMixin from "../../../mixins/permissionsMixin";
+import routerMixin from "../../../mixins/routerMixin";
 import common from "../../../shared/common";
 import PolicyViolationProgressBar from "../../components/PolicyViolationProgressBar";
 import SeverityProgressBar from "../../components/SeverityProgressBar";
 import PortfolioWidgetRow from "../../dashboard/PortfolioWidgetRow";
 import ProjectCreateProjectModal from "./ProjectCreateProjectModal";
 
   export default {
-    mixins: [permissionsMixin],
+    mixins: [permissionsMixin, routerMixin],
     components: {
       cSwitch,
       ProjectCreateProjectModal,
@@ -343,6 +344,7 @@ import ProjectCreateProjectModal from "./ProjectCreateProjectModal";
                 this.showFlatView = false;
               }
             }
+            this.setSearchTextQuery(text);
           }),
           onPageChange: ((number, size) => {
             if (localStorage) {

diff --git a/src/views/portfolio/vulnerabilities/VulnerabilityList.vue b/src/views/portfolio/vulnerabilities/VulnerabilityList.vue
@@ -22,12 +22,13 @@
 import $ from "jquery";
 import xssFilters from "xss-filters";
 import permissionsMixin from "../../../mixins/permissionsMixin";
+import routerMixin from "../../../mixins/routerMixin";
 import common from "../../../shared/common";
 import PortfolioWidgetRow from "../../dashboard/PortfolioWidgetRow";
 import VulnerabilityCreateVulnerabilityModal from "./VulnerabilityCreateVulnerabilityModal";
 
   export default {
-    mixins: [permissionsMixin],
+    mixins: [permissionsMixin, routerMixin],
     components: {
       VulnerabilityCreateVulnerabilityModal,
       PortfolioWidgetRow
@@ -164,7 +165,10 @@ import VulnerabilityCreateVulnerabilityModal from "./VulnerabilityCreateVulnerab
               localStorage.setItem("VulnerabilityListSortName", name);
               localStorage.setItem("VulnerabilityListSortOrder", order);
             }
-          })
+          }),
+          onSearch: ((text) => {
+            this.setSearchTextQuery(text);
+          }),
         }
       };
     }