adding seprator OR in query

Author: prakhyatox

src/styles/_advancedSearchComponents.scss

@@ -5,10 +5,9 @@
   max-width: 750px;
   margin-left: 10px;
   margin-right: 10px;
-  box-shadow:
-    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
-    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
-    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),
+  0px 2px 2px 0px rgba(0, 0, 0, 0.14),
+  0px 1px 5px 0px rgba(0, 0, 0, 0.12);
 
   &.advancedSearchSelectMobile {
     max-width: 100%;
@@ -42,6 +41,5 @@
     margin: 4px;
     border-radius: 16px;
     font-size: 14px;
-    height: 32px;
   }
 }

src/utils/queryUtil.js

@@ -15,7 +15,11 @@ const generateSelectionQuery = (principle, selection) => {
   queryString += "principle=" + principle + "&";
   objectEntriesArr.forEach((item) => {
     if (item[1] && item[1].length) {
-      queryString += item[0] + "=" + item[1] + "&";
+      //Replace spaces with _ in the string in order to avoid + sign in URL
+      item[1] = item[1].map((str) => {
+        return str.replace(/\s/g, "_");
+      });
+      queryString += item[0] + "=" + item[1].join("OR") + "&";
     }
   });
   //Removing the last "&" from the string

src/views/Registry/ResultTableView.vue

@@ -154,25 +154,25 @@ export default {
           //For objectTypes
           else if (paramValues[0] === "objectTypes") {
             this.advancedSearchStore.objectTypeSelected = {
-              objectTypes: paramValues[1],
+              objectTypes: paramValues[1].split("OR"),
             };
           }
           //For subjects
           else if (paramValues[0] === "subjects") {
             this.advancedSearchStore.subjectSelected = {
-              subjects: paramValues[1],
+              subjects: paramValues[1].split("OR"),
             };
           }
           //For organisations
           else if (paramValues[0] === "organisations") {
             this.advancedSearchStore.organisationSelected = {
-              organisations: paramValues[1],
+              organisations: paramValues[1].split("OR"),
             };
           }
           //For toolNames
           else if (paramValues[0] === "toolNames") {
             this.advancedSearchStore.toolsSelected = {
-              toolNames: paramValues[1],
+              toolNames: paramValues[1].split("OR"),
             };
           }
         });