1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
3 <!--Current Experiment section is pretty much working, still working out the previous experiments bit-->
4 <!--Basically, the download links and graph links automatically update depending on what is selected in the drop-down menus-->
5 <!--Some dodgy javascript is involved but it sort of works-->
6 <!--The HTML5 "download" attribute is used to force downloads, but that's not compatible with IE (it just views the files in IE)-->
9 <title>MCTX3420 Web Interface</title>
10 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
12 <script language="javascript" type="text/javascript" src="static/excanvas.min.js"></script>
14 <script type="text/javascript" src="static/jquery-1.10.1.min.js"></script>
15 <script type="text/javascript" src="static/jquery.flot.min.js"></script>
16 <script type="text/javascript" src="static/mctx.gui.js"></script>
18 <link rel="stylesheet" type="text/css" href="static/style.css">
19 <link rel="stylesheet" type="text/css" href="static/nav-menu.css">
20 <script type="text/javascript">
21 runBeforeLoad().done(function() {
22 $(document).ready(function() {
25 //function to load new experiment depending on drop-down menu
26 function expLoad(expName) {
27 window.open("api/control?action=load&name=" + expName);
33 <div id="header-wrap">
36 <a href="http://www.uwa.edu.au/" target="_blank">
37 <img alt = "The University of Western Australia"
38 src="static/uwacrest-text.png">
40 <span id="title">Exploding Cans</span>
43 <span id="welcome-container">
46 <script type="text/javascript">getDate();</script>
48 <div id="logout-container">
51 <input type="button" id="change-password" value="Change password">
52 <input type="button" id="logout" value="Logout">
57 <div class="clear"></div>
62 <div id="content-wrap">
64 <div class="widget centre">
65 <div class="title">JavaScript required</div>
66 This website requires JavaScript to function correctly.
67 Please enable JavaScript to use this site.
72 <div class="widget" id="sidebar-show">></div>
75 <div id="sidebar-hide"><</div>
76 <div class="title">Navigation menu</div>
77 <div id="sidebar-menu" class="nav-menu">
79 <li><a href="index.html"><span>Home</span></a></li>
80 <li><a href="control.html"><span>Experiment control</span></a></li>
81 <li><a href="graph.html"><span>Experiment graphs</span></a></li>
82 <li><a href="values.html"><span>Experiment data (live)</span></a></li>
83 <li><a href="data.html"><span>Experiment data</span></a></li>
84 <li><a href="pintest.html"><span>Pin debugging</span></a></li>
85 <li class="last"><a href="help.html"><span>Help</span></a></li>
89 <div class="widget justify">
90 <div class="title">Help</div>
91 <p>To view the desired data as a text file, click on the appropriate link. Dilatometer data and camera data can be viewed on their separate pages. To graph the
92 data, use the <a href="graph.html">graphs</a> page.</p>
93 <p>To view data from previous experiments, select the experiment (sorted by date) by using the drop-down menu.</p>
100 <div class="title">Experiment Data</div>
101 <b>Select An Experiment</b>
102 <p><select id="expselect" onChange="expLoad(this.value)">
103 <option value="current">Current (12-12-13)</option>
104 <option value="exp2">Experiment 1 (12-10-13)</option>
105 <option value="exp3">Experiment 2 (15-10-13)</option>
106 <option value="exp4">Experiment 3 (01-11-13)</option>
107 <option value="exp5">Experiment 4 (27-11-13)</option>
108 <option value="exp6">Experiment 5 (28-11-13)</option>
112 <td>Experiment Date</td>
113 <td><em>Date Lookup</em></td>
116 <!--uses the download attribute to force downloads, only compatible with some browsers. Other users will just have to right-click and Save File As-->
117 <td><a class="datalink" href="https://github.com/szmoore/MCTX3420/wiki/Hardware:-Sensors#strain-gauges" target="_blank">Strain Data</a></td>
118 <td><a href="current/strain.zip" download><input type="button" value="Download All"></a></td>
119 <td><input type="button" value="Strain Gauge 1" onclick="window.open('api/sensors?start_time=0&format=tsv&id=0')"></td>
120 <td><input type="button" value="Strain Gauge 2" onclick="window.open('api/sensors?start_time=0&format=tsv&id=1')"></td>
121 <td><input type="button" value="Strain Gauge 3" onclick="window.open('api/sensors?start_time=0&format=tsv&id=2')"></td>
122 <td><input type="button" value="Strain Gauge 4" onclick="window.open('api/sensors?start_time=0&format=tsv&id=3')"></td>
125 <td><a class="datalink" href="https://github.com/szmoore/MCTX3420/wiki/Hardware:-Sensors#pressure-sensors" target="_blank">Pressure Data</a></td>
126 <td><a href="current/pressure.zip" download><input type="button" value="Download All"></a></td>
127 <td><input type="button" value="Pressure Sensor 1" onclick="window.open('api/sensors?start_time=0&format=tsv&id=4')"></td>
128 <td><input type="button" value="Pressure Sensor 2" onclick="window.open('api/sensors?start_time=0&format=tsv&id=5')"></td>
129 <td><input type="button" value="Pressure Sensor 3" onclick="window.open('api/sensors?start_time=0&format=tsv&id=6')"></td>
132 <!--this assumes dilatometer and camera data will be kept on separate pages in the GUI-->
133 <td><a class="datalink" href="https://github.com/szmoore/MCTX3420/wiki/Hardware:-Sensors#dilatometer" target="_blank">Dilatometer</a></td>
134 <td><a href="dilatometer.zip" download=><input type="button" value="Download Data"></a></td>
135 <td><a href="dilatometer.html">View Data</a></td>
138 <td><a class="datalink" href="https://github.com/szmoore/MCTX3420/wiki/Hardware:-Sensors#camera" target="_blank">Camera Data</a></td>
139 <td><a href="image.jpeg" download><input type="button" value="Download Data"></a></td>
140 <td><a href="image.html">View Data</a></td>
144 <td><a href="graph.html">Graphs Page</a></td>
149 <!-- End main content -->