diff options
author | 2013-08-14 12:24:21 +0000 | |
---|---|---|
committer | 2013-08-14 12:24:21 +0000 | |
commit | 912a7fde30e1daa22b64f72d0cac3e92a0f2c9c8 (patch) | |
tree | 1a5d8b7fd756badfa00318ec1364ef19235b56bf /web | |
parent | 15cc532d493c4936d25f535bf8ef89236b03ec28 (diff) |
added screenshot option and serving it from webserver (nw)
Diffstat (limited to 'web')
-rw-r--r-- | web/index.html | 37 |
1 files changed, 27 insertions, 10 deletions
diff --git a/web/index.html b/web/index.html index 37200763c89..d733b190bb3 100644 --- a/web/index.html +++ b/web/index.html @@ -21,6 +21,11 @@ document.getElementById('current').innerHTML = message; }; + function takeScreenshot() + { + document.getElementById('content').innerHTML = '<center><img src="/screenshot.png"/></center>'; + } + function startWebSocket() { var url = 'ws://localhost:8080/foo'; websocket = new WebSocket(url); @@ -28,7 +33,7 @@ writeToScreen('<b style="color: green;">Connected</b>'); }; websocket.onclose = function(ev) { - writeToScreen('<b style="color: white;">Disconnected</b>'); + writeToScreen('<b style="color: red;">Disconnected</b>'); }; websocket.onmessage = function(ev) { if (ev.data=='update_machine') @@ -80,21 +85,33 @@ <a href="#page1" data-transition="fade" data-icon="grid">Image</a> </li> <li> - <a href="#page1" data-transition="fade" data-icon="info">Info</a> - </li> - <li> - <a href="#page1" data-transition="fade" data-icon="check">Logs</a> + <a href="#page1" data-transition="fade" data-icon="star">Commands</a> </li> </ul> </div> </div> - <div data-role="content"> + <div data-role="content" id ="content"> </div> <div data-theme="a" data-role="footer" data-position="fixed"> - <h3> - <div id="current"></div> - </h3> - <a data-role="button" href="javascript:startWebSocket();" data-icon="refresh" data-iconpos="left" class="ui-btn-right">Reconnect</a> + <div data-role="navbar" data-iconpos="top"> + <ul> + <li> + <a href="#page1" data-transition="fade" data-icon="info">Info</a> + </li> + <li> + <a href="#page1" data-transition="fade" data-icon="check">Logs</a> + </li> + <li> + <a href="javascript:takeScreenshot();" data-transition="fade" data-icon="search">Screenshot</a> + </li> + <li> + <a href="javascript:startWebSocket();" data-transition="fade" data-icon="refresh">Reconnect</a> + </li> + </ul> + </div> + <h3> + <div id="current"></div> + </h3> </div> </div> </body> |