Add gitlab issue/merge request templates

[src/app-framework-binder.git] / test / AFB.html

diff --git a/test/AFB.html b/test/AFB.html
index 344eb15..ef2dc58 100644 (file)
--- a/test/AFB.html
+++ b/test/AFB.html
@@ -3,12 +3,13 @@
     <title>Test of AFB Echo</title>
     <script type="text/javascript" src="AFB.js"></script>
     <script type="text/javascript">
-       var afb = new AFB("api", "hello-token");
+       var afb = new AFB("api", "hello");
        var ws;
 
        function onopen() {
                document.getElementById("main").style.visibility = "visible";
                document.getElementById("connected").innerHTML = "Connected to WebSocket server";
+               ws.onevent("*", gotevent);
        }
        function onabort() {
                document.getElementById("main").style.visibility = "hidden";
@@ -23,10 +24,19 @@
        function replyerr(obj) {
                document.getElementById("output").innerHTML = "ERROR: "+JSON.stringify(obj);
        }
-       function send(message) {
+       function gotevent(obj) {
+               document.getElementById("outevt").innerHTML = JSON.stringify(obj);
+       }
+       function sendform() {
                var api = document.getElementById("api").value;
                var verb = document.getElementById("verb").value;
-               ws.call(api, verb, {data:message}, 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>
 
@@ -34,9 +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>
+    <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>