options.html

   1 <!-- Written by Mike Frysinger <vapier@gmail.com>.  Released into the public domain. -->
   2 <!doctype html>
   3 <html>
   4
   5 <head>
   6 <meta charset='utf-8'/>
   7 <title>Web Power Switch Manager Options</title>
   8 <script src='common.js'></script>
   9 <script src='options.js'></script>
  10 <style>
  11 body { padding: 0px; }
  12 button.selected { filter: invert(1); }
  13 </style>
  14 </head>
  15
  16 <body>
  17 <table>
  18 <tr>
  19  <td>URL:</td>
  20  <td><input type='text' id='url' size=40
  21             autocapitalize='none' autocorrect='off' spellcheck='false'></td>
  22 </tr>
  23 <tr>
  24  <td>User:</td>
  25  <td><input type='text' id='user' size=40
  26             autocapitalize='none' autocorrect='off' spellcheck='false'></td>
  27 </tr>
  28 <tr>
  29  <td>Pass:</td>
  30  <td><input type='password' id='pass' size=30
  31             autocapitalize='none' autocorrect='off' spellcheck='false'>&nbsp;<button id='show-pass'>👁</button></td>
  32 </tr>
  33 <tr>
  34  <td>Theme:</td>
  35  <td>
  36   <input type='text' id='theme' hidden>
  37   <button id='theme-light'>Light</button>
  38   <button id='theme-system'>System</button>
  39   <button id='theme-dark'>Dark</button>
  40  </td>
  41 </tr>
  42 </table>
  43
  44 <p style='text-align: center'>
  45 <input type='button' id='save' value='Save'>
  46 </p>
  47 <p style='text-align: center' id='msg'>
  48 You must hit "Save" the first time to authorize the client.
  49 </p>
  50
  51 </body>
  52 </html>