testing/CansWebInterface/index2.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     <script type="text/javascript">
  17       $(document).ready(function () {
  18         $("#menu-container").populateNavbar();
  19         $("#login").submit(function () {
  20           $("#login").login();
  21           return false;
  22         });
  23
  24         $("#main_controls").submit(function () {
  25           //Validate!
  26           return false;
  27         });
  28         //$("#cam1").setCamera();
  29         //$("#strain-graphs").setStrainGraphs();
  30         $("#errorlog").setErrorLog();
  31
  32       });
  33     </script>
  34         <script type="text/javascript">
  35       runBeforeLoad().always(function () {
  36         $(document).ready(function () {
  37           $("#graph-controls").setDevices();
  38           $("#graph-run").runButton();
  39
  40        });
  41       })
  42
  43     </script>
  44   </head>
  45
  46   <body>
  47 <div id="header-wrap">
  48       <div id="header">
  49         <div id="leftnav">
  50           <a href="http://www.uwa.edu.au/" target="_blank">
  51             <img alt = "The University of Western Australia"
  52             src="static/uwacrest-text.png">
  53           </a>
  54           <span id="title">Exploding Can Web Interface: Login</span>
  55         </div>
  56         <div id="rightnav">
  57           <span id="welcome-container">
  58           </span>
  59           <span id="date">
  60             <script type="text/javascript">getDate();</script>
  61           </span>
  62           <div id="logout-container">
  63             <form action="#">
  64               <div>
  65                 <input type="button" id="logout" value="Logout">
  66               </div>
  67             </form>
  68           </div>
  69         </div>
  70         <div class="clear"></div>
  71       </div>
  72     </div>    <!-- End header -->
  73
  74     <div id="content">
  75       <div id="sidebar">
  76         <div class="widgetPanel">
  77           <div class="title">Status</div>
  78           <div class="item">
  79             <table class="status centre">
  80               <tr><th>Module</th> <th>State</th></tr>
  81               <tr><td>Server API</td> <td>PASS</td></tr>
  82               <tr><td>Enclosure interlock</td> <td>FAIL</td></tr>
  83               <tr><td>Pressure level</td> <td>PASS</td></tr>
  84             </table>
  85             <hr>
  86             Software mode: <span id="server_mode">off</span>
  87           </div>
  88         </div>
  89
  90         <div class="widgetPanel">
  91           <div class="title">Pressure controls</div>
  92         </div>
  93
  94         </div>
  95         <!-- End sidebar -->
  96
  97       <div id="main">
  98         <div class="widget">
  99           <div class="title">Welcome</div>
 100           <!--<img class="centre" src="overview.png" alt="Overview">-->
 101                         <b>Introduction To Exploding Cans</b>
 102                         <p>
 103                 Welcome to the MCTX3420 remote pressure vessel experiment site!
 104               </p>
 105               <p>
 106                 To explore how this system works, hover over the elements of the
 107                 system diagram below. Clicking each element will lead to a new
 108                 page that briefly describes that component of the system.
 109               </p>
 110               <p>
 111                 For the full documentation, see the project wiki at:
 112                 <a href="https://github.com/szmoore/MCTX3420/wiki">
 113                   https://github.com/szmoore/MCTX3420/wiki
 114                 </a>
 115               </p>
 116
 117                         <p>
 118                                 If you wish to learn more about the system or would like some assistance please click on the help link at the top of the page. This can be accessed at any time.
 119                                 In order to access the Experiment Interface you must login below using your pheme username and password.
 120                         </p>
 121         </div>
 122
 123                 <!--LOGIN FIELD-->
 124         <div class="widget">
 125           <div class="title">Login</div>
 126                   <p>
 127                   Please use your pheme username and password.
 128                   </p>
 129           <div class="item">
 130             <form id="login" action="#">
 131               <table class="centre">
 132                 <tr><td>Username</td><td><input name="username" type="text"></td></tr>
 133                 <tr><td>Password</td><td><input name="pass" type="password"></td></tr>
 134                 <tr>
 135                   <td></td>
 136                   <td>
 137                     <input type="submit" value="Submit">
 138                   </td>
 139                 </tr>
 140               </table>
 141             </form>
 142           </div>
 143         </div>
 144
 145                 </div>
 146
 147
 148         <!-- End main content -->
 149
 150     </div>
 151   </body>
 152 </html>