feat: input toggle for parameters and headers (#1388)

* feat: toggler for parameters and headers

* refactor: move bodyParams to separate component + feat: input toggle

* fix: backward copaitability

* Fixed issue with imported active prop mutations

Co-authored-by: Andrew Bastin <andrewbastin.k@gmail.com>

store/mutations.js

@@ -1,3 +1,5 @@
+import Vue from "vue";
+
 export default {
   setState({ request }, { attribute, value }) {
     request[attribute] = value
@@ -45,6 +47,14 @@ export default {
     request.headers[index].value = value
   },
 
+  setActiveHeader({ request }, { index, value }) {
+    if (!request.headers[index].hasOwnProperty("active")) {
+      Vue.set(request.headers[index], "active", value)
+    } else {
+      request.headers[index].active = value
+    }
+  },
+
   addParams({ request }, value) {
     request.params.push(value)
   },
@@ -65,6 +75,14 @@ export default {
     request.params[index].type = value
   },
 
+  setActiveParams({ request }, { index, value }) {
+    if (!request.params[index].hasOwnProperty("active")) {
+      Vue.set(request.params[index], "active", value)
+    } else {
+      request.params[index].active = value
+    }
+  },
+
   addBodyParams({ request }, value) {
     request.bodyParams.push(value)
   },
@@ -81,6 +99,14 @@ export default {
     request.bodyParams[index].value = value
   },
 
+  setActiveBodyParams({ request }, { index, value }) {
+    if (!request.bodyParams[index].hasOwnProperty("active")) {
+      Vue.set(request.bodyParams[index], "active", value)
+    } else {
+      request.bodyParams[index].active = value
+    }
+  },
+
   setOAuth2({ oauth2 }, { attribute, value }) {
     oauth2[attribute] = value
   },