node-app/index.html at master · BluTrace/node-app · GitHub

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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>bluTrace</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">

        <link rel="stylesheet" href="css/bootstrap.min.css">
        <style>
            body {
                padding-top: 50px;
                padding-bottom: 20px;
            }
        </style>
        <link rel="stylesheet" href="css/bootstrap-theme.min.css">
        <link rel="stylesheet" href="css/main.css">

        <script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
        <script src="js/graphRepresentationRefactored.js"></script>
        <script src="js/utils.js"></script>
        <script src="js/ball.js"></script>
        <script src="js/states.js"></script>

    </head>
    <body>
        <!--[if lt IE 7]>
            <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
        <![endif]-->
    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">bluTrace</a>
        </div>
        <div class="navbar-collapse collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="#">Home</a></li>
            <li><a href="#about">About</a></li>
          </ul>
        </div><!--/.navbar-collapse -->
      </div>
    </div>

    <!-- Main jumbotron for a primary marketing message or call to action -->
    <div class="jumbotron">
      <div class="container">
        <h1>Blind Navigation System</h1>
        <p>An easy to install system to make any indoor environment blind friendly. An easy to install system to make any indoor environment blind friendly. An easy to install system to make any indoor environment blind friendly.</p>
        <p><a class="btn btn-primary btn-lg">Learn more &raquo;</a></p>
      </div>
    </div>

    <div class="container">
      <div class="row">
        <h3>Beacon Connectivity</h3>
          <canvas id="canvas" width="800" height="500"></canvas>

          <div id="current-msg"></div>
      </div>
      <br />
      <div class="row">
          <button type="button" id="import-nodes" class="enabled">Import Nodes</button>
          <button type="button" id="put-points" class="disabled"></button>
          <button type="button" id="put-edges" class="disabled"></button>
          <button type="button" id="generate-destination-csv" class="enabled">Generate destinations.csv</button>
          <button type="button" id="generate-connectivity-csv" class="enabled">Generate beacon_connectivity.csv</button>
          <div id="edges"></div>
          <div id="information"></div>
      </div>

        <hr>

        <div class="row">
            <h3>destinations.csv</h3>
            <div><pre id="destinations-csv"></pre></div>
        </div>

        <hr>

        <div class="row">
            <h3>beacon_connectivity.csv</h3>
            <div><pre id="connectivity-csv"></pre></div>
        </div>

        <hr>

      <footer>
        <div style="text-align: center;">
          <p>100 Days of Hardware - ThoughtWorks Gurgaon</p>
        </div>
      </footer>
    </div> <!-- /container -->
        <script src="js/vendor/jquery-1.10.1.min.js"></script>

        <script src="js/vendor/bootstrap.min.js"></script>

        <script src="js/main.js"></script>
    </body>
</html>