diff options
| author | Stefan Radomski <radomski@tk.informatik.tu-darmstadt.de> | 2013-06-10 22:47:14 (GMT) |
|---|---|---|
| committer | Stefan Radomski <radomski@tk.informatik.tu-darmstadt.de> | 2013-06-10 22:47:14 (GMT) |
| commit | 6f56474450b7c54f2c95b5dea6a7a42623141649 (patch) | |
| tree | 420c52085d8cf778360c09baf9722b21d01259da /test/samples/uscxml/templates/mc-html.html | |
| parent | a154682fc1b25581742d38dd5fe9aa06ede167b7 (diff) | |
| download | uscxml-6f56474450b7c54f2c95b5dea6a7a42623141649.zip uscxml-6f56474450b7c54f2c95b5dea6a7a42623141649.tar.gz uscxml-6f56474450b7c54f2c95b5dea6a7a42623141649.tar.bz2 | |
W3C MMI Architecture framework
Diffstat (limited to 'test/samples/uscxml/templates/mc-html.html')
| -rw-r--r-- | test/samples/uscxml/templates/mc-html.html | 161 |
1 files changed, 161 insertions, 0 deletions
diff --git a/test/samples/uscxml/templates/mc-html.html b/test/samples/uscxml/templates/mc-html.html new file mode 100644 index 0000000..78bb34e --- /dev/null +++ b/test/samples/uscxml/templates/mc-html.html @@ -0,0 +1,161 @@ +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> + <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.8.3/dojo/dojo.js"></script> + + <script type="text/javascript"> + function createUUID() { + // http://www.ietf.org/rfc/rfc4122.txt + var s = []; + var hexDigits = "0123456789abcdef"; + for (var i = 0; i < 36; i++) { + s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1); + } + s[14] = "4"; // bits 12-15 of the time_hi_and_version field to 0010 + s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1); // bits 6-7 of the clock_seq_hi_and_reserved to 01 + s[8] = s[13] = s[18] = s[23] = "-"; + var uuid = s.join(""); + return uuid; + } + </script> + + <script type="text/javascript"> + require(["dojo/on", "dojo/mouse", "dojo/domReady!", "dojo", "dojox/json/ref"], function(on, mouse, dom, dojo, ref) { + + var element = dojo.byId("foo"); + + var mmiNS = "http://www.w3.org/2008/04/mmi-arch"; + var token = createUUID(); + var contextId; + var timeout="30000"; + var imURL = "${im.url}"; + + var xhr = dojo.require("dojo/_base/xhr"); + // initial new context request + xhr.post({ + url: imURL + "?token=" + token, + postData: + '<mmi:mmi xmlns:mmi="' + mmiNS + '" version="1.0">' + + '<mmi:NewContextRequest ' + + 'mmi:Source="HTML" ' + + 'mmi:Target="' + imURL + '" '+ + 'mmi:RequestID="' + token + '" />' + + '</mmi:mmi>', + handleAs:"xml", + headers:{ + "X-Requested-With": null, + "Content-Type": "application/xml", + }, + load: function(result) { + // scxml IM replied with 204 - longpoll via get + longpoll(); + } + }); + + var longpoll = function() { + xhr.get({ + // The URL to request + url: imURL + "?token=" + token, + handleAs:"xml", + headers:{ + "X-Requested-With": null, + "Content-Type": "application/xml", + }, + load: function(result) { + // IM had some event to send to us + element.innerHTML += (new XMLSerializer()).serializeToString(result).replace(/</gi, "<") + "<br />"; + var mmiEvent = result.documentElement.firstChild; + switch (mmiEvent.localName) { + case "NewContextResponse": + newContextResponse(mmiEvent); + break; + case "StartRequest": + startRequest(mmiEvent); + break; + } + longpoll(); + } + }); + } + + var eventToJSON = function(event) { + var seen = []; + return JSON.stringify(event, function(key, val) { + if (isNode(val)) { + return; + } + if (isWindow(val)) { + return; + } + if (typeof val == "object") { + if (seen.indexOf(val) >= 0) + return; + seen.push(val) + } + return val + }); + } + + var isNode = function(o){ + return ( + typeof Node === "object" ? o instanceof Node : + o && typeof o === "object" && typeof o.nodeType === "number" && typeof o.nodeName==="string" + ); + } + + var isWindow = function(o){ + return ( + typeof Window === "object" ? o instanceof Window : + o && typeof o === "object" && typeof o.menubar === "object" + ); + } + + var newContextResponse = function(event) { + contextId = event.getAttribute("Context"); + } + var startRequest = function(event) { + var content = event.firstChild; + console.log(content); + var fromStartRequest = document.importNode(content.firstChild,true); + element.appendChild(fromStartRequest); + } + + var sendExtensionNotification = function(event) { + console.log(event); + var data = eventToJSON(event); + console.log(data); + xhr.post({ + url: imURL + "?token=" + token, + postData: + '<mmi:mmi xmlns:mmi="' + mmiNS + '" version="1.0">' + + '<mmi:ExtensionNotification ' + + 'mmi:Source="HTML" ' + + 'mmi:Target="' + imURL + '" ' + + 'mmi:Context="' + contextId + '" ' + + 'mmi:RequestID="' + token + '">' + + '<mmi:Data>' + data + '</mmi:Data>' + + '</mmi:ExtensionNotification>' + + '</mmi:mmi>', + handleAs:"xml", + headers:{ + "X-Requested-With": null, + "Content-Type": "application/xml", + }, + load: function(result) { + // scxml IM replied with 204 + } + }); + + } + + on(element, "click", sendExtensionNotification); + on(element, mouse.enter, sendExtensionNotification); + on(element, mouse.leave, sendExtensionNotification); + + }); + </script> + </head> + <body class="tundra"> + <div id="foo"></div> + </body> +</html> |