summaryrefslogtreecommitdiffstats
path: root/web/index.html
blob: 7a104c9667f00d4969d53d85b08be94bd70d7e0d (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<!DOCTYPE html>
<html>
 <head>
  <style type="text/css">
body, input, #file { font-size: 12px; }
pre {
    border: thin solid #c0c0c0;
    color: #404040;
    font-family: Inconsolata, Ubuntu mono, fixed;
    font-size: 9pt;
    padding: 0.1em 0.4em;
}
  </style>
  <script src="/js/nbd.js" type="text/javascript">
  </script>
  <script type="text/javascript">
var server;

function start_server()
{ 
    var file = document.getElementById("file").files[0];

    server = new NBDServer("ws://" + location.host + "/", file);
    server.onlog = function(msg) {
        var container = document.getElementById("log");
        container.innerText += msg + "\n";
    }
    server.start()
}

function stop_server()
{
    if (server)
        server.stop();
}

document.addEventListener("DOMContentLoaded", function(event) {
    document.getElementById("go").focus();
});

  </script>
 </head>
 <body>
  <div>
   <input type="file" id="file">
   <input type="button" id="go" onclick="start_server()" value="Serve Image">
   <input type="button" id="stop" onclick="stop_server()" value="Stop">
  </div>
  <pre id="log"></pre>
 </body>
</html>
OpenPOWER on IntegriCloud