From 0a878469d4038c36c84d1dd707265d880fa342e8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nicolas=20L=C5=93uillet?= <nicolas@loeuillet.org>
Date: Sat, 3 Oct 2015 06:29:55 +0200
Subject: move some files to UserBundle

---
 .../material/Registration/register.html.twig       | 32 ++++++++++
 .../Registration/register_content.html.twig        | 14 +++++
 .../themes/material/Security/checkEmail.html.twig  | 27 +++++++++
 .../material/Security/forgotPassword.html.twig     | 59 ++++++++++++++++++
 .../views/themes/material/Security/login.html.twig | 69 ++++++++++++++++++++++
 .../views/themes/material/Security/reset.html.twig | 57 ++++++++++++++++++
 6 files changed, 258 insertions(+)
 create mode 100644 src/Wallabag/UserBundle/Resources/views/themes/material/Registration/register.html.twig
 create mode 100644 src/Wallabag/UserBundle/Resources/views/themes/material/Registration/register_content.html.twig
 create mode 100644 src/Wallabag/UserBundle/Resources/views/themes/material/Security/checkEmail.html.twig
 create mode 100644 src/Wallabag/UserBundle/Resources/views/themes/material/Security/forgotPassword.html.twig
 create mode 100644 src/Wallabag/UserBundle/Resources/views/themes/material/Security/login.html.twig
 create mode 100644 src/Wallabag/UserBundle/Resources/views/themes/material/Security/reset.html.twig

(limited to 'src/Wallabag/UserBundle/Resources/views/themes/material')

diff --git a/src/Wallabag/UserBundle/Resources/views/themes/material/Registration/register.html.twig b/src/Wallabag/UserBundle/Resources/views/themes/material/Registration/register.html.twig
new file mode 100644
index 00000000..d765c851
--- /dev/null
+++ b/src/Wallabag/UserBundle/Resources/views/themes/material/Registration/register.html.twig
@@ -0,0 +1,32 @@
+{% extends "WallabagCoreBundle::layout.html.twig" %}
+
+{% block title %}{% trans %}create an account{% endtrans %}{% endblock %}
+
+{% block body_class %}register{% endblock %}
+
+{% block menu %}{% endblock %}
+{% block messages %}{% endblock %}
+
+{% block content %}
+<main class="valign-wrapper">
+    <div class="valign row">
+        <div class="card sw">
+            <div class="center"><img src="{{ asset('themes/baggy/img/logo-other_themes.png') }}" alt="wallabag logo" /></div>
+
+            {% include "FOSUserBundle:Registration:register_content.html.twig" %}
+
+        </div>
+        <div class="center">
+            <a href="{{ path('fos_user_security_login') }}">{% trans %}Already have an account?{% endtrans %}</a>
+        </div>
+    </div>
+</main>
+    <style>
+        main {
+            padding: 0;
+        }
+    </style>
+{% endblock %}
+
+{% block footer %}
+{% endblock %}
diff --git a/src/Wallabag/UserBundle/Resources/views/themes/material/Registration/register_content.html.twig b/src/Wallabag/UserBundle/Resources/views/themes/material/Registration/register_content.html.twig
new file mode 100644
index 00000000..26a91433
--- /dev/null
+++ b/src/Wallabag/UserBundle/Resources/views/themes/material/Registration/register_content.html.twig
@@ -0,0 +1,14 @@
+{% trans_default_domain 'FOSUserBundle' %}
+
+<form action="{{ path('fos_user_registration_register') }}" {{ form_enctype(form) }} method="POST" class="fos_user_registration_register">
+    <div class="card-content">
+    {{ form_widget(form) }}
+        <input type="submit" value="{{ 'registration.submit'|trans }}" />
+    </div>
+    <div class="card-action">
+        <button class="btn waves-effect waves-light" type="submit" name="send">
+            {% trans %}Create account{% endtrans %}
+            <i class="mdi-content-send right"></i>
+        </button>
+    </div>
+</form>
diff --git a/src/Wallabag/UserBundle/Resources/views/themes/material/Security/checkEmail.html.twig b/src/Wallabag/UserBundle/Resources/views/themes/material/Security/checkEmail.html.twig
new file mode 100644
index 00000000..8f698e17
--- /dev/null
+++ b/src/Wallabag/UserBundle/Resources/views/themes/material/Security/checkEmail.html.twig
@@ -0,0 +1,27 @@
+{% extends "WallabagCoreBundle::layout.html.twig" %}
+
+{% block title %}{% trans %}Forgot password{% endtrans %}{% endblock %}
+
+{% block body_class %}login{% endblock %}
+
+{% block menu %}{% endblock %}
+
+{% block content %}
+    <main class="valign-wrapper">
+        <div class="valign row">
+            <h1>{% trans %}Forgot password{% endtrans %}</h1>
+            <div class="card sw">
+                <div class="card-content">
+                    <span class="card-title black-text">
+                        <p>{{ 'An email has been sent to %email%. It contains a link you must click to reset your password.'|trans({'%email%': email}) }}</p>
+                    </span>
+                </div>
+            </div>
+        </div>
+    </main>
+    <style>
+    main {
+        padding: 0;
+    }
+    </style>
+{% endblock %}
diff --git a/src/Wallabag/UserBundle/Resources/views/themes/material/Security/forgotPassword.html.twig b/src/Wallabag/UserBundle/Resources/views/themes/material/Security/forgotPassword.html.twig
new file mode 100644
index 00000000..9750f8ba
--- /dev/null
+++ b/src/Wallabag/UserBundle/Resources/views/themes/material/Security/forgotPassword.html.twig
@@ -0,0 +1,59 @@
+{% extends "WallabagCoreBundle::layout.html.twig" %}
+
+{% block title %}{% trans %}Forgot password{% endtrans %}{% endblock %}
+
+{% block body_class %}login{% endblock %}
+
+{% block menu %}{% endblock %}
+
+{% block content %}
+    <main class="valign-wrapper">
+        <div class="valign row">
+            <h1>{% trans %}Forgot password{% endtrans %}</h1>
+            <div class="card sw">
+                <form action="{{ path('forgot_password') }}" method="post" name="forgotPasswordform">
+                    <div class="card-content">
+
+                        <span class="card-title black-text"><p>{% trans %}Enter your email address below and we'll send you password reset instructions.{% endtrans %}</p></span>
+
+                        {% if form_errors(form) %}
+                            <span class="black-text">{{ form_errors(form) }}</span>
+                        {% endif %}
+
+                        {% for flashMessage in app.session.flashbag.get('notice') %}
+                            <span class="black-text"><p>{{ flashMessage }}</p></span>
+                        {% endfor %}
+
+                        {% if form_errors(form.email) %}
+                            <span class="black-text">{{ form_errors(form.email) }}</span>
+                        {% endif %}
+
+                        <div class="input-field s12">
+                            {{ form_label(form.email) }}
+                            {{ form_widget(form.email) }}
+                        </div>
+
+                    </div>
+                    <div class="card-action">
+                        <button class="btn waves-effect waves-light" type="submit" name="send">
+                            {% trans %}Send{% endtrans %}
+                            <i class="mdi-content-send right"></i>
+                        </button>
+                    </div>
+                    {{ form_rest(form) }}
+                </form>
+            </div>
+            <div class="center">
+                <a href="{{ path('login') }}">{% trans %}Back to login{% endtrans %}</a>
+            </div>
+        </div>
+    </main>
+    <style>
+    main {
+        padding: 0;
+    }
+    </style>
+{% endblock %}
+
+{% block footer %}
+{% endblock %}
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
new file mode 100644
index 00000000..e9532037
--- /dev/null
+++ b/src/Wallabag/UserBundle/Resources/views/themes/material/Security/login.html.twig
@@ -0,0 +1,69 @@
+{% extends "WallabagCoreBundle::layout.html.twig" %}
+
+{% block title %}{% trans %}login to your wallabag{% endtrans %}{% endblock %}
+
+{% block body_class %}login{% endblock %}
+
+{% block menu %}{% endblock %}
+{% block messages %}{% endblock %}
+
+{% block content %}
+    <main class="valign-wrapper">
+        <div class="valign row">
+            <div class="card sw">
+                <div class="center"><img src="{{ asset('themes/baggy/img/logo-other_themes.png') }}" alt="wallabag logo" /></div>
+                <form action="{{ path('fos_user_security_check') }}" method="post" name="loginform">
+                    <div class="card-content">
+
+                        {% if error %}
+                            <span class="black-text">{{ error.message }}</span>
+                        {% endif %}
+
+                        {% for flashMessage in app.session.flashbag.get('notice') %}
+                            <span class="black-text"><p>{{ flashMessage }}</p></span>
+                        {% endfor %}
+
+                        <div class="row">
+
+                            <div class="input-field col s12">
+                                <label for="username">{% trans %}Username{% endtrans %}</label>
+                                <input type="text" id="username" name="_username" value="{{ last_username }}" />
+                            </div>
+
+                            <div class="input-field col s12">
+                                <label for="password">{% trans %}Password{% endtrans %}</label>
+                                <input type="password" id="password" name="_password" />
+                            </div>
+
+                            <div class="input-field col s12">
+                                <input type="checkbox" id="remember_me" name="_remember_me" checked />
+                                <label for="remember_me">{% trans %}Keep me logged in{% endtrans %}</label>
+                            </div>
+
+                        </div>
+
+                    </div>
+                    <div class="card-action">
+                        <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}" />
+                        <button class="btn waves-effect waves-light" type="submit" name="send">
+                            {% trans %}Login{% endtrans %}
+                            <i class="mdi-content-send right"></i>
+                        </button>
+                        <a href="{{ path('fos_user_registration_register') }}">{% trans %}Register{% endtrans %}</a>
+                    </div>
+                </form>
+            </div>
+            <div class="center">
+                <a href="{{ path('fos_user_resetting_request') }}">{% trans %}Forgot your password?{% endtrans %}</a>
+            </div>
+        </div>
+    </main>
+    <style>
+    main {
+        padding: 0;
+    }
+    </style>
+{% endblock %}
+
+{% block footer %}
+{% endblock %}
diff --git a/src/Wallabag/UserBundle/Resources/views/themes/material/Security/reset.html.twig b/src/Wallabag/UserBundle/Resources/views/themes/material/Security/reset.html.twig
new file mode 100644
index 00000000..09d0b634
--- /dev/null
+++ b/src/Wallabag/UserBundle/Resources/views/themes/material/Security/reset.html.twig
@@ -0,0 +1,57 @@
+{% extends "WallabagCoreBundle::layout.html.twig" %}
+
+{% block title %}{% trans %}Change password{% endtrans %}{% endblock %}
+
+{% block body_class %}login{% endblock %}
+
+{% block menu %}{% endblock %}
+
+{% block content %}
+    <main class="valign-wrapper">
+        <div class="valign row">
+            <div class="card sw">
+                <form action="{{ path('forgot_password_reset', {'token': token}) }}" method="post" name="loginform">
+                    <div class="card-content">
+
+                        <span class="card-title black-text"><p>{% trans %}Change password{% endtrans %}</p></span>
+
+                        {% if form_errors(form) %}
+                            <span class="black-text">{{ form_errors(form) }}</span>
+                        {% endif %}
+
+                        {% if form_errors(form.new_password.first) %}
+                            <span class="black-text">{{ form_errors(form.new_password.first) }}</span>
+                        {% endif %}
+
+                        {% if form_errors(form.new_password.second) %}
+                            <span class="black-text">{{ form_errors(form.new_password.second) }}</span>
+                        {% endif %}
+
+                        <div class="input-field s12">
+                            {{ form_label(form.new_password.first) }}
+                            {{ form_widget(form.new_password.first) }}
+                        </div>
+
+                        <div class="input-field s12">
+                            {{ form_label(form.new_password.second) }}
+                            {{ form_widget(form.new_password.second) }}
+                        </div>
+
+                    </div>
+                    <div class="card-action">
+                        <button class="btn waves-effect waves-light" type="submit" name="send">
+                            {% trans %}Change password{% endtrans %}
+                            <i class="mdi-content-send right"></i>
+                        </button>
+                    </div>
+                    {{ form_rest(form) }}
+                </form>
+            </div>
+        </div>
+    </main>
+    <style>
+    main {
+        padding: 0;
+    }
+    </style>
+{% endblock %}
-- 
cgit v1.2.3


From ec3ce598f6423fcccd88a4fdd77f817c50bc5ab6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nicolas=20L=C5=93uillet?= <nicolas.loeuillet@smile.fr>
Date: Mon, 5 Oct 2015 22:16:18 +0200
Subject: material design for register/login/recover pages

---
 .../changePassword_content.html.twig               | 12 +++
 .../material/Registration/checkEmail.html.twig     | 11 +++
 .../material/Registration/confirmed.html.twig      | 17 ++++
 .../material/Registration/register.html.twig       | 32 -------
 .../Registration/register_content.html.twig        | 40 ++++++++-
 .../themes/material/Resetting/checkEmail.html.twig | 11 +++
 .../Resetting/passwordAlreadyRequested.html.twig   | 11 +++
 .../material/Resetting/request_content.html.twig   | 26 ++++++
 .../material/Resetting/reset_content.html.twig     | 15 ++++
 .../themes/material/Security/checkEmail.html.twig  | 27 ------
 .../material/Security/forgotPassword.html.twig     | 59 -------------
 .../views/themes/material/Security/login.html.twig | 97 +++++++++-------------
 .../views/themes/material/Security/reset.html.twig | 57 -------------
 .../views/themes/material/layout.html.twig         | 26 ++++++
 14 files changed, 202 insertions(+), 239 deletions(-)
 create mode 100644 src/Wallabag/UserBundle/Resources/views/themes/material/ChangePassword/changePassword_content.html.twig
 create mode 100644 src/Wallabag/UserBundle/Resources/views/themes/material/Registration/checkEmail.html.twig
 create mode 100644 src/Wallabag/UserBundle/Resources/views/themes/material/Registration/confirmed.html.twig
 delete mode 100644 src/Wallabag/UserBundle/Resources/views/themes/material/Registration/register.html.twig
 create mode 100644 src/Wallabag/UserBundle/Resources/views/themes/material/Resetting/checkEmail.html.twig
 create mode 100644 src/Wallabag/UserBundle/Resources/views/themes/material/Resetting/passwordAlreadyRequested.html.twig
 create mode 100644 src/Wallabag/UserBundle/Resources/views/themes/material/Resetting/request_content.html.twig
 create mode 100644 src/Wallabag/UserBundle/Resources/views/themes/material/Resetting/reset_content.html.twig
 delete mode 100644 src/Wallabag/UserBundle/Resources/views/themes/material/Security/checkEmail.html.twig
 delete mode 100644 src/Wallabag/UserBundle/Resources/views/themes/material/Security/forgotPassword.html.twig
 delete mode 100644 src/Wallabag/UserBundle/Resources/views/themes/material/Security/reset.html.twig
 create mode 100644 src/Wallabag/UserBundle/Resources/views/themes/material/layout.html.twig

(limited to 'src/Wallabag/UserBundle/Resources/views/themes/material')

diff --git a/src/Wallabag/UserBundle/Resources/views/themes/material/ChangePassword/changePassword_content.html.twig b/src/Wallabag/UserBundle/Resources/views/themes/material/ChangePassword/changePassword_content.html.twig
new file mode 100644
index 00000000..e7b7318b
--- /dev/null
+++ b/src/Wallabag/UserBundle/Resources/views/themes/material/ChangePassword/changePassword_content.html.twig
@@ -0,0 +1,12 @@
+{% trans_default_domain 'FOSUserBundle' %}
+
+<form action="{{ path('fos_user_change_password') }}" {{ form_enctype(form) }} method="POST" class="fos_user_change_password">
+    <div class="card-content">
+        <div class="row">
+            {{ form_widget(form) }}
+            <div>
+                <input type="submit" value="{{ 'change_password.submit'|trans }}" />
+            </div>
+        </div>
+    </div>
+</form>
diff --git a/src/Wallabag/UserBundle/Resources/views/themes/material/Registration/checkEmail.html.twig b/src/Wallabag/UserBundle/Resources/views/themes/material/Registration/checkEmail.html.twig
new file mode 100644
index 00000000..50937276
--- /dev/null
+++ b/src/Wallabag/UserBundle/Resources/views/themes/material/Registration/checkEmail.html.twig
@@ -0,0 +1,11 @@
+{% extends "FOSUserBundle::layout.html.twig" %}
+
+{% trans_default_domain 'FOSUserBundle' %}
+
+{% block fos_user_content %}
+<div class="card-content">
+    <div class="row">
+        <p>{{ 'registration.check_email'|trans({'%email%': user.email}) }}</p>
+    </div>
+</div>
+{% endblock fos_user_content %}
diff --git a/src/Wallabag/UserBundle/Resources/views/themes/material/Registration/confirmed.html.twig b/src/Wallabag/UserBundle/Resources/views/themes/material/Registration/confirmed.html.twig
new file mode 100644
index 00000000..c6d4d3d2
--- /dev/null
+++ b/src/Wallabag/UserBundle/Resources/views/themes/material/Registration/confirmed.html.twig
@@ -0,0 +1,17 @@
+{% extends "FOSUserBundle::layout.html.twig" %}
+
+{% trans_default_domain 'FOSUserBundle' %}
+
+{% block fos_user_content %}
+<div class="card-content">
+    <div class="row">
+        <p>{{ 'registration.confirmed'|trans({'%username%': user.username}) }}</p>
+        {% if targetUrl %}
+        <p><a href="{{ targetUrl }}">{{ 'registration.back'|trans }}</a></p>
+        {% endif %}
+    </div>
+    <div class="card-action center">
+        <a href="{{ path('homepage') }}" class="waves-effect waves-light btn"><i class="material-icons left"></i> {% trans %}Go to your account{% endtrans %}</a>
+    </div>
+</div>
+{% endblock fos_user_content %}
diff --git a/src/Wallabag/UserBundle/Resources/views/themes/material/Registration/register.html.twig b/src/Wallabag/UserBundle/Resources/views/themes/material/Registration/register.html.twig
deleted file mode 100644
index d765c851..00000000
--- a/src/Wallabag/UserBundle/Resources/views/themes/material/Registration/register.html.twig
+++ /dev/null
@@ -1,32 +0,0 @@
-{% extends "WallabagCoreBundle::layout.html.twig" %}
-
-{% block title %}{% trans %}create an account{% endtrans %}{% endblock %}
-
-{% block body_class %}register{% endblock %}
-
-{% block menu %}{% endblock %}
-{% block messages %}{% endblock %}
-
-{% block content %}
-<main class="valign-wrapper">
-    <div class="valign row">
-        <div class="card sw">
-            <div class="center"><img src="{{ asset('themes/baggy/img/logo-other_themes.png') }}" alt="wallabag logo" /></div>
-
-            {% include "FOSUserBundle:Registration:register_content.html.twig" %}
-
-        </div>
-        <div class="center">
-            <a href="{{ path('fos_user_security_login') }}">{% trans %}Already have an account?{% endtrans %}</a>
-        </div>
-    </div>
-</main>
-    <style>
-        main {
-            padding: 0;
-        }
-    </style>
-{% endblock %}
-
-{% block footer %}
-{% endblock %}
diff --git a/src/Wallabag/UserBundle/Resources/views/themes/material/Registration/register_content.html.twig b/src/Wallabag/UserBundle/Resources/views/themes/material/Registration/register_content.html.twig
index 26a91433..b356f58c 100644
--- a/src/Wallabag/UserBundle/Resources/views/themes/material/Registration/register_content.html.twig
+++ b/src/Wallabag/UserBundle/Resources/views/themes/material/Registration/register_content.html.twig
@@ -2,12 +2,44 @@
 
 <form action="{{ path('fos_user_registration_register') }}" {{ form_enctype(form) }} method="POST" class="fos_user_registration_register">
     <div class="card-content">
-    {{ form_widget(form) }}
-        <input type="submit" value="{{ 'registration.submit'|trans }}" />
+        <div class="row">
+
+            {{ form_errors(form) }}
+            {{ form_widget(form._token) }}
+
+            {% for flashMessage in app.session.flashbag.get('notice') %}
+                <span class="black-text"><p>{{ flashMessage }}</p></span>
+            {% endfor %}
+
+            <div class="input-field col s12">
+                {{ form_errors(form.email) }}
+                <label for="fos_user_registration_form_email">{% trans %}Email{% endtrans %}</label>
+                <input type="text" id="fos_user_registration_form_email" name="fos_user_registration_form[email]" />
+            </div>
+
+            <div class="input-field col s12">
+                {{ form_errors(form.username) }}
+                <label for="fos_user_registration_form_username">{% trans %}Username{% endtrans %}</label>
+                <input type="text" id="fos_user_registration_form_username" name="fos_user_registration_form[username]" />
+            </div>
+
+            <div class="input-field col s12">
+                {{ form_errors(form.plainPassword.first) }}
+                <label for="fos_user_registration_form_plainPassword_first">{% trans %}Password{% endtrans %}</label>
+                <input type="password" id="fos_user_registration_form_plainPassword_first" name="fos_user_registration_form[plainPassword][first]" />
+            </div>
+
+            <div class="input-field col s12">
+                {{ form_errors(form.plainPassword.second) }}
+                <label for="fos_user_registration_form_plainPassword_second">{% trans %}Repeat password{% endtrans %}</label>
+                <input type="password" id="fos_user_registration_form_plainPassword_second" name="fos_user_registration_form[plainPassword][second]" />
+            </div>
+        </div>
     </div>
-    <div class="card-action">
+    <div class="card-action center">
+        <a href="{{ path('fos_user_security_login') }}" class="waves-effect waves-light grey btn"><i class="material-icons left"></i> {% trans %}Login{% endtrans %}</a>
         <button class="btn waves-effect waves-light" type="submit" name="send">
-            {% trans %}Create account{% endtrans %}
+            {{ 'registration.submit'|trans({}, 'FOSUserBundle') }}
             <i class="mdi-content-send right"></i>
         </button>
     </div>
diff --git a/src/Wallabag/UserBundle/Resources/views/themes/material/Resetting/checkEmail.html.twig b/src/Wallabag/UserBundle/Resources/views/themes/material/Resetting/checkEmail.html.twig
new file mode 100644
index 00000000..66cbdc28
--- /dev/null
+++ b/src/Wallabag/UserBundle/Resources/views/themes/material/Resetting/checkEmail.html.twig
@@ -0,0 +1,11 @@
+{% extends "FOSUserBundle::layout.html.twig" %}
+
+{% trans_default_domain 'FOSUserBundle' %}
+
+{% block fos_user_content %}
+<div class="card-content">
+    <div class="row">
+        {{ 'resetting.check_email'|trans({'%email%': email}) }}
+    </div>
+</div>
+{% endblock fos_user_content %}
diff --git a/src/Wallabag/UserBundle/Resources/views/themes/material/Resetting/passwordAlreadyRequested.html.twig b/src/Wallabag/UserBundle/Resources/views/themes/material/Resetting/passwordAlreadyRequested.html.twig
new file mode 100644
index 00000000..0eec4301
--- /dev/null
+++ b/src/Wallabag/UserBundle/Resources/views/themes/material/Resetting/passwordAlreadyRequested.html.twig
@@ -0,0 +1,11 @@
+{% extends "FOSUserBundle::layout.html.twig" %}
+
+{% trans_default_domain 'FOSUserBundle' %}
+
+{% block fos_user_content %}
+<div class="card-content">
+    <div class="row">
+    {{ 'resetting.password_already_requested'|trans }}
+    </div>
+</div>
+{% endblock fos_user_content %}
diff --git a/src/Wallabag/UserBundle/Resources/views/themes/material/Resetting/request_content.html.twig b/src/Wallabag/UserBundle/Resources/views/themes/material/Resetting/request_content.html.twig
new file mode 100644
index 00000000..e871d7be
--- /dev/null
+++ b/src/Wallabag/UserBundle/Resources/views/themes/material/Resetting/request_content.html.twig
@@ -0,0 +1,26 @@
+{% trans_default_domain 'FOSUserBundle' %}
+<form action="{{ path('fos_user_resetting_send_email') }}" method="POST" class="fos_user_resetting_request">
+    <div class="card-content">
+        <div class="row">
+        <p>{% trans %}Enter your email address below and we'll send you password reset instructions.{% endtrans %}</p>
+            {% for flashMessage in app.session.flashbag.get('notice') %}
+                <span class="black-text"><p>{{ flashMessage }}</p></span>
+            {% endfor %}
+
+            {% if invalid_username is defined %}
+                <p>{{ 'resetting.request.invalid_username'|trans({'%username%': invalid_username}) }}</p>
+            {% endif %}
+
+            <div class="input-field col s12">
+                <label for="username">{{ 'resetting.request.username'|trans }}</label>
+                <input type="text" id="username" name="username" required="required" />
+            </div>
+        </div>
+    </div>
+    <div class="card-action center">
+        <a href="{{ path('fos_user_security_login') }}" class="waves-effect waves-light grey btn"><i class="material-icons left"></i> {% trans %}Login{% endtrans %}</a>
+        <button class="btn waves-effect waves-light" type="submit" name="send">
+            {{ 'resetting.request.submit'|trans }}
+        </button>
+    </div>
+</form>
diff --git a/src/Wallabag/UserBundle/Resources/views/themes/material/Resetting/reset_content.html.twig b/src/Wallabag/UserBundle/Resources/views/themes/material/Resetting/reset_content.html.twig
new file mode 100644
index 00000000..f7e061dd
--- /dev/null
+++ b/src/Wallabag/UserBundle/Resources/views/themes/material/Resetting/reset_content.html.twig
@@ -0,0 +1,15 @@
+{% trans_default_domain 'FOSUserBundle' %}
+
+<form action="{{ path('fos_user_resetting_reset', {'token': token}) }}" {{ form_enctype(form) }} method="POST" class="fos_user_resetting_reset">
+    <div class="card-content">
+        <div class="row">
+            {{ form_widget(form) }}
+        </div>
+        <div class="card-action center">
+            <button class="btn waves-effect waves-light" type="submit" name="send">
+                {{ 'resetting.reset.submit'|trans }}
+                <i class="mdi-content-send right"></i>
+            </button>
+        </div>
+    </div>
+</form>
diff --git a/src/Wallabag/UserBundle/Resources/views/themes/material/Security/checkEmail.html.twig b/src/Wallabag/UserBundle/Resources/views/themes/material/Security/checkEmail.html.twig
deleted file mode 100644
index 8f698e17..00000000
--- a/src/Wallabag/UserBundle/Resources/views/themes/material/Security/checkEmail.html.twig
+++ /dev/null
@@ -1,27 +0,0 @@
-{% extends "WallabagCoreBundle::layout.html.twig" %}
-
-{% block title %}{% trans %}Forgot password{% endtrans %}{% endblock %}
-
-{% block body_class %}login{% endblock %}
-
-{% block menu %}{% endblock %}
-
-{% block content %}
-    <main class="valign-wrapper">
-        <div class="valign row">
-            <h1>{% trans %}Forgot password{% endtrans %}</h1>
-            <div class="card sw">
-                <div class="card-content">
-                    <span class="card-title black-text">
-                        <p>{{ 'An email has been sent to %email%. It contains a link you must click to reset your password.'|trans({'%email%': email}) }}</p>
-                    </span>
-                </div>
-            </div>
-        </div>
-    </main>
-    <style>
-    main {
-        padding: 0;
-    }
-    </style>
-{% endblock %}
diff --git a/src/Wallabag/UserBundle/Resources/views/themes/material/Security/forgotPassword.html.twig b/src/Wallabag/UserBundle/Resources/views/themes/material/Security/forgotPassword.html.twig
deleted file mode 100644
index 9750f8ba..00000000
--- a/src/Wallabag/UserBundle/Resources/views/themes/material/Security/forgotPassword.html.twig
+++ /dev/null
@@ -1,59 +0,0 @@
-{% extends "WallabagCoreBundle::layout.html.twig" %}
-
-{% block title %}{% trans %}Forgot password{% endtrans %}{% endblock %}
-
-{% block body_class %}login{% endblock %}
-
-{% block menu %}{% endblock %}
-
-{% block content %}
-    <main class="valign-wrapper">
-        <div class="valign row">
-            <h1>{% trans %}Forgot password{% endtrans %}</h1>
-            <div class="card sw">
-                <form action="{{ path('forgot_password') }}" method="post" name="forgotPasswordform">
-                    <div class="card-content">
-
-                        <span class="card-title black-text"><p>{% trans %}Enter your email address below and we'll send you password reset instructions.{% endtrans %}</p></span>
-
-                        {% if form_errors(form) %}
-                            <span class="black-text">{{ form_errors(form) }}</span>
-                        {% endif %}
-
-                        {% for flashMessage in app.session.flashbag.get('notice') %}
-                            <span class="black-text"><p>{{ flashMessage }}</p></span>
-                        {% endfor %}
-
-                        {% if form_errors(form.email) %}
-                            <span class="black-text">{{ form_errors(form.email) }}</span>
-                        {% endif %}
-
-                        <div class="input-field s12">
-                            {{ form_label(form.email) }}
-                            {{ form_widget(form.email) }}
-                        </div>
-
-                    </div>
-                    <div class="card-action">
-                        <button class="btn waves-effect waves-light" type="submit" name="send">
-                            {% trans %}Send{% endtrans %}
-                            <i class="mdi-content-send right"></i>
-                        </button>
-                    </div>
-                    {{ form_rest(form) }}
-                </form>
-            </div>
-            <div class="center">
-                <a href="{{ path('login') }}">{% trans %}Back to login{% endtrans %}</a>
-            </div>
-        </div>
-    </main>
-    <style>
-    main {
-        padding: 0;
-    }
-    </style>
-{% endblock %}
-
-{% block footer %}
-{% endblock %}
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 @@
-{% extends "WallabagCoreBundle::layout.html.twig" %}
+{% extends "FOSUserBundle::layout.html.twig" %}
 
-{% block title %}{% trans %}login to your wallabag{% endtrans %}{% endblock %}
+{% block fos_user_content %}
+<form action="{{ path('fos_user_security_check') }}" method="post" name="loginform">
+    <div class="card-content">
 
-{% block body_class %}login{% endblock %}
+        {% if error %}
+            <span class="black-text">{{ error.message }}</span>
+        {% endif %}
 
-{% block menu %}{% endblock %}
-{% block messages %}{% endblock %}
+        {% for flashMessage in app.session.flashbag.get('notice') %}
+            <span class="black-text"><p>{{ flashMessage }}</p></span>
+        {% endfor %}
 
-{% block content %}
-    <main class="valign-wrapper">
-        <div class="valign row">
-            <div class="card sw">
-                <div class="center"><img src="{{ asset('themes/baggy/img/logo-other_themes.png') }}" alt="wallabag logo" /></div>
-                <form action="{{ path('fos_user_security_check') }}" method="post" name="loginform">
-                    <div class="card-content">
+        <div class="row">
 
-                        {% if error %}
-                            <span class="black-text">{{ error.message }}</span>
-                        {% endif %}
-
-                        {% for flashMessage in app.session.flashbag.get('notice') %}
-                            <span class="black-text"><p>{{ flashMessage }}</p></span>
-                        {% endfor %}
-
-                        <div class="row">
-
-                            <div class="input-field col s12">
-                                <label for="username">{% trans %}Username{% endtrans %}</label>
-                                <input type="text" id="username" name="_username" value="{{ last_username }}" />
-                            </div>
-
-                            <div class="input-field col s12">
-                                <label for="password">{% trans %}Password{% endtrans %}</label>
-                                <input type="password" id="password" name="_password" />
-                            </div>
-
-                            <div class="input-field col s12">
-                                <input type="checkbox" id="remember_me" name="_remember_me" checked />
-                                <label for="remember_me">{% trans %}Keep me logged in{% endtrans %}</label>
-                            </div>
-
-                        </div>
+            <div class="input-field col s12">
+                <label for="username">{% trans %}Username{% endtrans %}</label>
+                <input type="text" id="username" name="_username" value="{{ last_username }}" />
+            </div>
 
-                    </div>
-                    <div class="card-action">
-                        <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}" />
-                        <button class="btn waves-effect waves-light" type="submit" name="send">
-                            {% trans %}Login{% endtrans %}
-                            <i class="mdi-content-send right"></i>
-                        </button>
-                        <a href="{{ path('fos_user_registration_register') }}">{% trans %}Register{% endtrans %}</a>
-                    </div>
-                </form>
+            <div class="input-field col s12">
+                <label for="password">{% trans %}Password{% endtrans %}</label>
+                <input type="password" id="password" name="_password" />
             </div>
-            <div class="center">
-                <a href="{{ path('fos_user_resetting_request') }}">{% trans %}Forgot your password?{% endtrans %}</a>
+
+            <div class="input-field col s12">
+                <input type="checkbox" id="remember_me" name="_remember_me" checked />
+                <label for="remember_me">{% trans %}Keep me logged in{% endtrans %}</label>
             </div>
-        </div>
-    </main>
-    <style>
-    main {
-        padding: 0;
-    }
-    </style>
-{% endblock %}
 
-{% block footer %}
-{% endblock %}
+        </div>
+    </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"><i class="material-icons left"></i> {% trans %}Register{% endtrans %}</a>
+        <button class="btn waves-effect waves-light" type="submit" name="send">
+            {% trans %}Login{% endtrans %}
+            <i class="mdi-content-send right"></i>
+        </button>
+    </div>
+    <div class="center">
+        <a href="{{ path('fos_user_resetting_request') }}">{% trans %}Forgot your password?{% endtrans %}</a>
+    </div>
+</form>
+{% endblock fos_user_content %}
diff --git a/src/Wallabag/UserBundle/Resources/views/themes/material/Security/reset.html.twig b/src/Wallabag/UserBundle/Resources/views/themes/material/Security/reset.html.twig
deleted file mode 100644
index 09d0b634..00000000
--- a/src/Wallabag/UserBundle/Resources/views/themes/material/Security/reset.html.twig
+++ /dev/null
@@ -1,57 +0,0 @@
-{% extends "WallabagCoreBundle::layout.html.twig" %}
-
-{% block title %}{% trans %}Change password{% endtrans %}{% endblock %}
-
-{% block body_class %}login{% endblock %}
-
-{% block menu %}{% endblock %}
-
-{% block content %}
-    <main class="valign-wrapper">
-        <div class="valign row">
-            <div class="card sw">
-                <form action="{{ path('forgot_password_reset', {'token': token}) }}" method="post" name="loginform">
-                    <div class="card-content">
-
-                        <span class="card-title black-text"><p>{% trans %}Change password{% endtrans %}</p></span>
-
-                        {% if form_errors(form) %}
-                            <span class="black-text">{{ form_errors(form) }}</span>
-                        {% endif %}
-
-                        {% if form_errors(form.new_password.first) %}
-                            <span class="black-text">{{ form_errors(form.new_password.first) }}</span>
-                        {% endif %}
-
-                        {% if form_errors(form.new_password.second) %}
-                            <span class="black-text">{{ form_errors(form.new_password.second) }}</span>
-                        {% endif %}
-
-                        <div class="input-field s12">
-                            {{ form_label(form.new_password.first) }}
-                            {{ form_widget(form.new_password.first) }}
-                        </div>
-
-                        <div class="input-field s12">
-                            {{ form_label(form.new_password.second) }}
-                            {{ form_widget(form.new_password.second) }}
-                        </div>
-
-                    </div>
-                    <div class="card-action">
-                        <button class="btn waves-effect waves-light" type="submit" name="send">
-                            {% trans %}Change password{% endtrans %}
-                            <i class="mdi-content-send right"></i>
-                        </button>
-                    </div>
-                    {{ form_rest(form) }}
-                </form>
-            </div>
-        </div>
-    </main>
-    <style>
-    main {
-        padding: 0;
-    }
-    </style>
-{% endblock %}
diff --git a/src/Wallabag/UserBundle/Resources/views/themes/material/layout.html.twig b/src/Wallabag/UserBundle/Resources/views/themes/material/layout.html.twig
new file mode 100644
index 00000000..0305ea45
--- /dev/null
+++ b/src/Wallabag/UserBundle/Resources/views/themes/material/layout.html.twig
@@ -0,0 +1,26 @@
+{% extends "WallabagCoreBundle::layout.html.twig" %}
+
+{% block title %}Welcome on wallabag!{% endblock %}
+
+{% block menu %}{% endblock %}
+{% block messages %}{% endblock %}
+
+{% block content %}
+<main class="valign-wrapper">
+    <div class="valign row">
+        <div class="card sw">
+            <div class="center"><img src="{{ asset('themes/material/img/logo-other_themes.png') }}" alt="wallabag logo" /></div>
+            {% block fos_user_content %}
+            {% endblock fos_user_content %}
+        </div>
+    </div>
+</main>
+<style>
+    main {
+        padding: 0;
+    }
+</style>
+{% endblock %}
+
+{% block footer %}
+{% endblock %}
-- 
cgit v1.2.3


From e0d188809c6674f2fbe550b98d232b98913b2308 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nicolas=20L=C5=93uillet?= <nicolas.loeuillet@smile.fr>
Date: Mon, 5 Oct 2015 22:49:46 +0200
Subject: move css

---
 .../UserBundle/Resources/views/themes/material/layout.html.twig    | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

(limited to 'src/Wallabag/UserBundle/Resources/views/themes/material')

diff --git a/src/Wallabag/UserBundle/Resources/views/themes/material/layout.html.twig b/src/Wallabag/UserBundle/Resources/views/themes/material/layout.html.twig
index 0305ea45..a69e68c2 100644
--- a/src/Wallabag/UserBundle/Resources/views/themes/material/layout.html.twig
+++ b/src/Wallabag/UserBundle/Resources/views/themes/material/layout.html.twig
@@ -2,6 +2,8 @@
 
 {% block title %}Welcome on wallabag!{% endblock %}
 
+{% block body_class %}login{% endblock %}
+
 {% block menu %}{% endblock %}
 {% block messages %}{% endblock %}
 
@@ -15,11 +17,6 @@
         </div>
     </div>
 </main>
-<style>
-    main {
-        padding: 0;
-    }
-</style>
 {% endblock %}
 
 {% block footer %}
-- 
cgit v1.2.3


From 8263e71192989dc0fd28a41ac22f9c5b32eb11c4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nicolas=20L=C5=93uillet?= <nicolas.loeuillet@smile.fr>
Date: Tue, 6 Oct 2015 07:44:10 +0200
Subject: use form widget for registration

---
 .../material/Registration/register_content.html.twig    | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

(limited to 'src/Wallabag/UserBundle/Resources/views/themes/material')

diff --git a/src/Wallabag/UserBundle/Resources/views/themes/material/Registration/register_content.html.twig b/src/Wallabag/UserBundle/Resources/views/themes/material/Registration/register_content.html.twig
index b356f58c..865a24ae 100644
--- a/src/Wallabag/UserBundle/Resources/views/themes/material/Registration/register_content.html.twig
+++ b/src/Wallabag/UserBundle/Resources/views/themes/material/Registration/register_content.html.twig
@@ -4,7 +4,6 @@
     <div class="card-content">
         <div class="row">
 
-            {{ form_errors(form) }}
             {{ form_widget(form._token) }}
 
             {% for flashMessage in app.session.flashbag.get('notice') %}
@@ -13,26 +12,26 @@
 
             <div class="input-field col s12">
                 {{ form_errors(form.email) }}
-                <label for="fos_user_registration_form_email">{% trans %}Email{% endtrans %}</label>
-                <input type="text" id="fos_user_registration_form_email" name="fos_user_registration_form[email]" />
+                {{ form_label(form.email) }}
+                {{ form_widget(form.email) }}
             </div>
 
             <div class="input-field col s12">
                 {{ form_errors(form.username) }}
-                <label for="fos_user_registration_form_username">{% trans %}Username{% endtrans %}</label>
-                <input type="text" id="fos_user_registration_form_username" name="fos_user_registration_form[username]" />
+                {{ form_label(form.username) }}
+                {{ form_widget(form.username) }}
             </div>
 
             <div class="input-field col s12">
                 {{ form_errors(form.plainPassword.first) }}
-                <label for="fos_user_registration_form_plainPassword_first">{% trans %}Password{% endtrans %}</label>
-                <input type="password" id="fos_user_registration_form_plainPassword_first" name="fos_user_registration_form[plainPassword][first]" />
+                {{ form_label(form.plainPassword.first) }}
+                {{ form_widget(form.plainPassword.first) }}
             </div>
 
             <div class="input-field col s12">
                 {{ form_errors(form.plainPassword.second) }}
-                <label for="fos_user_registration_form_plainPassword_second">{% trans %}Repeat password{% endtrans %}</label>
-                <input type="password" id="fos_user_registration_form_plainPassword_second" name="fos_user_registration_form[plainPassword][second]" />
+                {{ form_label(form.plainPassword.second) }}
+                {{ form_widget(form.plainPassword.second) }}
             </div>
         </div>
     </div>
-- 
cgit v1.2.3