added basic api for 3rd-party clients

src/App.vue

@@ -79,6 +79,8 @@ export default {
         helper.info(message);
       }
       let url = formWrapper.getAttribute("action");
+      formData['url'] = formData["text-input-value"]
+      delete formData["text-input-value"]
       helper.httpClient(url)
         .setData(formData)
         .setHandler(function (data) {
@@ -100,6 +102,11 @@ export default {
       contentTable.getInstance().loading();
 
       let url = formWrapper.getAttribute("action");
+      formData['keyword'] = formData["text-input-value"]
+      formData['site'] = formData["select-value-search"]
+      delete formData["text-input-value"]
+      delete formData['select-value-search']
+      
       helper.httpClient(url)
         .setData(formData)
         .setHandler(function (data) {

src/actions/buttonActions.js

@@ -29,6 +29,8 @@ const buttonHandler = (event, type) => {
             console.log("gid is not set!");
         }
     }
+    data['url'] = data["text-input-value"]
+    delete data["text-input-value"]
     helper.httpClient(url).setErrorHandler(function (xhr, textStatus, error) {
         console.log(error);
     }).setHandler(function (data) {

src/utils/helper.js

@@ -173,7 +173,7 @@ const helper = {
                 if (element.hasAttribute('type') && element.getAttribute('type') === 'button') {
                     continue
                 }
-                const key = element.getAttribute('id')
+                const key = element.getAttribute('id') || element.getAttribute('name')
                 data[key] = element.value
                 for (let prop in element.dataset) {
                     if (prop == "rel") {
@@ -189,7 +189,7 @@ const helper = {
                 }
                 data[prop] = element.dataset[prop];
             }
-            const key = element.getAttribute('id')
+            const key = element.getAttribute('id') || element.getAttribute('name')
             data[key] = element.value
         }
         return data;