remotes/origin/feature/packages-page-1-08-19
gzbender
7 years ago
commit
407590f5a1
11 changed files with 369 additions and 102 deletions
@ -0,0 +1,49 @@ |
||||
{% extends "templates/lilcity/layer.html" %} {% load static %} |
||||
|
||||
{% block layer_body %} |
||||
<div class="outer js-outer"> |
||||
{% include "templates/blocks/header.html" with no_auth_btn=True %} |
||||
<div id="lilcity-vue-app" class="container"> |
||||
<div class="section"> |
||||
<div class="section__center center" style="max-width: 400px;"> |
||||
<div class="title">Авторизация</div> |
||||
<form id="learner-auth-form" method="post" action="{% url 'lilcity:login' %}" data-no-ajax="1"> |
||||
{% csrf_token %} |
||||
<div id="learner-auth-field__username" class="auth__field field learner-auth-form__field"> |
||||
<div class="field__label">ПОЧТА</div> |
||||
<div class="field__wrap"> |
||||
<input id="learner-auth-form__email" class="field__input" type="email" name="username" placeholder="name@website.com" |
||||
tabindex="1" value="{{ form.username.value|default:'' }}" /> |
||||
</div> |
||||
{% for error in form.username.errors %} |
||||
<div class="field__error learner-auth-form__field-error" style="display: block;">{{ error }}</div> |
||||
{% endfor %} |
||||
</div> |
||||
<div id="learner-auth-field__password" class="auth__field field learner-auth-form__field"> |
||||
<div class="field__label">ПАРОЛЬ |
||||
<a class="field__link js-auth-go-pass" href="{% url 'lilcity:password_reset' %}" tabindex="4">Забыли пароль? |
||||
</a> |
||||
</div> |
||||
<div class="field__wrap"> |
||||
<input id="learner-auth-form__password" class="field__input field__input--password" name="password" |
||||
type="password" placeholder="Минимум 5 символов" tabindex="2" /> |
||||
</div> |
||||
{% for error in form.password.errors %} |
||||
<div class="field__error learner-auth-form__field-error" style="display: block;">{{ error }}</div> |
||||
{% endfor %} |
||||
{% for error in form.non_field_errors %} |
||||
<div class="auth-register__common-error |
||||
form__common-error learner-auth-form__field-error" style="display: block;">{{ error }}</div> |
||||
{% endfor %} |
||||
</div> |
||||
<div class="auth__foot"> |
||||
<button id="learner-auth__button" class="auth__btn btn btn_light" tabindex="3" type="submit">ВОЙТИ</button> |
||||
<div class="auth__or">или</div> |
||||
<a href="{% url 'lilcity:registration-learner' %}" class="auth__btn btn">Зарегистрироваться</a> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{% endblock layer_body %} |
||||
@ -1,14 +1,32 @@ |
||||
{% extends "notification/email/_base.html" %} |
||||
{% extends "templates/lilcity/layer.html" %} {% load static %} |
||||
|
||||
{% block content %} |
||||
<p style="margin: 0 0 20px">Для восстановления пароля нажмите кнопку ниже.</p> |
||||
<div style="margin-bottom: 10px;"> |
||||
<a href="{{ domain }}{% url 'lilcity:password_reset_confirm' uidb64=uid token=token %}" |
||||
style="text-decoration: none; position: relative; padding: 13px 24px 12px; |
||||
background-image: linear-gradient(-225deg, #D1FF7F 0%, #56FFFD 100%); display: inline-block; |
||||
border-radius: 3px; font-size: 12px; color: #191919; text-transform: uppercase; |
||||
letter-spacing: 2px; text-align: center; transition: all .2s; z-index: 2;">Нажмите для восстановления</a> |
||||
<p>Или скопируйте ссылку ниже, и вставьте её в адресную строку браузера.</p> |
||||
<p>{{ domain }}{% url 'lilcity:password_reset_confirm' uidb64=uid token=token %}</p> |
||||
</div> |
||||
{% endblock content %} |
||||
{% block layer_body %} |
||||
<div class="outer js-outer"> |
||||
{% include "templates/blocks/header.html" with no_auth_btn=True %} |
||||
<div id="lilcity-vue-app" class="container"> |
||||
<div class="section"> |
||||
<div class="section__center center" style="max-width: 400px;"> |
||||
<div class="title">Восстановление пароля</div> |
||||
<form id="password-reset-form" method="post" action="{% url 'lilcity:password_reset' %}"> |
||||
{% csrf_token %} |
||||
<div class="auth__enter js-auth-enter"> |
||||
<div id="password-reset__email-field" class="auth__field field"> |
||||
<div class="field__label">ПОЧТА |
||||
<a class="field__link js-auth-go-enter" href="{% url 'lilcity:login' %}">Войти</a> |
||||
</div> |
||||
<div class="field__wrap"> |
||||
<input id="password-reset__email" class="field__input" type="email" name="email" placeholder="name@website.com"> |
||||
</div> |
||||
<div id="password-reset-field-error__email" class="field__error password-reset-form__field-error"></div> |
||||
<div id="password-reset-field-error__all" class="form__common-error password-reset-form__field-error"></div> |
||||
</div> |
||||
<div class="auth__foot"> |
||||
<button id="password-reset__button" type="submit" class="auth__btn btn btn_light">ОТПРАВИТЬ</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{% endblock layer_body %} |
||||
|
||||
@ -0,0 +1,14 @@ |
||||
{% extends "notification/email/_base.html" %} |
||||
|
||||
{% block content %} |
||||
<p style="margin: 0 0 20px">Для восстановления пароля нажмите кнопку ниже.</p> |
||||
<div style="margin-bottom: 10px;"> |
||||
<a href="{{ domain }}{% url 'lilcity:password_reset_confirm' uidb64=uid token=token %}" |
||||
style="text-decoration: none; position: relative; padding: 13px 24px 12px; |
||||
background-image: linear-gradient(-225deg, #D1FF7F 0%, #56FFFD 100%); display: inline-block; |
||||
border-radius: 3px; font-size: 12px; color: #191919; text-transform: uppercase; |
||||
letter-spacing: 2px; text-align: center; transition: all .2s; z-index: 2;">Нажмите для восстановления</a> |
||||
<p>Или скопируйте ссылку ниже, и вставьте её в адресную строку браузера.</p> |
||||
<p>{{ domain }}{% url 'lilcity:password_reset_confirm' uidb64=uid token=token %}</p> |
||||
</div> |
||||
{% endblock content %} |
||||
@ -1,10 +1,92 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
<head> |
||||
<meta charset="UTF-8"> |
||||
<title>Title</title> |
||||
</head> |
||||
<body> |
||||
|
||||
</body> |
||||
</html> |
||||
{% extends "templates/lilcity/layer.html" %} {% load static %} |
||||
|
||||
{% block layer_body %} |
||||
<div class="outer js-outer"> |
||||
{% include "templates/blocks/header.html" with no_auth_btn=True %} |
||||
<div id="lilcity-vue-app" class="container"> |
||||
<div class="section"> |
||||
<div class="section__center center" style="max-width: 400px;"> |
||||
<div class="title">Регистрация</div> |
||||
<form id="learner-registration-form" method="post" action="{% url 'lilcity:registration-learner' %}"> |
||||
{% csrf_token %} |
||||
|
||||
{% if referrer %} |
||||
<input type="hidden" name="referrer" value="{{ referrer.id }}"> |
||||
<div class="auth__text"> |
||||
Спасибо за то, что вы с нами! Вас пригласил ваш друг {{ referrer.get_full_name }}. |
||||
При первой покупке {{ config.REFERRAL_BONUS }}% от суммы услуги будут зачислены на ваш бонусный счет. |
||||
Приятного обучения! |
||||
</div> |
||||
{% endif %} |
||||
<div class="auth__fieldset"> |
||||
<div id="learner-registration-field__first-name" class="auth__field field learner-registration-form__field"> |
||||
<div class="field__label">ИМЯ</div> |
||||
<div class="field__wrap"> |
||||
<input id="learner-registration-form__first-name" class="field__input" type="text" name="first_name" |
||||
placeholder="" value="{{ form.first_name.value|default:'' }}"> |
||||
</div> |
||||
{% for error in form.first_name.errors %} |
||||
<div id="learner-registration-field-error__first-name" style="display: block;" |
||||
class="field__error learner-registration-form__field-error">{{ error }}</div> |
||||
{% endfor %} |
||||
</div> |
||||
<div id="learner-registration-field__last-name" class="auth__field field learner-registration-form__field"> |
||||
<div class="field__label">ФАМИЛИЯ</div> |
||||
<div class="field__wrap"> |
||||
<input id="learner-registration-form__last-name" class="field__input" type="text" name="last_name" |
||||
placeholder="" value="{{ form.last_name.value|default:'' }}"> |
||||
</div> |
||||
{% for error in form.last_name.errors %} |
||||
<div id="learner-registration-field-error__last-name" style="display: block;" |
||||
class="field__error learner-registration-form__field-error">{{ error }}</div> |
||||
{% endfor %} |
||||
</div> |
||||
</div> |
||||
<div id="learner-registration-field__email" class="auth__field field learner-registration-form__field"> |
||||
<div class="field__label">ПОЧТА</div> |
||||
<div class="field__wrap"> |
||||
<input id="learner-registration-form__email" class="field__input" type="email" name="email" |
||||
placeholder="name@website.com" value="{{ form.email.value|default:'' }}"> |
||||
</div> |
||||
{% for error in form.email.errors %} |
||||
<div style="display: block;" class="field__error learner-registration-form__field-error">{{ error }}</div> |
||||
{% endfor %} |
||||
</div> |
||||
<div id="learner-registration-field__password" class="auth__field field learner-registration-form__field"> |
||||
<div class="field__label">ПАРОЛЬ</div> |
||||
<div class="field__wrap"> |
||||
<input id="learner-registration-form__password" class="field__input field__input--password" type="password" name="password" |
||||
placeholder="Минимум 5 символов"> |
||||
|
||||
</div> |
||||
{% for error in form.password.errors %} |
||||
<div style="display: block;" class="field__error learner-registration-form__field-error">{{ error }}</div> |
||||
{% endfor %} |
||||
|
||||
{% for error in form.non_field_errors %} |
||||
<div style="display: block;" |
||||
class="auth-register__common-error form__common-error learner-registration-form__field-error">{{ error }}</div> |
||||
{% endfor %} |
||||
{% if error %} |
||||
<div style="display: block;" |
||||
class="auth-register__common-error form__common-error learner-registration-form__field-error">{{ error }}</div> |
||||
{% endif %} |
||||
</div> |
||||
<div class="auth__text"> |
||||
Согласен с <a target="_blank" href="{% url 'privacy' %}">условиями обработки данных</a> и <a target="_blank" href="{% url 'refund_policy' %}">возвратом услуги</a>. |
||||
</div> |
||||
<label class="auth__label switch"> |
||||
<input class="switch__input" name="newsletter" value="true" type="checkbox" checked> |
||||
<span class="switch__content">Согласен на важную рассылку: новости школы и курсов</span> |
||||
</label> |
||||
<div class="auth__foot"> |
||||
<button class="auth__btn btn btn_light"> |
||||
ЗАРЕГИСТРИРОВАТЬСЯ |
||||
</button> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{% endblock layer_body %} |
||||
|
||||
Loading…
Reference in new issue