diff options
author | Nicolas LÅ“uillet <nicolas.loeuillet@smile.fr> | 2015-10-05 22:16:18 +0200 |
---|---|---|
committer | Nicolas LÅ“uillet <nicolas.loeuillet@smile.fr> | 2015-10-05 22:16:18 +0200 |
commit | ec3ce598f6423fcccd88a4fdd77f817c50bc5ab6 (patch) | |
tree | 1897d513ea9f1041e19e29b1e763eb8969f3b51c /src/Wallabag/UserBundle/Resources/views/themes/material/Security/login.html.twig | |
parent | 4c5e5441831430af2b8f49dbeb0c76da6993eceb (diff) | |
download | wallabag-ec3ce598f6423fcccd88a4fdd77f817c50bc5ab6.tar.gz wallabag-ec3ce598f6423fcccd88a4fdd77f817c50bc5ab6.tar.zst wallabag-ec3ce598f6423fcccd88a4fdd77f817c50bc5ab6.zip |
material design for register/login/recover pages
Diffstat (limited to 'src/Wallabag/UserBundle/Resources/views/themes/material/Security/login.html.twig')
-rw-r--r-- | src/Wallabag/UserBundle/Resources/views/themes/material/Security/login.html.twig | 97 |
1 files changed, 37 insertions, 60 deletions
diff --git a/src/Wallabag/UserBundle/Resources/views/themes/material/Security/login.html.twig b/src/Wallabag/UserBundle/Resources/views/themes/material/Security/login.html.twig index e9532037..6bf99bf8 100644 --- a/src/Wallabag/UserBundle/Resources/views/themes/material/Security/login.html.twig +++ b/src/Wallabag/UserBundle/Resources/views/themes/material/Security/login.html.twig | |||
@@ -1,69 +1,46 @@ | |||
1 | {% extends "WallabagCoreBundle::layout.html.twig" %} | 1 | {% extends "FOSUserBundle::layout.html.twig" %} |
2 | 2 | ||
3 | {% block title %}{% trans %}login to your wallabag{% endtrans %}{% endblock %} | 3 | {% block fos_user_content %} |
4 | <form action="{{ path('fos_user_security_check') }}" method="post" name="loginform"> | ||
5 | <div class="card-content"> | ||
4 | 6 | ||
5 | {% block body_class %}login{% endblock %} | 7 | {% if error %} |
8 | <span class="black-text">{{ error.message }}</span> | ||
9 | {% endif %} | ||
6 | 10 | ||
7 | {% block menu %}{% endblock %} | 11 | {% for flashMessage in app.session.flashbag.get('notice') %} |
8 | {% block messages %}{% endblock %} | 12 | <span class="black-text"><p>{{ flashMessage }}</p></span> |
13 | {% endfor %} | ||
9 | 14 | ||
10 | {% block content %} | 15 | <div class="row"> |
11 | <main class="valign-wrapper"> | ||
12 | <div class="valign row"> | ||
13 | <div class="card sw"> | ||
14 | <div class="center"><img src="{{ asset('themes/baggy/img/logo-other_themes.png') }}" alt="wallabag logo" /></div> | ||
15 | <form action="{{ path('fos_user_security_check') }}" method="post" name="loginform"> | ||
16 | <div class="card-content"> | ||
17 | 16 | ||
18 | {% if error %} | 17 | <div class="input-field col s12"> |
19 | <span class="black-text">{{ error.message }}</span> | 18 | <label for="username">{% trans %}Username{% endtrans %}</label> |
20 | {% endif %} | 19 | <input type="text" id="username" name="_username" value="{{ last_username }}" /> |
21 | 20 | </div> | |
22 | {% for flashMessage in app.session.flashbag.get('notice') %} | ||
23 | <span class="black-text"><p>{{ flashMessage }}</p></span> | ||
24 | {% endfor %} | ||
25 | |||
26 | <div class="row"> | ||
27 | |||
28 | <div class="input-field col s12"> | ||
29 | <label for="username">{% trans %}Username{% endtrans %}</label> | ||
30 | <input type="text" id="username" name="_username" value="{{ last_username }}" /> | ||
31 | </div> | ||
32 | |||
33 | <div class="input-field col s12"> | ||
34 | <label for="password">{% trans %}Password{% endtrans %}</label> | ||
35 | <input type="password" id="password" name="_password" /> | ||
36 | </div> | ||
37 | |||
38 | <div class="input-field col s12"> | ||
39 | <input type="checkbox" id="remember_me" name="_remember_me" checked /> | ||
40 | <label for="remember_me">{% trans %}Keep me logged in{% endtrans %}</label> | ||
41 | </div> | ||
42 | |||
43 | </div> | ||
44 | 21 | ||
45 | </div> | 22 | <div class="input-field col s12"> |
46 | <div class="card-action"> | 23 | <label for="password">{% trans %}Password{% endtrans %}</label> |
47 | <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}" /> | 24 | <input type="password" id="password" name="_password" /> |
48 | <button class="btn waves-effect waves-light" type="submit" name="send"> | ||
49 | {% trans %}Login{% endtrans %} | ||
50 | <i class="mdi-content-send right"></i> | ||
51 | </button> | ||
52 | <a href="{{ path('fos_user_registration_register') }}">{% trans %}Register{% endtrans %}</a> | ||
53 | </div> | ||
54 | </form> | ||
55 | </div> | 25 | </div> |
56 | <div class="center"> | 26 | |
57 | <a href="{{ path('fos_user_resetting_request') }}">{% trans %}Forgot your password?{% endtrans %}</a> | 27 | <div class="input-field col s12"> |
28 | <input type="checkbox" id="remember_me" name="_remember_me" checked /> | ||
29 | <label for="remember_me">{% trans %}Keep me logged in{% endtrans %}</label> | ||
58 | </div> | 30 | </div> |
59 | </div> | ||
60 | </main> | ||
61 | <style> | ||
62 | main { | ||
63 | padding: 0; | ||
64 | } | ||
65 | </style> | ||
66 | {% endblock %} | ||
67 | 31 | ||
68 | {% block footer %} | 32 | </div> |
69 | {% endblock %} | 33 | </div> |
34 | <div class="card-action center"> | ||
35 | <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}" /> | ||
36 | <a href="{{ path('fos_user_registration_register') }}" class="waves-effect waves-light grey btn"><i class="material-icons left"></i> {% trans %}Register{% endtrans %}</a> | ||
37 | <button class="btn waves-effect waves-light" type="submit" name="send"> | ||
38 | {% trans %}Login{% endtrans %} | ||
39 | <i class="mdi-content-send right"></i> | ||
40 | </button> | ||
41 | </div> | ||
42 | <div class="center"> | ||
43 | <a href="{{ path('fos_user_resetting_request') }}">{% trans %}Forgot your password?{% endtrans %}</a> | ||
44 | </div> | ||
45 | </form> | ||
46 | {% endblock fos_user_content %} | ||