testing/MCTXWeb/public_html/data.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
   2
   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)-->
   7 <html>
   8   <head>
   9     <title>MCTX3420 Web Interface</title>
  10     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  11     <!--[if lte IE 8]>
  12       <script language="javascript" type="text/javascript" src="static/excanvas.min.js"></script>
  13     <![endif]-->
  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>
  17
  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() {
  23         });
  24       })
  25       //function to load new experiment depending on drop-down menu
  26       function expLoad(expName) {
  27                 window.open("api/control?action=load&name=" + expName);
  28       }
  29     </script>
  30   </head>
  31
  32   <body>
  33     <div id="header-wrap">
  34       <div id="header">
  35         <div id="leftnav">
  36           <a href="http://www.uwa.edu.au/" target="_blank">
  37             <img alt = "The University of Western Australia"
  38                  src="static/uwacrest-text.png">
  39           </a>
  40           <span id="title">Exploding Cans</span>
  41         </div>
  42         <div id="rightnav">
  43           <span id="welcome-container">
  44           </span>
  45           <span id="date">
  46             <script type="text/javascript">getDate();</script>
  47           </span>
  48           <div id="logout-container">
  49             <form action="#">
  50               <div>
  51                 <input type="button" id="logout" value="Logout">
  52               </div>
  53             </form>
  54           </div>
  55         </div>
  56         <div class="clear"></div>
  57       </div>
  58     </div>
  59     <!-- End header -->
  60
  61     <div id="content-wrap">
  62       <noscript>
  63         <div class="widget centre">
  64           <div class="title">JavaScript required</div>
  65           This website requires JavaScript to function correctly.
  66           Please enable JavaScript to use this site.
  67         </div>
  68       </noscript>
  69
  70       <div id="content">
  71         <div class="widget" id="sidebar-show">&gt;</div>
  72         <div id="sidebar">
  73           <div class="widget">
  74             <div id="sidebar-hide">&lt;</div>
  75             <div class="title">Navigation menu</div>
  76             <div id="sidebar-menu" class="nav-menu">
  77               <ul>
  78                 <li><a href="index.html"><span>Home</span></a></li>
  79                 <li><a href="control.html"><span>Experiment control</span></a></li>
  80                 <li><a href="graph.html"><span>Experiment graphs</span></a></li>
  81                 <li><a href="values.html"><span>Experiment data (live)</span></a></li>
  82                 <li><a href="data.html"><span>Experiment data</span></a></li>
  83                 <li><a href="pintest.html"><span>Pin debugging</span></a></li>
  84                 <li class="last"><a href="help.html"><span>Help</span></a></li>
  85               </ul>
  86             </div>
  87           </div>
  88                                 <div class="widget justify">
  89             <div class="title">Help</div>
  90                         <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
  91                         data, use the <a href="graph.html">graphs</a> page.</p>
  92                         <p>To view data from previous experiments, select the experiment (sorted by date) by using the drop-down menu.</p>
  93           </div>
  94         </div>
  95         <!-- End sidebar -->
  96
  97         <div id="main">
  98           <div class="widget">
  99             <div class="title">Experiment Data</div>
 100             <b>Select An Experiment</b>
 101               <p><select id="expselect" onChange="expLoad(this.value)">
 102                 <option value="current">Current (12-12-13)</option>
 103                 <option value="exp2">Experiment 1 (12-10-13)</option>
 104                 <option value="exp3">Experiment 2 (15-10-13)</option>
 105                 <option value="exp4">Experiment 3 (01-11-13)</option>
 106                 <option value="exp5">Experiment 4 (27-11-13)</option>
 107                                 <option value="exp6">Experiment 5 (28-11-13)</option>
 108               </select></p>
 109             <table>
 110                           <tr>
 111                             <td>Experiment Date</td>
 112                             <td><em>Date Lookup</em></td>
 113                           </tr>
 114               <tr>
 115                 <!--uses the download attribute to force downloads, only compatible with some browsers. Other users will just have to right-click and Save File As-->
 116                 <td><a class="datalink" href="https://github.com/szmoore/MCTX3420/wiki/Hardware:-Sensors#strain-gauges" target="_blank">Strain Data</a></td>
 117                 <td><a href="current/strain.zip" download><input type="button" value="Download All"></a></td>
 118                 <td><input type="button" value="Strain Gauge 1" onclick="window.open('api/sensors?start_time=0&format=tsv&id=0')"></td>
 119                 <td><input type="button" value="Strain Gauge 2" onclick="window.open('api/sensors?start_time=0&format=tsv&id=1')"></td>
 120                 <td><input type="button" value="Strain Gauge 3" onclick="window.open('api/sensors?start_time=0&format=tsv&id=2')"></td>
 121                 <td><input type="button" value="Strain Gauge 4" onclick="window.open('api/sensors?start_time=0&format=tsv&id=3')"></td>
 122                           </tr>
 123                           <tr>
 124                             <td><a class="datalink" href="https://github.com/szmoore/MCTX3420/wiki/Hardware:-Sensors#pressure-sensors" target="_blank">Pressure Data</a></td>
 125                 <td><a href="current/pressure.zip" download><input type="button" value="Download All"></a></td>
 126                 <td><input type="button" value="Pressure Sensor 1" onclick="window.open('api/sensors?start_time=0&format=tsv&id=4')"></td>
 127                 <td><input type="button" value="Pressure Sensor 2" onclick="window.open('api/sensors?start_time=0&format=tsv&id=5')"></td>
 128                                 <td><input type="button" value="Pressure Sensor 3" onclick="window.open('api/sensors?start_time=0&format=tsv&id=6')"></td>
 129               </tr>
 130               <tr>
 131                 <!--this assumes dilatometer and camera data will be kept on separate pages in the GUI-->
 132                 <td><a class="datalink" href="https://github.com/szmoore/MCTX3420/wiki/Hardware:-Sensors#dilatometer" target="_blank">Dilatometer</a></td>
 133                 <td><a href="dilatometer.zip" download=><input type="button" value="Download Data"></a></td>
 134                 <td><a href="dilatometer.html">View Data</a></td>
 135               </tr>
 136               <tr>
 137                 <td><a class="datalink" href="https://github.com/szmoore/MCTX3420/wiki/Hardware:-Sensors#camera" target="_blank">Camera Data</a></td>
 138                 <td><a href="image.jpeg" download><input type="button" value="Download Data"></a></td>
 139                 <td><a href="image.html">View Data</a></td>
 140               </tr>
 141               <tr>
 142                 <td>Graphs</td>
 143                 <td><a href="graph.html">Graphs Page</a></td>
 144               </tr>
 145             </table>
 146           </div>
 147         </div>
 148         <!-- End main content -->
 149       </div>
 150     </div>
 151   </body>
 152 </html>