parent
76ba577811
commit
ab18c14bbf
2 changed files with 353 additions and 1 deletions
@ -0,0 +1,351 @@ |
||||
{% load static %} |
||||
{% load active_link_tags %} |
||||
|
||||
{% load category_menu_items from lilcity_category %} |
||||
|
||||
<!DOCTYPE html> |
||||
<html> |
||||
|
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<title> |
||||
{% block title %}Онлайн-курсы LilCity{% endblock title%} |
||||
</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge"> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> |
||||
<meta name="theme-color" content="#fff"> |
||||
<meta name="format-detection" content="telephone=no"> |
||||
|
||||
<meta name="csrf-token" content="{{ csrf_token }}"> |
||||
<link rel="stylesheet" media="all" href={% static "app.css" %}> |
||||
<link rel="shortcut icon" type="image/png" href="{% static 'img/favicon.ico' %}"/> |
||||
<script> |
||||
var viewportmeta = document.querySelector('meta[name="viewport"]'); |
||||
if (viewportmeta) { |
||||
if (screen.width <= 360) { |
||||
var newScale = screen.width / 360; |
||||
viewportmeta.content = 'width=360, minimum-scale=' + newScale + ', user-scalable=0, maximum-scale=1, initial-scale=' + newScale + ''; |
||||
} |
||||
else { |
||||
viewportmeta.content = 'width=device-width, maximum-scale=1.6, initial-scale=1.0'; |
||||
} |
||||
} |
||||
|
||||
</script> |
||||
</head> |
||||
|
||||
<body> |
||||
<div class="outer js-outer"> |
||||
<header class="header header_bg js-header"> |
||||
<div class="header__center center"> |
||||
<div class="header__container"> |
||||
<button class="header__menu js-header-menu"> |
||||
<svg class="icon icon-menu"> |
||||
<use xlink:href={% static "img/sprite.svg" %}#icon-menu></use> |
||||
</svg> |
||||
</button> |
||||
<a class="header__logo logo" href="/"></a> |
||||
<div class="header__actions"> |
||||
<div class="header__status">СОХРАНЕНО</div> |
||||
<button class="header__btn btn btn_icon"> |
||||
<svg class="icon icon-eye"> |
||||
<use xlink:href="{% static 'img/sprite.svg' %}#icon-eye"></use> |
||||
</svg> |
||||
</button> |
||||
<button class="header__btn btn">ОПУБЛИКОВАТЬ</button> |
||||
</div> |
||||
{% if request.user.is_authenticated %} |
||||
<div class="header__login"> |
||||
{% if request.user.photo %} |
||||
<div class="header__ava ava"><img class="ava__pic" src="{{ request.user.photo.url }}"></div> |
||||
{% else %} |
||||
<div class="header__ava ava"><img class="ava__pic" src="{% static 'img/user.jpg' %}"></div> |
||||
{% endif %} |
||||
<div class="header__drop"> |
||||
{% comment %} <a class="header__link header__link_border" href="#">234.120.345 руб.</a> {% endcomment %} |
||||
{% if request.user.auth_token %} |
||||
{% if request.user.role == 1 or request.user.role == 2 %} |
||||
<a class="header__link header__link_green" href="{% url 'course_create' %}"> |
||||
{% comment %} <a class="header__link header__link_gray disabled" href="#"> {% endcomment %} |
||||
<div class="header__title">ДОБАВИТЬ КУРС</div> |
||||
</a> |
||||
{% endif %} |
||||
{% endif %} |
||||
<a class="header__link" href="{% url 'user' request.user.id %}"> |
||||
<div class="header__title">ПРОФИЛЬ</div> |
||||
</a> |
||||
<a class="header__link" href="#"> |
||||
<div class="header__title">НАСТРОЙКИ</div> |
||||
</a> |
||||
<a class="header__link" href="{% url 'lilcity:logout' %}"> |
||||
<div class="header__title">ВЫЙТИ</div> |
||||
</a> |
||||
</div> |
||||
</div> |
||||
{% else %} |
||||
<button class="header__enter js-header-enter" data-popup=".js-popup-auth">ВХОД |
||||
<svg class="icon icon-user"> |
||||
<use xlink:href={% static "img/sprite.svg" %}#icon-user></use> |
||||
</svg> |
||||
</button> |
||||
{% endif %} |
||||
</div> |
||||
</div> |
||||
{% if request.user.is_authenticated %} |
||||
{% if not request.user.is_email_proved and not request.user.fb_id %} |
||||
<div class="message message_error">Необходимо подтвердить электронную почту</div> |
||||
{% endif %} |
||||
{% endif %} |
||||
</header> |
||||
<div id="lilcity-vue-app" class="container"> |
||||
{% block content %}{% endblock content %} |
||||
</div> |
||||
<div class="popup js-popup-auth"> |
||||
<div class="popup__wrap js-popup-wrap"> |
||||
<button class="popup__close js-popup-close"> |
||||
<svg class="icon icon-close"> |
||||
<use xlink:href={% static "img/sprite.svg" %}#icon-close></use> |
||||
</svg> |
||||
</button> |
||||
<div class="popup__body"> |
||||
<div class="auth js-auth"> |
||||
<div class="auth__login js-auth-login"> |
||||
<div class="auth__nav"><a class="auth__type js-auth-type active" href="#">Войти</a><a |
||||
class="auth__type js-auth-type" href="#">РЕГИСТРАЦИЯ</a></div> |
||||
<div class="auth__body"> |
||||
<form id="learner-auth-form" method="post" action="{% url 'lilcity:login' %}"> |
||||
{% csrf_token %} |
||||
<div class="auth__tab js-auth-tab" style="display: block;"> |
||||
<div class="auth__enter js-auth-enter"> |
||||
<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"></div> |
||||
<div id="learner-auth-field-error__username" |
||||
class="field__error learner-auth-form__field-error"></div> |
||||
</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="#" 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 class="field__password-show"> |
||||
<button class="password-toggle" type="button"> |
||||
<svg class="icon icon-password-eye"> |
||||
<use xlink:href={% static "img/sprite.svg" %}#icon-password-eye></use> |
||||
</svg> |
||||
<svg class="icon icon-password-hidden-eye"> |
||||
<use xlink:href={% static "img/sprite.svg" %}#icon-password-hidden-eye></use> |
||||
</svg> |
||||
</button> |
||||
</div> |
||||
</div> |
||||
<div id="learner-auth-field-error__password" |
||||
class="field__error learner-auth-form__field-error"></div> |
||||
<div id="learner-auth-field-error__all" class="auth-register__common-error form__common-error learner-auth-form__field-error"></div> |
||||
</div> |
||||
<div class="auth__foot"> |
||||
<button id="learner-auth__button" class="auth__btn btn btn_light" tabindex="3">ВОЙТИ</button> |
||||
<div class="auth__or">или</div> |
||||
<button type="button" class="auth__btn btn btn_fb"> |
||||
<svg class="icon icon-facebook"> |
||||
<use xlink:href={% static "img/sprite.svg" %}#icon-facebook></use> |
||||
</svg> |
||||
<span class="btn__title">ЧЕРЕЗ FACEBOOK</span></button> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
<form id="learner-registration-form" method="post" action="{% url 'lilcity:registration-learner' %}"> |
||||
{% csrf_token %} |
||||
<div class="auth__tab js-auth-tab"> |
||||
<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=""></div> |
||||
<div id="learner-registration-field-error__first-name" |
||||
class="field__error learner-registration-form__field-error"></div> |
||||
</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=""></div> |
||||
<div id="learner-registration-field-error__last-name" |
||||
class="field__error learner-registration-form__field-error"></div> |
||||
</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"></div> |
||||
<div id="learner-registration-field-error__email" |
||||
class="field__error learner-registration-form__field-error"></div> |
||||
</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 class="field__password-show"> |
||||
<button class="password-toggle" type="button"> |
||||
<svg class="icon icon-password-eye"> |
||||
<use xlink:href={% static "img/sprite.svg" %}#icon-password-eye></use> |
||||
</svg> |
||||
<svg class="icon icon-password-hidden-eye"> |
||||
<use xlink:href={% static "img/sprite.svg" %}#icon-password-hidden-eye></use> |
||||
</svg> |
||||
</button> |
||||
</div> |
||||
</div> |
||||
<div id="learner-registration-field-error__password" |
||||
class="field__error learner-registration-form__field-error"></div> |
||||
|
||||
<div id="learner-registration-field-error__all" |
||||
class="auth-register__common-error form__common-error learner-registration-form__field-error"></div> |
||||
</div> |
||||
<div class="auth__text">Согласен с условиями обработки данных и возвратом услуги.</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 id="learner-registration-form__submit-button" class="auth__btn btn btn_light"> |
||||
ЗАРЕГИСТРИРОВАТЬСЯ |
||||
</button> |
||||
<div class="auth__or">или</div> |
||||
<button type="button" class="auth__btn btn btn_fb"> |
||||
<svg class="icon icon-facebook"> |
||||
<use xlink:href={% static "img/sprite.svg" %}#icon-facebook></use> |
||||
</svg> |
||||
<span class="btn__title">ЧЕРЕЗ FACEBOOK</span></button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
<div class="auth__pass js-auth-pass"> |
||||
<div class="auth__nav"> |
||||
<div class="auth__type active">ВОССТАНОВЛЕНИЕ ПАРОЛЯ</div> |
||||
</div> |
||||
<div class="auth__body"> |
||||
<div id="password-reset__form-wrapper"> |
||||
<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="#">Войти</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" class="auth__btn btn btn_light">ОТПРАВИТЬ</button> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
<div id="password-reset__sent" style="display: none;"> |
||||
<p>На ваш email отправлены инструкции по восстановлению пароля</p> |
||||
<div class="auth__foot"> |
||||
<button id="password-reset__success-hide" class="auth__btn btn btn_light js-auth-go-enter" type="button">Хорошо</button> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="popup js-popup-buy"> |
||||
<div class="popup__wrap popup__wrap_lg js-popup-wrap"> |
||||
<button class="popup__close js-popup-close"> |
||||
<svg class="icon icon-close"> |
||||
<use xlink:href={% static "img/sprite.svg" %}#icon-close></use> |
||||
</svg> |
||||
</button> |
||||
<div class="popup__body"> |
||||
<div class="buy"> |
||||
<div class="buy__row"> |
||||
<div class="buy__col"> |
||||
<div class="buy__head buy__head_main"> |
||||
<div class="buy__title">Выбор урока/дня</div> |
||||
<div class="buy__content">При записи на 5 уроков скидка 10%.</div> |
||||
</div> |
||||
</div> |
||||
<div class="buy__col"> |
||||
<div class="buy__head"> |
||||
<div class="buy__label">Месяц:</div> |
||||
<div class="buy__title">Январь</div> |
||||
<div class="buy__content">Если вы оплачиваете после 15 числа, доступ к урокам будет с 1-го следующего |
||||
месяца. |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="buy__col"> |
||||
<div class="buy__list"><label class="switch switch_lesson"><input class="switch__input" |
||||
type="checkbox"><span |
||||
class="switch__content"><span class="switch__cell">ПОНЕДЕЛЬНИК</span><span |
||||
class="switch__cell">5+</span><span class="switch__cell">Персонаж</span><span class="switch__cell">600р</span></span></label> |
||||
<label |
||||
class="switch switch_lesson"><input class="switch__input" type="checkbox" checked><span |
||||
class="switch__content"><span class="switch__cell">Вторник</span><span |
||||
class="switch__cell">5+</span><span class="switch__cell">Пластилиновая живопись</span><span |
||||
class="switch__cell">600р</span></span> |
||||
</label><label class="switch switch_lesson"><input class="switch__input" type="checkbox"><span |
||||
class="switch__content"><span class="switch__cell">Среда</span><span |
||||
class="switch__cell">5+</span><span class="switch__cell">Персонаж</span><span class="switch__cell">600р</span></span></label> |
||||
<label |
||||
class="switch switch_lesson"><input class="switch__input" type="checkbox" checked><span |
||||
class="switch__content"><span class="switch__cell">Четверг</span><span |
||||
class="switch__cell">5+</span><span class="switch__cell">Персонаж</span><span class="switch__cell">600р</span></span> |
||||
</label><label class="switch switch_lesson"><input class="switch__input" type="checkbox"><span |
||||
class="switch__content"><span class="switch__cell">Пятница</span><span |
||||
class="switch__cell">5+</span><span class="switch__cell">Развитие креативного мышления</span><span |
||||
class="switch__cell">600р</span></span></label> |
||||
<label |
||||
class="switch switch_lesson"><input class="switch__input" type="checkbox"><span |
||||
class="switch__content"><span class="switch__cell">Суббота</span><span |
||||
class="switch__cell">7+</span><span class="switch__cell">Персонаж</span><span class="switch__cell">600р</span></span> |
||||
</label><label class="switch switch_lesson"><input class="switch__input" type="checkbox" checked><span |
||||
class="switch__content"><span class="switch__cell">Воскресенье</span><span |
||||
class="switch__cell">7+</span><span class="switch__cell">Персонаж</span><span class="switch__cell">600р</span></span></label> |
||||
</div> |
||||
</div> |
||||
<div class="buy__col"> |
||||
<div class="order"> |
||||
<div class="order__wrap"> |
||||
<div class="order__title">Ваш заказ:</div> |
||||
<div class="order__preview"><img class="order__pic" src={% static "img/order.jpg" %}></div> |
||||
<div class="order__info"> |
||||
<div class="order__label">ШКОЛА</div> |
||||
<div class="order__days">Вторник, Четверг, Воскресенье</div> |
||||
</div> |
||||
<div class="order__foot"> |
||||
<div class="order__subtitle">Итого, за месяц:</div> |
||||
<div class="order__total">1800р.</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="buy__foot"><a class="buy__btn btn btn_md" href="#">ПЕРЕЙТИ К ОПЛАТЕ</a></div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<script type="text/javascript" src={% static "app.js" %}></script> |
||||
{% block foot %}{% endblock foot %} |
||||
</body> |
||||
|
||||
</html> |
||||
Loading…
Reference in new issue