1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
4 <title>MCTX3420 Web Interface</title>
5 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
7 <script language="javascript" type="text/javascript" src="static/excanvas.min.js"></script>
9 <script type="text/javascript" src="static/jquery-1.10.1.min.js"></script>
10 <script type="text/javascript" src="static/jquery.flot.min.js"></script>
11 <script type="text/javascript" src="static/mctx.gui.js"></script>
12 <link rel="stylesheet" type="text/css" href="static/style.css">
13 <link rel="stylesheet" type="text/css" href="static/nav-menu.css">
14 <script type="text/javascript">
15 $(document).ready(function () {
16 $("#menu-container").populateNavbar();
17 $("#cam1").setCamera();
24 <span id="title">Exploding Cans</span>
26 <div id="menu-container" class="nav-menu">
29 <script type="text/javascript">getDate();</script>
32 <div class="clear"></div>
39 <div class="title">Status</div>
41 <table class="status centre">
42 <tr><th>Module</th> <th>State</th></tr>
43 <tr><td>Case interlock</td> <td>FAIL</td></tr>
44 <tr><td>Pressure level</td> <td>PASS</td></tr>
50 <div class="title">Pressure controls</div>
54 <div class="title">Login</div>
57 <table class="centre">
58 <tr><td>Username</td><td><input name="username" type="text"></td></tr>
59 <tr><td>Password</td><td><input name="pass" type="password"></td></tr>
60 <tr><td></td><td><input type="button" value="Submit"></td></tr>
70 <div class="title">Dashboard</div>
75 <div class="title">Strain gauges</div>
76 <div id="strain-graphs" class="graph">
77 <!-- Strain graph placeholder -->
78 <script type="text/javascript">
79 $("#strain-graphs").setStrainGraphs();
85 <div class="title">Camera Dilatometer</div>
86 <img src="#" alt="Camera 1" id="cam1" class="centre">
89 <!-- End main content -->