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/base64.js"></script>
12 <script type="text/javascript" src="static/mctx.gui.js"></script>
14 <link rel="stylesheet" type="text/css" href="static/style.css">
15 <link rel="stylesheet" type="text/css" href="static/nav-menu.css">
16 <link rel="stylesheet" type="text/css" href="static/exp-menu.css">
17 <script type="text/javascript">
18 $(document).ready(function () {
19 $("#menu-container").populateNavbar();
20 $("#login").submit(function () {
25 $("#main_controls").submit(function () {
29 //$("#cam1").setCamera();
30 //$("#strain-graphs").setStrainGraphs();
31 $("#errorlog").setErrorLog();
37 <div id="header-wrap">
40 <a href="http://www.uwa.edu.au/" target="_blank">
41 <img alt = "The University of Western Australia"
42 src="static/uwacrest-text.png">
44 <span id="title">Exploding Can Web Interface: Home</span>
46 <div class="nav-menu">
48 <li><a href="dashboard.html">Home</a></li>
49 <li><a href="setup.html">Setup</a></li>
50 <li><a href="admin.html">Admin</a></li>
51 <li><a href="help.html">Help</a></li>
55 <span id="welcome-container">
58 <script type="text/javascript">getDate();</script>
60 <div id="logout-container">
63 <input type="button" id="logout" value="Logout">
68 <div class="clear"></div>
70 </div> <!-- End header -->
74 <div class="widgetPanel">
75 <div class="title">Controls</div>
76 <form id="main_controls" action="">
79 <td>Experiment name</td>
81 <input name="experiment_name" type="text">
85 <td>Experiment mode</td>
87 <input name="experiment_type" value="strain" type="radio"> Strain it
88 <input name="experiment_type" value="explode" type="radio"> Explode it
93 <input type="submit" value="Start">
94 <input type="submit" value="Pause">
95 <input type="submit" value="Stop">
99 <div class="widgetPanel">
100 <div class="title">Status</div>
102 <table class="status centre">
103 <tr><th>Module</th> <th>State</th></tr>
104 <tr><td>Server API</td> <td>PASS</td></tr>
105 <tr><td>Enclosure interlock</td> <td>FAIL</td></tr>
106 <tr><td>Pressure level</td> <td>PASS</td></tr>
109 Software mode: <span id="server_mode">off</span>
113 <div class="widgetPanel">
114 <div class="title">Pressure controls</div>
121 <div class="exp-menu">
123 <li><a href="#"><b>Dashboard</b></a></li>
124 <li><a href="graph.html">Graph</a></li>
125 <li><a href="#">Image</a></li>
126 <li><a href="#">In/Out</a></li>
131 <div class="title">System Diagram</div>
132 <img id="sbd" src="static/sbd4.png" class="centre" style="border:5px solid" alt="System diagram" usemap="#sbd-map">
134 <area shape="rect" coords="8,72,105,118" href="https://github.com/szmoore/MCTX3420/wiki/System-Overview#control" target="_blank" alt="Client PC" title="You">
135 <area shape="rect" coords="176,72,275,118" href="https://github.com/szmoore/MCTX3420/wiki/Hardware:-BeagleBone" target="_blank" alt="BBB">
136 <area shape="rect" coords="298,53,395,145" href="https://github.com/szmoore/MCTX3420/wiki/System-Overview#electronics" target="_blank" alt="Electronics">
137 <area shape="rect" coords="446,53,543,145" href="https://github.com/szmoore/MCTX3420/wiki/System-Overview#pneumatics" target="_blank" alt="Pneumatics">
138 <area shape="rect" coords="218,191,315,237" href="https://github.com/szmoore/MCTX3420/wiki/System-Overview#sensors" target="_blank" alt="Sensors">
139 <area shape="rect" coords="418,191,515,237" href="https://github.com/szmoore/MCTX3420/wiki/Hardware:-Sensors#camera" target="_blank" alt="Camera">
140 <area shape="rect" coords="218,237,315,285" href="#" alt="Strain Can">
141 <area shape="rect" coords="418,237,515,285" href="#" alt="Explode Can" title="Won't happen">
142 <area shape="rect" coords="87,191,183,237" href="https://github.com/szmoore/MCTX3420/wiki/System-Overview#case" target="_blank" alt="Case" id="case-btn">
143 <area shape="rect" coords="87,257,183,303" href="https://github.com/szmoore/MCTX3420/wiki/Hardware:-Mounting" target="_blank" alt="Mounting" id="mounting-btn">
144 <area shape="rect" coords="210,182,540,317" alt="Mounting Area" id="mounting-area">
145 <area shape="poly" coords="172,27,548,27,548,317,212,317,212,156,172,156" alt="case Area" id="case-area">
147 <script type="text/javascript" src="static/jquery.maphilight.min.js">
150 <script type="text/javascript">
151 $("#sbd").maphilight({
153 strokeColor: '000000',
157 $.fn.hilightToggle = function (on) {
158 var data = $(this).data("maphilight") || {};
160 $(this).data("maphilight", data);
164 $("#mounting-area").hilightToggle(false);
165 $("#case-area").hilightToggle(false);
167 $("#mounting-btn").mouseover(function () {
168 $("#mounting-area").hilightToggle(true).mouseover();
169 }).mouseout(function () {
170 $("#mounting-area").hilightToggle(false);
173 $("#case-btn").mouseover(function () {
174 $("#case-area").hilightToggle(true).mouseover();
175 }).mouseout(function () {
176 $("#case-area").hilightToggle(false);
181 <div class="clear"></div>
186 <!-- End main content -->