web/MonitorWeb/monitorweb/templates/login.kid

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   2     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   3 <html xmlns="http://www.w3.org/1999/xhtml"
   4     xmlns:py="http://purl.org/kid/ns#">
   5
   6 <head>
   7     <meta content="text/html; charset=UTF-8"
   8         http-equiv="content-type" py:replace="''"/>
   9     <title>Login</title>
  10     <style type="text/css">
  11         #loginBox
  12         {
  13             width: 30%;
  14             margin: auto;
  15             margin-top: 10%;
  16             padding-left: 10%;
  17             padding-right: 10%;
  18             padding-top: 5%;
  19             padding-bottom: 5%;
  20             font-family: verdana;
  21             font-size: 10px;
  22             background-color: #eee;
  23             border: 2px solid #ccc;
  24         }
  25
  26         #loginBox h1
  27         {
  28             font-size: 42px;
  29             font-family: "Trebuchet MS";
  30             margin: 0;
  31             color: #ddd;
  32         }
  33
  34         #loginBox p
  35         {
  36             position: relative;
  37             top: -1.5em;
  38             padding-left: 4em;
  39             font-size: 12px;
  40             margin: 0;
  41             color: #666;
  42         }
  43
  44         #loginBox table
  45         {
  46             table-layout: fixed;
  47             border-spacing: 0;
  48             width: 100%;
  49         }
  50
  51         #loginBox td.label
  52         {
  53             width: 33%;
  54             text-align: right;
  55         }
  56
  57         #loginBox td.field
  58         {
  59             width: 66%;
  60         }
  61
  62         #loginBox td.field input
  63         {
  64             width: 100%;
  65         }
  66
  67         #loginBox td.buttons
  68         {
  69             text-align: right;
  70         }
  71
  72     </style>
  73 </head>
  74
  75 <body>
  76     <div id="loginBox">
  77         <h1>Login</h1>
  78         <p>${message}</p>
  79         <form action="${tg.url(previous_url)}" method="POST">
  80             <table>
  81                 <tr>
  82                     <td class="label">
  83                         <label for="user_name">User Name:</label>
  84                     </td>
  85                     <td class="field">
  86                         <input type="text" id="user_name" name="user_name"/>
  87                     </td>
  88                 </tr>
  89                 <tr>
  90                     <td class="label">
  91                         <label for="password">Password:</label>
  92                     </td>
  93                     <td class="field">
  94                         <input type="password" id="password" name="password"/>
  95                     </td>
  96                 </tr>
  97                 <tr>
  98                     <td colspan="2" class="buttons">
  99                         <input type="submit" name="login" value="Login"/>
 100                     </td>
 101                 </tr>
 102             </table>
 103
 104             <input py:if="forward_url" type="hidden" name="forward_url"
 105                 value="${forward_url}"/>
 106
 107             <div py:for="name,values in original_parameters.items()" py:strip="1">
 108             <input py:for="value in isinstance(values, list) and values or [values]"
 109                 type="hidden" name="${name}" value="${value}"/>
 110             </div>
 111         </form>
 112     </div>
 113 </body>
 114 </html>