<!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>