4baded4c5335b4ae442ff51f633bc52b51ace0ce
[contrib/cloudeebus.git] / doc / agent / server.html
1 <!DOCTYPE html>
2 <html>
3     <head>
4         <script src="../../lib/autobahn.min.js"></script>
5         <script src="../../cloudeebus/cloudeebus.js"></script>
6         <script type="text/javascript">
7                 function evalScript(field) {
8                         eval(
9                                 "var lambda = function() {" +
10                                         document.getElementById(field).value +
11                                 "};" + 
12                                 "lambda();"
13                         );
14                 }
15         </script>
16     </head>
17    <body>
18         <center><h1>cloudeebus</h1></center>
19         <br>
20                 <textarea style="width:80%" rows="32" id="script">
21 var manifest = {
22         name: "cloudeebus",
23         key: "secret",
24         services: [
25                 "org.cloudeebus.Sample"
26         ]
27 };
28
29
30 var sampleXml= '<!DOCTYPE node PUBLIC "-//freedesktop//DTD D-BUS Object Introspection 1.0//EN"\n"http://www.freedesktop.org/standards/dbus/1.0/introspect.dtd">\n<node><interface name="org.cloudeebus.Sample1"><method name="Release"></method><method name="Add"><arg type="i" name="arg1"/><arg type="i" name="arg2"/><arg type="i" name="result" direction="out"/></method><method name="Variant"><arg type="a{sv}" name="arg1"/><arg type="a{sv}" name="result" direction="out"/></method><signal name="ResultChanged"><arg type="v" name="result"/></signal></interface><interface name="org.cloudeebus.Sample2"><method name="Div"><arg type="d" name="arg1"/><arg type="d" name="arg2"/><arg type="d" name="result" direction="out"/></method></interface></node>';
31
32 cloudeebus.log = function(msg) {
33   document.getElementById("log").innerHTML += msg + "\n";
34 }
35
36 function logCB(result) {
37   cloudeebus.log(JSON.stringify(result));
38 }
39
40 function errorCB(error) {
41   cloudeebus.log(cloudeebus.getError(error));
42 }
43
44 sampleObjectHandler = {
45   Add: function(a,b) {
46     cloudeebus.log("Add " + a + " + " + b);
47     this.ResultChanged(a+b);
48     return a+b;
49   }, 
50   Variant: function(a) {
51     cloudeebus.log("Get and return :" + JSON.stringify(a));
52     return a;
53   }, 
54   Release: function() {
55     gService.remove().then(logCB, errorCB);
56   },
57   Div: function(a,b) {
58     cloudeebus.log("Div " + a + " / " + b);
59         this.ResultChanged(a/b);
60     return a/b;
61   }
62 };
63
64 function addAgent(service) {
65   window.gService = service;
66   var agent = new cloudeebus.Agent(service.name, "/org/cloudeebus/Sample", sampleObjectHandler, sampleXml);
67   cloudeebus.log("Adding agent " + agent.objectPath + " on " + service.name + ", mapped on Javascript object: 'sampleObjectHandler");
68   service.addAgent(agent).then(logCB, errorCB);
69  
70 }
71
72 function connectSuccess() {
73   cloudeebus.SessionBus().addService("org.cloudeebus.Sample").then(addAgent, errorCB);
74 }
75
76 cloudeebus.connect("ws://localhost:9003", manifest, connectSuccess, errorCB);
77 </textarea>
78                 <br>
79 -               <input type="button" value="run script" onclick="evalScript('script')"/>
80                 <input type="button" value="clear log" onclick="document.getElementById('log').innerHTML='';"/>
81                 <br>
82                 <input type="button" value="Unregister service" onclick="evalScript('removeCmd')"/>
83 -               <input id="removeCmd" type="text" value="window.gService.remove()"/>
84                 <br>
85                 <pre id="log" style="height: 20em; overflow-x: auto; overflow-y: auto; background-color: #faa;"></pre>
86    </body>
87 </html>