Take export query options from query parameters of the server

Change-Id: If09d7a46804dce20143c7dc0e487891a0dbd10e4
diff --git a/plugin/src/main/java/de/ids_mannheim/korap/plkexport/PluginServer.java b/plugin/src/main/java/de/ids_mannheim/korap/plkexport/PluginServer.java
index 79762d6..925a465 100644
--- a/plugin/src/main/java/de/ids_mannheim/korap/plkexport/PluginServer.java
+++ b/plugin/src/main/java/de/ids_mannheim/korap/plkexport/PluginServer.java
@@ -35,9 +35,9 @@
         connector.setIdleTimeout(60000);
         jettyServer.addConnector(connector);
         
-        ResourceHandler resourceHandler= new ResourceHandler();
+        ResourceHandler resourceHandler = new ResourceHandler();
         String resourceBase ="templates";
-        //If server is started as jar-file in target directory
+        // If server is started as jar-file in target directory
         if(!new File("templates").exists()) {
            resourceBase = "../" + resourceBase; 
         }
diff --git a/plugin/templates/export.html b/plugin/templates/export.html
index d8e8bb9..8286efd 100644
--- a/plugin/templates/export.html
+++ b/plugin/templates/export.html
@@ -4,40 +4,37 @@
   <head>
     <meta charset="UTF-8">
     <title>Export Template</title>
-    <script src="https://korap.ids-mannheim.de/js/korap-plugin-0.2.js"></script>
-    <link type="text/css" rel="stylesheet" href="https://korap.ids-mannheim.de/css/kalamar-plugin-0.2.css" />
+
+    <!-- This is only for testing purposes -->
+    <script src="http://localhost:64543/js/korap-plugin-0.2.js"></script>
+    <link type="text/css" rel="stylesheet" href="http://localhost:64543/css/kalamar-plugin-0.2.css" />
   </head>
   <body style="padding: .5em">
 
     <form id="frmid" class="form-table" action="http://localhost:7777/export" method="POST">
       <fieldset>
-        <legend>Export</legend>
-      Zu Testzwecken: <br/>
-      <ul>
-        <li> <a onclick="KorAPlugin.requestMsg({'action':'get', 'key':'KQ'}, function (d) { document.write(JSON.stringify(d.value))})">Get KQ</a> </li>
-      </ul>
+        <legend>Export <code id="export-query"></code></legend>
+        <input type="hidden"  id="q" name="q">
+        <input type="hidden" id="ql" name="ql">
+        <input type="hidden" id="cq" name="cq">
+        
+        <label for="format">Dateiformat</label>
+        <input type="radio" id="formatjson" name="format" value="json">  
+        <label for="formatjson">JSON</label>
+        <input type="radio" checked="checked" id="formathtml" name="format" value="rtf">  
+        <label for="formatrtf">RTF</label>
 
-      <label for="q">Suchanfrage</label>
-      <input id="q" name="q" value="Wasser">
-      <label for="ql">Suchanfragesprache</label>
-      <input id="ql" name="ql" value="poliqarp">
-      <input type="hidden" id="cq" name="cq" value="">
-
-      <label for="format">Dateiformat</label>
-      <input type="radio" id="formatjson" name="format" value="json">  
-      <label for="formatjson">JSON</label>
-      <input type="radio" checked="checked" id="formathtml" name="format" value="rtf">  
-      <label for="formatrtf">RTF</label>
-
-      <div>
-        <label>
-          <input type="checkbox" name="islimit" checked="checked" value="limited">
-          Beschränken auf 
-          <input name="hitc" type="number" min="1" max="1000" value="20">
-          Treffer 
-        </label>
-      </div>
-      <input type="submit" value="Exportieren"> 
+        <div>
+          <label>
+            <input type="checkbox" name="islimit" checked="checked" value="limited">
+            Beschränken auf 
+            <input name="hitc" type="number" min="1" max="1000" value="20">
+            Treffer 
+          </label>
+        </div>
+        <input type="submit" value="Exportieren">
+      </fieldset>
     </form>
+    <script src="export.js" defer></script>
   </body>
 </html>
diff --git a/plugin/templates/export.js b/plugin/templates/export.js
new file mode 100644
index 0000000..cfb96f4
--- /dev/null
+++ b/plugin/templates/export.js
@@ -0,0 +1,24 @@
+function pluginit(P) {
+  P.requestMsg(
+    {
+      'action':'get',
+      'key':'QueryParam'
+    },
+    function (d) {
+      let v = d.value;
+      if (v["q"]) {
+        let e = v["q"];
+        document.getElementById("q").value=v["q"];
+        if (v["ql"]) {
+          e += " with " + v["ql"];
+          document.getElementById("ql").value=v["ql"];
+        };
+        if (v["cq"]) {
+          e += " in " + v["cq"];
+          document.getElementById("cq").value=v["cq"];
+        };
+        document.getElementById("export-query").innerText = e;
+      };
+    }
+  );
+};