pierre/wallabag
1
0
Fork 0
forked from wallabag/wallabag
Code Issues Pull Requests Packages Projects Releases 1 Wiki Activity

material design for register/login/recover pages

Browse Source
This commit is contained in:
Nicolas Lœuillet
2015-10-05 22:16:18 +02:00
parent 4c5e544183
commit ec3ce598f6
29 changed files with 385 additions and 338 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/Wallabag/UserBundle/Resources/views/themes/material/Registration/checkEmail.html.twig Normal file
View File

@ -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 %}

17
src/Wallabag/UserBundle/Resources/views/themes/material/Registration/confirmed.html.twig Normal file
View File

@ -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 %}

32
src/Wallabag/UserBundle/Resources/views/themes/material/Registration/register.html.twig
View File

@ -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 %}

40
src/Wallabag/UserBundle/Resources/views/themes/material/Registration/register_content.html.twig
View File

@ -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>