diff options
Diffstat (limited to 'tpl/default/loginform.html')
| -rw-r--r-- | tpl/default/loginform.html | 75 |
1 files changed, 48 insertions, 27 deletions
diff --git a/tpl/default/loginform.html b/tpl/default/loginform.html index 84176385..2ad3fe9c 100644 --- a/tpl/default/loginform.html +++ b/tpl/default/loginform.html | |||
| @@ -1,38 +1,59 @@ | |||
| 1 | <!DOCTYPE html> | 1 | <!DOCTYPE html> |
| 2 | <html> | 2 | <html> |
| 3 | <head>{include="includes"}</head> | 3 | <head> |
| 4 | <body | 4 | {include="includes"} |
| 5 | {if="ban_canLogin($conf)"} | 5 | </head> |
| 6 | {if="empty($username)"} | 6 | <body> |
| 7 | onload="document.loginform.login.focus();" | 7 | {include="page.header"} |
| 8 | {else} | 8 | {if="!ban_canLogin($conf)"} |
| 9 | onload="document.loginform.password.focus();" | 9 | <div class="pure-g pure-alert pure-alert-error pure-alert-closable center"> |
| 10 | {/if} | 10 | <div class="pure-u-2-24"></div> |
| 11 | {/if}> | 11 | <div class="pure-u-20-24"> |
| 12 | <div id="pageheader"> | 12 | {'You have been banned after too many failed login attempts. Try again later.'|t} |
| 13 | {include="page.header"} | 13 | </div> |
| 14 | 14 | <div class="pure-u-2-24"> | |
| 15 | <div id="headerform"> | 15 | <i class="fa fa-times pure-alert-close"></i> |
| 16 | {if="!ban_canLogin($conf)"} | 16 | </div> |
| 17 | You have been banned from login after too many failed attempts. Try later. | 17 | </div> |
| 18 | {else} | 18 | {else} |
| 19 | <div class="pure-g"> | ||
| 20 | <div class="pure-u-lg-1-3 pure-u-1-24"></div> | ||
| 21 | <div id="login-form" class="page-form page-form-light pure-u-lg-1-3 pure-u-22-24"> | ||
| 19 | <form method="post" name="loginform"> | 22 | <form method="post" name="loginform"> |
| 20 | <label for="login">Login: <input type="text" id="login" name="login" tabindex="1" | 23 | <h2 class="window-title">{'Login'|t}</h2> |
| 21 | {if="!empty($username)"}value="{$username}"{/if}> | 24 | <div> |
| 22 | </label> | 25 | <input type="text" name="login" placeholder="{'Username'|t}" |
| 23 | <label for="password">Password: <input type="password" id="password" name="password" tabindex="2"> | 26 | {if="!empty($username)"}value="{$username}"{/if} class="autofocus" tabindex="20"> |
| 24 | </label> | 27 | </div> |
| 25 | <input type="submit" value="Login" class="bigbutton" tabindex="4"> | 28 | <div> |
| 26 | <label for="longlastingsession"> | 29 | <input type="password" name="password" placeholder="{'Password'|t}" tabindex="21"> |
| 27 | <input type="checkbox" name="longlastingsession" id="longlastingsession" tabindex="3"> | 30 | </div> |
| 28 | Stay signed in (Do not check on public computers)</label> | 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> | ||
| 29 | <input type="hidden" name="token" value="{$token}"> | 39 | <input type="hidden" name="token" value="{$token}"> |
| 30 | {if="$returnurl"}<input type="hidden" name="returnurl" value="{$returnurl}">{/if} | 40 | {if="$returnurl"}<input type="hidden" name="returnurl" value="{$returnurl}">{/if} |
| 31 | </form> | 41 | </form> |
| 32 | {/if} | 42 | </div> |
| 43 | <div class="pure-u-lg-1-3 pure-u-1-8"></div> | ||
| 33 | </div> | 44 | </div> |
| 34 | </div> | 45 | {/if} |
| 35 | 46 | ||
| 36 | {include="page.footer"} | 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> | ||
| 37 | </body> | 57 | </body> |
| 38 | </html> | 58 | </html> |
| 59 | |||