A lot of minor improvements, cleanup, narrow mobile side blank spaces

[github/shaarli/Shaarli.git] / tpl / default / loginform.html
diff --git a/tpl/default/loginform.html b/tpl/default/loginform.html

index e6d7dea59796c6cd9c2029df504f7ea21ca86967..2ad3fe9cdc8e5e0813895d7527126f1bb010e442 100644 (file)
--- a/tpl/default/loginform.html
+++ b/tpl/default/loginform.html
@@ -5,11 +5,11 @@
  </head>
  <body>
  {include="page.header"}
-{if="!ban_canLogin()"}
+{if="!ban_canLogin($conf)"}
  <div class="pure-g pure-alert pure-alert-error pure-alert-closable center">
    <div class="pure-u-2-24"></div>
    <div class="pure-u-20-24">
-    You have been banned after too many failed login attempts. Try again later.
+    {'You have been banned after too many failed login attempts. Try again later.'|t}
    </div>
    <div class="pure-u-2-24">
      <i class="fa fa-times pure-alert-close"></i>
@@ -17,22 +17,24 @@
  </div>
  {else}
    <div class="pure-g">
-    <div class="pure-u-lg-1-3 pure-u-1-8"></div>
-    <div id="login-form" class="page-form pure-u-lg-1-3 pure-u-3-4">
+    <div class="pure-u-lg-1-3 pure-u-1-24"></div>
+    <div id="login-form" class="page-form page-form-light pure-u-lg-1-3 pure-u-22-24">
        <form method="post" name="loginform">
-        <h2>Login</h2>
+        <h2 class="window-title">{'Login'|t}</h2>
          <div>
-          <input type="text" name="login" placeholder="Username" tabindex="3">
+          <input type="text" name="login" placeholder="{'Username'|t}"
+             {if="!empty($username)"}value="{$username}"{/if} class="autofocus" tabindex="20">
          </div>
          <div>
-          <input type="password" name="password" placeholder="Password" tabindex="4">
+          <input type="password" name="password" placeholder="{'Password'|t}" tabindex="21">
          </div>
          <div class="remember-me">
-          <input type="checkbox" name="longlastingsession" id="longlastingsession" tabindex="5">
-          <label for="longlastingsession">Remember me</label>
+          <input type="checkbox" name="longlastingsession" id="longlastingsessionform"
+             checked="checked" tabindex="22">
+          <label for="longlastingsessionform">{'Remember me'|t}</label>
          </div>
          <div>
-          <input type="submit" value="Login" class="bigbutton" tabindex="6">
+          <input type="submit" value="{'Login'|t}" class="bigbutton" tabindex="23">
          </div>
          <input type="hidden" name="token" value="{$token}">
          {if="$returnurl"}<input type="hidden" name="returnurl" value="{$returnurl}">{/if}
@@ -40,15 +42,17 @@
      </div>
      <div class="pure-u-lg-1-3 pure-u-1-8"></div>
    </div>
-
  {/if}
  
-
-</div>
-
  {include="page.footer"}
  <script>
-  document.getElementsByName('login')[1].focus();
+  {if="ban_canLogin($conf) && ! empty($username)"}
+    // Focus password on load if the username is set.
+    var passwords = document.getElementsByName('password');
+    if (passwords.length == 2) {
+        passwords[1].focus();
+    }
+  {/if}
  </script>
  </body>
  </html>