AFB.html: Allow to call any verb of any API

Change-Id: I3bfff2632d5854d5885740e55f0ec38fe3214424
Signed-off-by: José Bollo <jose.bollo@iot.bzh>

diff --git a/test/AFB.html b/test/AFB.html
index b0832d9..ef2dc58 100644 (file)
--- a/test/AFB.html
+++ b/test/AFB.html
@@ -27,10 +27,16 @@
        function gotevent(obj) {
                document.getElementById("outevt").innerHTML = JSON.stringify(obj);
        }
-       function send(message) {
+       function sendform() {
                var api = document.getElementById("api").value;
                var verb = document.getElementById("verb").value;
-               ws.call(api+"/"+verb, {data:message}).then(replyok, replyerr);
+               var message = document.getElementById("message").value;
+               try {
+                       var data = JSON.parse(message);
+                       ws.call(api+"/"+verb, data).then(replyok, replyerr);
+               } catch(e) {
+                       document.getElementById("output").innerHTML = "INVALID JSON ("+e+"): "+message;
+               }
        }
     </script>
 
@@ -38,10 +44,14 @@
     <h1>WebSocket Echo</h1>
     <div id="connected">Not Connected</div>
     <div id="main" style="visibility:hidden">
-    API: <input type="text" id="api" value="hello" size="80"/><br/>
-    VERB: <input type="text" id="verb" value="ping" size="80"/><br/>
-    Enter Message: <input type="text" name="message" value="" size="80" onchange="send(this.value)"/><br/>
-    Server says... <div id="output"></div>
-    Events: <div id="outevt"></div>
+    <a href="monitoring/monitor.html" target="_blank">Monitoring</a><br/>
+    <form>
+      API: <input type="text" id="api" value="hello" size="80"/><br/>
+      VERB: <input type="text" id="verb" value="ping" size="80"/><br/>
+      DATA: <input type="text" id="message" value="" size="80" /><br/>
+      <input type="button" value="send" onclick="sendform()"/><br/>
+      Server says... <div id="output"></div>
+      Events: <div id="outevt"></div>
+    </form>
     </div>