|
|
<!-- Modal Зарегистрированый пользователь-->
|
|
|
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
|
|
<div class="modal-dialog modal-lg">
|
|
|
<div class="modal-content">
|
|
|
<div class="modal-header">
|
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="clear_form('registration_form', 'error_registration')"><span aria-hidden="true">×</span></button>
|
|
|
</div>
|
|
|
<div class="modal-body">
|
|
|
<div class="col-md-4 col-sm-5 col-xs-12 center_img" style="box-sizing: border-box;">
|
|
|
<img src="/static/img/registr.png" alt="">
|
|
|
</div>
|
|
|
<div class="col-md-8 col-sm-7 col-xs-12" style="box-sizing: border-box;">
|
|
|
<div class="activ">
|
|
|
<p class="modal-title" id="myModalLabel">Бесплатная регистрация</p>
|
|
|
<form action="" name="registration_form" onsubmit="return false;">
|
|
|
<p class="error" id="error_registration" style="display: none"></p>
|
|
|
<input class="padd_bottom" type="text" placeholder="E-mail" name="email" style="box-sizing: border-box;"><br>
|
|
|
<input class="padd_bottom" type="password" placeholder="Введите пароль" name="password1" style="box-sizing: border-box;"><br>
|
|
|
<input class="padd_bottom" type="password" placeholder="Подтвердите пароль" name="password2" style="box-sizing: border-box;"><br>
|
|
|
<button class="btn btn-warning btn-lg" onclick="registry_go()" style="box-sizing: border-box;">Зарегистрироваться</button>
|
|
|
</form>
|
|
|
|
|
|
<a href="#" data-toggle="modal" data-target="#myModal1" data-dismiss="modal" aria-label="Close" class="wht js-open-modal">Я уже зарегистрирован</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="modal-footer">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<!-- Modal Зарегистрированый пользователь-->
|
|
|
<div class="modal fade" id="ArticleRegister" tabindex="-1" role="dialog" aria-labelledby="ArticleRegister" aria-hidden="true" style="box-sizing: border-box;">
|
|
|
<div class="modal-dialog modal-lg">
|
|
|
<div class="modal-content">
|
|
|
<div class="modal-header" style=" box-sizing: border-box;">
|
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="clear_form('registration_form2', 'error_registration2')"><span aria-hidden="true">×</span></button>
|
|
|
</div>
|
|
|
<div class="modal-body" style="padding-left: 0;">
|
|
|
<div class="col-md-6 col-sm-6 col-xs-12 center_img" style="box-sizing: border-box;padding-left: 0;">
|
|
|
<img src="/static/img/article_auth.png" alt="" style="width: 100%;">
|
|
|
</div>
|
|
|
<div class="col-md-6 col-sm-6 col-xs-12" style="box-sizing: border-box;">
|
|
|
<div class="activ">
|
|
|
<p class="modal-title" id="myModalLabel" style="text-align: left;">Получите подборку лучших статей и видео о программировании, чтобы не тратить время на их поиск</p>
|
|
|
<p style=" font-size: 14px;
|
|
|
font-weight: normal;
|
|
|
text-align: left;"><span style="font-weight: bold;color: #669fff;">Введите адрес электронной почты</span>, который вы используете каждый день, нажмите <span style="font-weight: bold;color: #669fff;">«Зарегистрироваться»</span> и мы пришлем подборку лучших статей и видео о программировании.</p>
|
|
|
<form action="" name="registration_form2" onsubmit="return false;">
|
|
|
<p class="error" id="error_registration2" style="display: none"></p>
|
|
|
<input class="padd_bottom" type="text" placeholder="E-mail" name="email" style="box-sizing: border-box;"><br>
|
|
|
<input class="padd_bottom" type="password" placeholder="Введите пароль" name="password1" style="box-sizing: border-box;"><br>
|
|
|
<input class="padd_bottom" type="password" placeholder="Подтвердите пароль" name="password2" style="box-sizing: border-box;"><br>
|
|
|
<button class="btn btn-warning btn-lg" onclick="registry_go2()" style="box-sizing: border-box;
|
|
|
background: #0078ff;
|
|
|
border: 0;
|
|
|
color: #fff !important;" >Зарегистрироваться</button>
|
|
|
</form>
|
|
|
|
|
|
<a href="#" data-toggle="modal" data-target="#myModal1" data-dismiss="modal" aria-label="Close" class="wht js-open-modal" style="padding-top: 0;">Я уже зарегистрирован</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="modal-footer">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<!-- Modal Окно с после восст пароля -->
|
|
|
<div class="modal fade" id="PostRegistration" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
|
|
<div class="modal-dialog modal-lg">
|
|
|
<div class="modal-content">
|
|
|
<div class="modal-header">
|
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
|
</div>
|
|
|
<div class="modal-body">
|
|
|
<div class="col-md-5 col-sm-5 col-xs-12 center_img">
|
|
|
<img src="/static/img/pass_success.png" alt="">
|
|
|
</div>
|
|
|
<div class="col-md-7 col-sm-7 col-xs-12">
|
|
|
<div class="activ">
|
|
|
<p class="modal-title title1" id="myModalLabel">Успешная регистрация!</p>
|
|
|
<form method="post" action="/access/fast_auth/" name="final_form">
|
|
|
{% csrf_token %}
|
|
|
<p style="text-align: center; margin-top: 10px;"><input type="submit" class="btn btn-success btn-lg js-open-modal" value="Начать изучение" style=" text-align: center;"></p>
|
|
|
</form>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="modal-footer">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<!-- Modal Вход в систему -->
|
|
|
<div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModal1" aria-hidden="true">
|
|
|
<div class="modal-dialog modal-lg">
|
|
|
<div class="modal-content">
|
|
|
<div class="modal-header">
|
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="clear_form('auth_form', 'error_auth')"><span aria-hidden="true">×</span></button>
|
|
|
</div>
|
|
|
<div>
|
|
|
<div class="col-md-6 col-sm-6 col-xs-12 center_img" style="box-sizing: border-box; padding-left: 0;
|
|
|
text-align: left;">
|
|
|
<img src="/static/img/welcome-screen.png" alt="" style="width: 100%">
|
|
|
</div>
|
|
|
<div class="col-md-6 col-sm-6 col-xs-12" style="box-sizing: border-box;">
|
|
|
<div class="activ" style=" float: left;
|
|
|
width: 100%;
|
|
|
clear: both;">
|
|
|
<p class="modal-title" id="myModalLabel">Вход в систему</p>
|
|
|
<form action="" name="auth_form" onsubmit="return false;">
|
|
|
<p class="error" id="error_auth" style="background: #ffc;border-radius: 5px;display: none;"></p>
|
|
|
<input class="padd_bottom" type="text" placeholder="E-mail" name="email" style="box-sizing: border-box;"><br>
|
|
|
<input type="password" placeholder="Введите пароль" name="password" style="box-sizing: border-box;"><br>
|
|
|
<button class="btn btn-warning btn-lg" onclick="auth_go(false);" style="box-sizing: border-box;">Войти</button>
|
|
|
</form>
|
|
|
<div style="width: 100%; clear: both">
|
|
|
<a href="#" data-toggle="modal" data-target="#myModal" data-dismiss="modal" aria-label="Close" class="wht js-open-modal" style="width: 50%;padding: 0; float: left;">Создать аккаунт</a>
|
|
|
<a href="#" data-toggle="modal" data-target="#myModal3" data-dismiss="modal" aria-label="Close" class="wht js-open-modal" style="width: 50%;padding: 0; float: left;">Забыл пароль</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="modal-footer">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div class="modal fade" id="authNoneClose" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
|
|
<div class="modal-dialog modal-lg">
|
|
|
<div class="modal-content">
|
|
|
<div class="modal-header">
|
|
|
</div>
|
|
|
<div>
|
|
|
<div class="col-md-6 col-sm-6 col-xs-12 center_img" style="box-sizing: border-box; padding-left: 0;
|
|
|
text-align: left;">
|
|
|
<img src="/static/img/welcome-screen.png" alt="" style="width: 100%">
|
|
|
</div>
|
|
|
<div class="col-md-6 col-sm-6 col-xs-12">
|
|
|
<div class="activ">
|
|
|
<p class="modal-title" id="myModalLabel">Вход в систему</p>
|
|
|
<form name="error_auth_form" onsubmit="return false;">
|
|
|
<p class="error" id="error_auth" style="background: #ffc;border-radius: 5px;">Авторизуйтесь для доступа к контенту</p>
|
|
|
<input class="padd_bottom" type="text" placeholder="E-mail" name="email"><br>
|
|
|
<input type="password" placeholder="Введите пароль" name="password"><br>
|
|
|
<button class="btn btn-warning btn-lg" onclick="auth_go(true);">Войти</button>
|
|
|
</form>
|
|
|
<a href="#" data-toggle="modal" data-target="#myModal" data-dismiss="modal" aria-label="Close" class="wht app-aside js-open-modal" style="width: 50%;">Создать аккаунт</a>
|
|
|
<a href="#" data-toggle="modal" data-target="#myModal3" data-dismiss="modal" aria-label="Close" class="wht app-aside js-open-modal" style="width: 50%;">Забыл пароль</a>
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="modal-footer">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Modal Восстановления пароля -->
|
|
|
<div class="modal fade" id="myModal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
|
|
<div class="modal-dialog modal-lg">
|
|
|
<div class="modal-content">
|
|
|
<div class="modal-header">
|
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="clear_form('forgot_form', 'error_forgot')"><span aria-hidden="true">×</span></button>
|
|
|
</div>
|
|
|
<div>
|
|
|
<div class="col-md-5 col-sm-5 col-xs-12 center_img">
|
|
|
<img src="/static/img/pass_reset.png" alt="">
|
|
|
</div>
|
|
|
<div class="col-md-7 col-sm-7 col-xs-12">
|
|
|
<div class="activ">
|
|
|
<p class="modal-title title1" id="myModalLabel">Восстановление пароля</p>
|
|
|
<form action="" class="m-t-md" onsubmit="return false;" name="forgot_form">
|
|
|
<p class="error" id="error_forgot" style="display: none"></p>
|
|
|
<input type="email" placeholder="E-mail" name="email"><br>
|
|
|
<button class="btn btn-warning btn-lg" onclick="forgot()">Восстановить пароль</button>
|
|
|
</form>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="modal-footer">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<!-- Modal Окно с после восст пароля -->
|
|
|
<div class="modal fade" id="myModal4" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
|
|
<div class="modal-dialog modal-lg">
|
|
|
<div class="modal-content">
|
|
|
<div class="modal-header">
|
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
|
</div>
|
|
|
<div class="modal-body">
|
|
|
<div class="col-md-5 col-sm-5 col-xs-12 center_img">
|
|
|
<img src="/static/img/pass_success.png" alt="">
|
|
|
</div>
|
|
|
<div class="col-md-7 col-sm-7 col-xs-12">
|
|
|
<div class="activ">
|
|
|
<p class="modal-title title1" id="myModalLabel">Восстановление пароля</p>
|
|
|
<p class="text_myModal4">Письмо с информацией отправлено на почту</p>
|
|
|
<button class="btn btn-warning btn-lg js-open-modal" data-dismiss="modal" aria-label="Close">Закрыть</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="modal-footer">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<!-- Modal Окно с после восст пароля -->
|
|
|
<div class="modal fade" id="NewPasswordSent" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
|
|
<div class="modal-dialog modal-lg">
|
|
|
<div class="modal-content">
|
|
|
<div class="modal-header">
|
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
|
</div>
|
|
|
<div class="modal-body">
|
|
|
<div class="col-md-5 col-sm-5 col-xs-12 center_img">
|
|
|
<img src="/static/img/pass_success.png" alt="">
|
|
|
</div>
|
|
|
<div class="col-md-7 col-sm-7 col-xs-12">
|
|
|
<div class="activ">
|
|
|
<p class="modal-title title1" id="myModalLabel">Восстановление пароля</p>
|
|
|
<p class="text_myModal4">Новый пароль отправлен на вашу почту</p>
|
|
|
<button type="button" class="btn btn-warning btn-lg js-open-modal" data-dismiss="modal" aria-label="Close">Закрыть</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="modal-footer">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<!-- Modal Окно с после восст пароля -->
|
|
|
<div class="modal fade" id="youblocked" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
|
|
<div class="modal-dialog modal-lg">
|
|
|
<div class="modal-content" style="background: #f2f2f2;">
|
|
|
<div class="modal-header">
|
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
|
</div>
|
|
|
<div class="modal-body">
|
|
|
<div class="col-md-5 col-sm-5 col-xs-12 center_img">
|
|
|
<img src="/static/img/oops.jpg" alt="" style="width: 100%;">
|
|
|
</div>
|
|
|
<div class="col-md-7 col-sm-7 col-xs-12">
|
|
|
<div class="activ">
|
|
|
<p class="modal-title title1" id="myModalLabel">Пользователь заблокирован</p>
|
|
|
<p style="text-align: left;font-weight: normal;">С вашего аккаунта замечена подозрительная активность c (<span name="youblocked_len"></span>) IP адресов. Аккаунт временно заблокирован, просим для уточнения обратиться в администрацию на почту hello@skillbox.ru</p>
|
|
|
<button type="button" class="btn btn-warning btn-lg js-open-modal" data-dismiss="modal" aria-label="Close">Закрыть</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="modal-footer">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
{% if request.GET.userblocked %}
|
|
|
<script>
|
|
|
$('#youblocked').modal('show');
|
|
|
$('[name="youblocked_len"]').html({{ request.GET.userblocked }})
|
|
|
</script>
|
|
|
{% endif %} |
