aboutsummaryrefslogtreecommitdiff
path: root/src/shell.html
blob: 375098898e567ffb7b9ed8d45f04e88d8e0d889a (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
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<html>
  <head>
    <title>Emscripten-Generated Code</title>
  <body>
    <center>
      <canvas id='canvas' width='256' height='256' style="border: 1px solid black"
              oncontextmenu="event.preventDefault()"></canvas>
      <hr>
      <textarea id="output" style="font-family: monospace; width: 80%" rows="8"></textarea>
      <hr>
      <div id='status'>Downloading...</div>
    </center>
    <hr>
    <script type='text/javascript'>
      // connect to canvas
      var Module = {
        print: (function() {
          var element = document.getElementById('output');
          element.value = ''; // clear browser cache
          return function(text) {
            // These replacements are necessary if you render to raw HTML
            //text = text.replace(/&/g, "&amp;");
            //text = text.replace(/</g, "&lt;");
            //text = text.replace(/>/g, "&gt;");
            //text = text.replace('\n', '<br>', 'g');
            element.value += text + "\n";
            element.scrollTop = 99999; // focus on bottom
          };
        })(),
        canvas: document.getElementById('canvas'),
        setStatus: function(text) {
          document.getElementById('status').innerHTML = text;
        },
        totalDependencies: 0,
        monitorRunDependencies: function(left) {
          this.totalDependencies = Math.max(this.totalDependencies, left);
          Module.setStatus(left ? 'Downloading: ' + (this.totalDependencies-left) + '/' + this.totalDependencies : 'All downloads complete.');
        }
      };

      {{{ SCRIPT_CODE }}}
    </script>
  </body>
</html>