testing/CansWebInterface/graph.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
   2 <html>
   3   <head>
   4     <title>MCTX3420 Web Interface</title>
   5     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   6     <!--[if lte IE 8]>
   7       <script language="javascript" type="text/javascript" src="static/excanvas.min.js"></script>
   8     <![endif]-->
   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>
  13
  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 () {
  21           $("#login").login();
  22           return false;
  23         });
  24
  25         $("#main_controls").submit(function () {
  26           //Validate!
  27           return false;
  28         });
  29         //$("#cam1").setCamera();
  30         //$("#strain-graphs").setStrainGraphs();
  31         $("#errorlog").setErrorLog();
  32
  33       });
  34     </script>
  35         <script type="text/javascript">
  36       runBeforeLoad().always(function () {
  37         $(document).ready(function () {
  38           $("#graph-controls").setDevices();
  39           $("#graph-run").runButton();
  40
  41        });
  42       })
  43
  44     </script>
  45   </head>
  46
  47   <body>
  48 <div id="header-wrap">
  49       <div id="header">
  50         <div id="leftnav">
  51           <a href="http://www.uwa.edu.au/" target="_blank">
  52             <img alt = "The University of Western Australia"
  53             src="static/uwacrest-text.png">
  54           </a>
  55           <span id="title">Exploding Can Web Interface: Home</span>
  56         </div>
  57                 <div class="nav-menu">
  58                         <ul class="menu">
  59                           <li><a href="dashboard.html">Home</a></li>
  60                           <li><a href="setup.html">Setup</a></li>
  61                           <li><a href="admin.html">Admin</a></li>
  62                           <li><a href="help.html">Help</a></li>
  63                         </ul>
  64                 </div>
  65         <div id="rightnav">
  66           <span id="welcome-container">
  67           </span>
  68           <span id="date">
  69             <script type="text/javascript">getDate();</script>
  70           </span>
  71           <div id="logout-container">
  72             <form action="#">
  73               <div>
  74                 <input type="button" id="logout" value="Logout">
  75               </div>
  76             </form>
  77           </div>
  78         </div>
  79         <div class="clear"></div>
  80       </div>
  81     </div>    <!-- End header -->
  82
  83     <div id="content">
  84       <div id="sidebar">
  85           <div class="widgetPanel">
  86                         <div class="title">Controls</div>
  87                         <form id="main_controls" action="">
  88                                 <table>
  89                                 <tr>
  90                                         <td>Experiment name</td>
  91                                         <td>
  92                                         <input name="experiment_name" type="text">
  93                                         </td>
  94                                 </tr>
  95                                 <tr>
  96                                 <td>Experiment mode</td>
  97                                 <td>
  98                                         <input name="experiment_type" value="strain" type="radio"> Strain it
  99                                         <input name="experiment_type" value="explode" type="radio"> Explode it
 100                                 </td>
 101                                 </tr>
 102                                 </table>
 103                                 <div align="right">
 104                                         <input type="submit" value="Start">
 105                                         <input type="submit" value="Pause">
 106                                         <input type="submit" value="Stop">
 107                                 </div>
 108                         </form>
 109                 </div>
 110         <div class="widgetPanel">
 111           <div class="title">Status</div>
 112           <div class="item">
 113             <table class="status centre">
 114               <tr><th>Module</th> <th>State</th></tr>
 115               <tr><td>Server API</td> <td>PASS</td></tr>
 116               <tr><td>Enclosure interlock</td> <td>FAIL</td></tr>
 117               <tr><td>Pressure level</td> <td>PASS</td></tr>
 118             </table>
 119             <hr>
 120             Software mode: <span id="server_mode">off</span>
 121           </div>
 122         </div>
 123
 124         <div class="widgetPanel">
 125           <div class="title">Pressure controls</div>
 126         </div>
 127
 128         </div>
 129         <!-- End sidebar -->
 130
 131       <div id="main">
 132           <!--Experiment Menu Bar-->
 133                 <div class="widget">
 134                 <div class="exp-menu">
 135                         <ul class="menu">
 136                           <li><a href="dashboard.html">Dashboard</a></li>
 137                           <li><a href="#"><b>Graph</b></a></li>
 138                           <li><a href="#">Image</a></li>
 139                           <li><a href="#">In/Out</a></li>
 140                         </ul>
 141                   </div>
 142                 </div>
 143
 144                 <div class="widget">
 145             <div class="title">Graph</div>
 146               <div id="graph" class="plot">
 147                 <!-- graph placeholder -->
 148               </div>
 149           </div>
 150           <div class="widget" id="graph-controls">
 151               <!--<div class="title">Visualise</div>-->
 152               <b>X-Axis</b>
 153                 <form id="xaxis" onChange=$("#graph").setGraph()> <input type="radio" name="xaxis" value="time" id="time" checked="yes">time</input> </form>
 154                 <b>Y-Axis</b>
 155                 <form id="yaxis" onChange=$("#graph").setGraph()>  </form>
 156                 <!--b>Right Y-Axis</b>
 157                 <form id="y2axis" onChange=$("#graph").setGraph()> <input type="radio" name="y2axis" value="none" id="none" checked="yes">none</input></form>-->
 158
 159                 <div>
 160                   <form id="time_range" onChange=$("#graph").setGraph()>
 161                     <p>
 162                         Time of Last Update <input type="text" value="" id="current_time" disabled></input>
 163                         Start Time <input type="text" value="" id="start_time"></input>
 164                         End Time <input type="text" value="" id="end_time"></input>
 165                     </p>
 166                 </form>
 167                 </div>
 168                 <input type="button" value="Run" id="graph-run" onClick=$("#graph-run").runButton()></input>
 169                 <input type="button" value="Open New Graph" disabled></input>
 170                 <input type="button" value="Save Graph Image" disabled></input>
 171                 <input type="button" value="Dump Raw Data" disabled></input>
 172             </div>
 173
 174         <!--TODO put this on new page??
 175           <div class="widget">
 176               <div class="title">Controls</div>
 177               <form id="controls">
 178                 <p>Mode: <input type="radio" name="mode" value="normal">Normal</input>
 179                       <input type="radio" name="mode" value="explode">EXPLODE!</input> </p>
 180                 Filename: <input type="text"> </input>
 181                 <input type="button" value="Stop" id="stopstart"></input>
 182                 <input type="button" value="Pause" id="runpause"></input>
 183                 <input type="button" value="Load"></input>
 184
 185               </form>
 186           </div>
 187                   -->
 188                   </div>
 189
 190
 191         <!-- End main content -->
 192
 193     </div>
 194   </body>
 195 </html>