X-Git-Url: https://gerrit.automotivelinux.org/gerrit/gitweb?a=blobdiff_plain;f=test%2FAFB.html;h=ef2dc586bdc9d0e525b9907d477e0ab3853464f8;hb=HEAD;hp=344eb1588a667fe830b700f13678b11f3756d9f2;hpb=e7cd169beafdcdb7f268184b0d8d75dff2c82e9c;p=src%2Fapp-framework-binder.git

diff --git a/test/AFB.html b/test/AFB.html
index 344eb158..ef2dc586 100644
--- 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>