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="change-password" value="Change password">
  52                 <input type="button" id="logout" value="Logout">
  53               </div>
  54             </form>
  55           </div>
  56         </div>
  57         <div class="clear"></div>
  58       </div>
  59     </div>
  60     <!-- End header -->
  61
  62     <div id="content-wrap">
  63       <noscript>
  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.
  68         </div>
  69       </noscript>
  70
  71       <div id="content">
  72         <div class="widget" id="sidebar-show">&gt;</div>
  73         <div id="sidebar">
  74           <div class="widget">
  75             <div id="sidebar-hide">&lt;</div>
  76             <div class="title">Navigation menu</div>
  77             <div id="sidebar-menu" class="nav-menu">
  78               <ul>
  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>
  86               </ul>
  87             </div>
  88           </div>
  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>
  94           </div>
  95         </div>
  96         <!-- End sidebar -->
  97
  98         <div id="main">
  99           <div class="widget">
 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>
 109               </select></p>
 110             <table>
 111                           <tr>
 112                             <td>Experiment Date</td>
 113                             <td><em>Date Lookup</em></td>
 114                           </tr>
 115               <tr>
 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>
 123                           </tr>
 124                           <tr>
 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>
 130               </tr>
 131               <tr>
 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>
 136               </tr>
 137               <tr>
 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>
 141               </tr>
 142               <tr>
 143                 <td>Graphs</td>
 144                 <td><a href="graph.html">Graphs Page</a></td>
 145               </tr>
 146             </table>
 147           </div>
 148         </div>
 149         <!-- End main content -->
 150       </div>
 151     </div>
 152   </body>
 153 </html>