testing/CansWebInterface/index3.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         $("#login").submit(function () {
  19           $("#login").login();
  20           return false;
  21         });
  22
  23         $("#main_controls").submit(function () {
  24           //Validate!
  25           return false;
  26         });
  27         //$("#cam1").setCamera();
  28         //$("#strain-graphs").setStrainGraphs();
  29         $("#errorlog").setErrorLog();
  30
  31
  32       });
  33     </script>
  34         <script>
  35                 window.onload = function() {
  36                 $( "#statusModule" ).load("WidgetCode/statusPanel.html");
  37                 };
  38         </script>
  39   </head>
  40
  41   <body>
  42 <div id="header-wrap">
  43       <div id="header">
  44         <div id="leftnav">
  45           <a href="http://www.uwa.edu.au/" target="_blank">
  46             <img alt = "The University of Western Australia"
  47             src="static/uwacrest-text.png">
  48           </a>
  49           <span id="title">Exploding Can Web Interface: Login</span>
  50         </div>
  51         <div id="rightnav">
  52           <span id="welcome-container">
  53           </span>
  54
  55           <span id="date">
  56             <script type="text/javascript">
  57                         getDate();
  58                         </script>
  59           </span>
  60                   <p> Ver. 1.0</p>
  61           <div id="logout-container">
  62             <form action="#">
  63               <div>
  64                 <input type="button" id="logout" value="Logout">
  65               </div>
  66             </form>
  67           </div>
  68         </div>
  69         <div class="clear"></div>
  70       </div>
  71     </div>    <!-- End header -->
  72
  73     <div id="content">
  74       <div id="sidebar">
  75                 <div id="statusModule">
  76                 </div>
  77                 <!--
  78         <div class="widgetPanel">
  79           <div class="title">Pressure controls</div>
  80         </div>
  81                 -->
  82
  83         </div>
  84         <!-- End sidebar -->
  85
  86       <div id="main">
  87         <div class="widget">
  88           <div class="title">Welcome</div>
  89           <!--<img class="centre" src="overview.png" alt="Overview">-->
  90                         <b>Introduction To Exploding Cans</b>
  91                         <p>
  92                 Welcome to the MCTX3420 remote pressure vessel experiment site!
  93               </p>
  94               <p>
  95                 To explore how this system works, hover over the elements of the
  96                 system diagram below. Clicking each element will lead to a new
  97                 page that briefly describes that component of the system.
  98               </p>
  99               <p>
 100                 For the full documentation, see the project wiki at:
 101                 <a href="https://github.com/szmoore/MCTX3420/wiki">
 102                   https://github.com/szmoore/MCTX3420/wiki
 103                 </a>
 104               </p>
 105
 106                         <p>
 107                                 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.
 108                                 In order to access the Experiment Interface you must login below using your pheme username and password.
 109                         </p>
 110         </div>
 111
 112                 <!--LOGIN FIELD-->
 113         <div class="widget">
 114           <div class="title">Login</div>
 115                   <p>
 116                   Please use your pheme username and password.
 117                   </p>
 118           <div class="item">
 119             <form id="login" action="#">
 120              <p>
 121                <label>
 122                  Username<br>
 123                  <input name="username" type="text">
 124                </label>
 125              </p>
 126              <p>
 127                <label>
 128                  Password<br>
 129                  <input name="pass" type="password">
 130                </label>
 131              </p>
 132              <p style="float:left; margin:0;">
 133                <a href="#">Forgotten password?</a>
 134              </p>
 135              <p style="float:right; margin:0;">
 136                <input type="submit" value="Log In">
 137              </p>
 138              <p id="result">
 139                &nbsp;
 140              </p>
 141             </form>
 142             </form>
 143           </div>
 144         </div>
 145
 146                 </div>
 147
 148
 149         <!-- End main content -->
 150
 151     </div>
 152   </body>
 153 </html>