options.html

   1 <!-- Written by Mike Frysinger <vapier@gmail.com>.  Released into the public domain.  Suck it. -->
   2 <!doctype html>
   3 <html>
   4
   5 <head>
   6 <title>Web Power Switch Manager Options</title>
   7 <link rel="stylesheet" type="text/css" href="chrome-bootstrap/chrome-bootstrap.css" />
   8 <script src='common.js'></script>
   9 <script src='options.js'></script>
  10 </head>
  11
  12 <body class="chrome-bootstrap">
  13   <div class="frame">
  14
  15     <div class="navigation">
  16       <h1><a href="#">Web Power Switch</a></h1>
  17       <ul class="menu">
  18         <li class="selected">
  19           <a href="#options">Options</a>
  20         </li>
  21       </ul>
  22       <ul>
  23         <li>&nbsp;<img src='images/outlet-128x128.png'></li>
  24       </ul>
  25     </div>
  26
  27     <div class="mainview view">
  28       <div id="options" class="selected">
  29         <header>
  30           <h1>Options</h1>
  31         </header>
  32         <div class="content">
  33
  34 <section>
  35  <h3>Connection</h3>
  36
  37 <table>
  38 <tr>
  39  <td>URL:</td><td><input type='text' id='url' size=50></td>
  40 </tr>
  41 <tr>
  42  <td>User:</td><td><input type='text' id='user' size=50></td>
  43 </tr>
  44 <tr>
  45  <td>Pass:</td><td><input type='text' id='pass' size=50></td>
  46 </tr>
  47 </table>
  48
  49 </section>
  50
  51 <div>
  52  <h3>Save Settings</h3>
  53  <p>
  54   <input type='button' id='save' value='Save'></td>
  55  </p>
  56  <div id='msg'>You must hit "Save" the first time to authorize the client</div>
  57 </div>
  58
  59         </div>
  60       </div>
  61     </div>
  62
  63   </div>
  64
  65 </body>
  66 </html>