From d93a7f78323d84488ddc714f1ec54814601a47c0 Mon Sep 17 00:00:00 2001
From: felixwelter <felixwelter@gmail.com>
Date: Fri, 4 Sep 2020 13:07:16 +0200
Subject: [PATCH] Improve query test mechanism

---
 templates/index.html | 21 +++++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/templates/index.html b/templates/index.html
index 35b815d..31e1195 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -17,24 +17,33 @@
 <form action="search" method="post">
     <input name="term" placeholder="term"><br>
     <input name="context" placeholder="context"><br>
-    <input type="submit" value="Query">
+    <input type="button" value="Query" onclick="execute();">
 </form>
 
-<button onclick="execute();">Execute</button>
+<div id="form-result">
+
+</div>
 
 <script>
     function execute() {
         var http = new XMLHttpRequest();
         var url = '/search';
-        var params = 'term=Freedom&Concept Evaluation'
+        var params = 'term=' + document.getElementsByName("term")[0].value +
+            '&context=' + document.getElementsByName("context")[0].value
+        console.log(params)
         http.open('POST', url, true);
-
         http.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
-
         http.onreadystatechange = function () {
             if (http.readyState == 4 && http.status == 200) {
                 console.log(http.responseText);
-                console.log(JSON.parse(http.responseText));
+                res = JSON.parse(http.responseText)
+                if(res["type"] == "miss"){
+                    document.getElementById("form-result").innerHTML = "No slide found";
+                    return;
+                }
+                img_path = res["path"];
+                html = '<img src="' + img_path + '" height="300px;">';
+                document.getElementById("form-result").innerHTML = html;
             }
         }
         http.send(params);
-- 
GitLab