git.roojs.org Git - xtuple/blob - node-datasource/views/login.ejs

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <title>xTuple Login</title>
   5     <link rel="shortcut icon" href="/assets/favicon.ico" />
   6     <!-- -->
   7     <meta http-equiv="Content-Type" content="text/html; charset=utf8"/>
   8     <meta name="apple-mobile-web-app-capable" content="yes"/>
   9     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
  10   </head>
  11   <body>
  12
  13   <!--  Why is this here and not in the head? -->
  14   <style type="text/css" media="all">
  15   <% include login/stylesheets/screen.css %>
  16   </style>
  17
  18   <section id="login">
  19     <header id="header">
  20       <img draggable="false" id="header_image" src="/assets/logo.png">
  21     </header>
  22     <section id="main">
  23       <div style="transform: translateZ(0px); opacity: 1;" id="form-fields">
  24         <form name="loginForm" action="/login" method="post">
  25           <input type="hidden" id="hash" name="hash">
  26           <div class="login-label" id="form-fields_idLabel">Username</div>
  27           <input class="login-input" id="form-fields_id" name="id" placeholder="username">
  28           <div class="login-label" id="form-fields_passwordLabel">Password</div>
  29           <input class="login-input" id="form-fields_password" placeholder="password" name="password" type="password" autocapitalize="off" autocorrect="off">
  30           <div class="login-label" id="form-fields_databaseLabel">Database</div>
  31           <select class="login-input" id="form-fields_database" name="database">
  32           <% for(var i = 0; i < databases.length; i++) { %>
  33             <option value="<%= databases[i] %>"><%= databases[i] %></option>
  34           <% } %>
  35           </select>
  36           <input class="enyo-unselectable login-button" name="submit"
  37             id="form-fields_loginButton" type="submit" value="Sign In"/>
  38         </form>
  39       </div>
  40       <a href="forgot-password" class="forgot-password">Forgot password?</a>
  41     </section>
  42     <% for(var i = 0; i < message.length; i++) { %>
  43       <label class="login-message-box error"><%= message[i] %></label>
  44     <% } %>
  45   </section>
  46
  47   <script>
  48     document.loginForm.id.focus();
  49     document.loginForm.hash.value = window.location.hash;
  50   </script>
  51   </body>
  52 </html>