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 28c92f3e3253505dc90c770682552f051b862c9b..2ad3fe9cdc8e5e0813895d7527126f1bb010e442 100644 (file)
--- a/tpl/default/loginform.html
+++ b/tpl/default/loginform.html
@@ -5,7 +5,7 @@
  </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">
@@ -17,18 +17,20 @@
  </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 page-form-light 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'|t}</h2>
+        <h2 class="window-title">{'Login'|t}</h2>
          <div>
-          <input type="text" name="login" placeholder="{'Username'|t}" tabindex="20">
+          <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'|t}" tabindex="21">
          </div>
          <div class="remember-me">
-          <input type="checkbox" name="longlastingsession" id="longlastingsessionform" tabindex="22">
+          <input type="checkbox" name="longlastingsession" id="longlastingsessionform"
+             checked="checked" tabindex="22">
            <label for="longlastingsessionform">{'Remember me'|t}</label>
          </div>
          <div>
@@ -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>