tpl/default/loginform.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   {include="includes"}
   5 </head>
   6 <body>
   7 {include="page.header"}
   8 {if="!ban_canLogin($conf)"}
   9 <div class="pure-g pure-alert pure-alert-error pure-alert-closable center">
  10   <div class="pure-u-2-24"></div>
  11   <div class="pure-u-20-24">
  12     {'You have been banned after too many failed login attempts. Try again later.'|t}
  13   </div>
  14   <div class="pure-u-2-24">
  15     <i class="fa fa-times pure-alert-close"></i>
  16   </div>
  17 </div>
  18 {else}
  19   <div class="pure-g">
  20     <div class="pure-u-lg-1-3 pure-u-1-8"></div>
  21     <div id="login-form" class="page-form page-form-light pure-u-lg-1-3 pure-u-3-4">
  22       <form method="post" name="loginform">
  23         <h2 class="window-title">{'Login'|t}</h2>
  24         <div>
  25           <input type="text" name="login" placeholder="{'Username'|t}"
  26              {if="!empty($username)"}value="{$username}"{/if} class="autofocus" tabindex="20">
  27         </div>
  28         <div>
  29           <input type="password" name="password" placeholder="{'Password'|t}" tabindex="21">
  30         </div>
  31         <div class="remember-me">
  32           <input type="checkbox" name="longlastingsession" id="longlastingsessionform"
  33              checked="checked" tabindex="22">
  34           <label for="longlastingsessionform">{'Remember me'|t}</label>
  35         </div>
  36         <div>
  37           <input type="submit" value="{'Login'|t}" class="bigbutton" tabindex="23">
  38         </div>
  39         <input type="hidden" name="token" value="{$token}">
  40         {if="$returnurl"}<input type="hidden" name="returnurl" value="{$returnurl}">{/if}
  41       </form>
  42     </div>
  43     <div class="pure-u-lg-1-3 pure-u-1-8"></div>
  44   </div>
  45 {/if}
  46
  47 {include="page.footer"}
  48 <script>
  49   {if="ban_canLogin($conf) && ! empty($username)"}
  50     // Focus password on load if the username is set.
  51     var passwords = document.getElementsByName('password');
  52     if (passwords.length == 2) {
  53         passwords[1].focus();
  54     }
  55   {/if}
  56 </script>
  57 </body>
  58 </html>
  59