Autofocus the username field on the login page

[github/wallabag/wallabag.git] / src / Wallabag / UserBundle / Resources / views / Security / login.html.twig

diff --git a/src/Wallabag/UserBundle/Resources/views/Security/login.html.twig b/src/Wallabag/UserBundle/Resources/views/Security/login.html.twig
index 8474b497b069a9964e807c4d6c9a378539a861f5..3dd98fb642f591ce8e81d9d59d913581ec466862 100644 (file)
--- a/src/Wallabag/UserBundle/Resources/views/Security/login.html.twig
+++ b/src/Wallabag/UserBundle/Resources/views/Security/login.html.twig
@@ -5,18 +5,18 @@
     <div class="card-content">
 
         {% if error %}
-            <span class="black-text">{{ error.message }}</span>
+            <script>Materialize.toast('{{ error.messageKey|trans(error.messageData, 'security') }}', 4000)</script>
         {% endif %}
 
         {% for flashMessage in app.session.flashbag.get('notice') %}
-            <span class="black-text"><p>{{ flashMessage }}</p></span>
+            <script>Materialize.toast('{{ flashMessage }}')</script>
         {% endfor %}
 
         <div class="row">
 
             <div class="input-field col s12">
                 <label for="username">{{ 'security.login.username'|trans }}</label>
-                <input type="text" id="username" name="_username" value="{{ last_username }}" />
+                <input type="text" id="username" name="_username" value="{{ last_username }}" autofocus />
             </div>
 
             <div class="input-field col s12">
@@ -33,13 +33,15 @@
     </div>
     <div class="card-action center">
         <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}" />
-        <a href="{{ path('fos_user_registration_register') }}" class="waves-effect waves-light grey btn">{{ 'security.login.register'|trans }}</a>
+        {% if registration_enabled %}
+            <a href="{{ path('fos_user_registration_register') }}" class="waves-effect waves-light grey btn">{{ 'security.login.register'|trans }}</a>
+        {% endif %}
         <button class="btn waves-effect waves-light" type="submit" name="send">
             {{ 'security.login.submit'|trans }}
             <i class="material-icons right">send</i>
         </button>
     </div>
-    <div class="center">
+    <div class="card-action center">
         <a href="{{ path('fos_user_resetting_request') }}">{{ 'security.login.forgot_password'|trans }}</a>
     </div>
 </form>