erjemin/2022_oknardia
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

подгружаемое меню user для меню и все варианты его обработки

Browse Source
This commit is contained in:
Sergei Erjemin
2022-11-05 19:17:26 +03:00
parent bf5de5b25e
commit 86c720d946
8 changed files with 802 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

130
oknardia/templates/user_manager/login-logout.html Executable file
View File

@@ -0,0 +1,130 @@
{% load static %}{% comment %}
ШАБЛОН LOGIN-LOGOUT
Во избежании высоких нагрузок на сервер и для ускорения загрузки страницы
организована AJAX-подгрузка блока LOGIN-LOGOUT на уровне фронтенда (клиента).
Кеширование этого блока (и запросов с ним связанным) позволит снизить нагрузки.
В дальнейшем, в случае высоких нагрузок на сервис, возможна простая деградация
с помощью отключения этого блока. Также возможен перенос исполнения функционала
LOGIN-LOGOUT на отдельный сервер.
Даннеа Google reCAPTCHA: https://www.google.com/recaptcha/admin#site/319090428?setup
Публичный Ключ: 6Lf87gQTAAAAALmkG5ZsO0eJSvdSXcRvkxoPJCDB
Секретный ключ: 6Lf87gQTAAAAADlqsJQToiWqg7urOWPrbfG_9zJB
{% endcomment %}
<script type="text/javascript">
$.ajaxSetup({ cache: true , dataType: 'script' }); // включить кеширование подгружаемых JS-скриптов
$.getScript ( "{% static 'js/login_out.js' %}" ); // подгрузить JS-скрипт
</script>
{% if LOGGED_USER != "" %}<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-user"></span> {{ user.username|truncatechars:12 }} <b class="caret"></b></a>
<ul class="form-group form-group-sm dropdown-menu nav navbar-nav navbar-right" role="menu">
<form id="logout-form">{% csrf_token %}
<input type="hidden" name="status" value="" id="status">
<div class="input-group">
<a href="#">Настройки пользователя
<span class="glyphicon glyphicon-cog pull-right"></span></a>
</div>
<div class="input-group">
<a href="#">Статистика
<span class="glyphicon glyphicon-stats pull-right"></span></a>
</div>
<div class="input-group">
<a href="#">Отслеживается запросов
<small class="badge pull-right"> 2 </small></a>
</div>
<div class="input-group">
<a href="#">Новых предложений
<small class="badge pull-right"> 42 </small></a>
</div>
<div class="input-group" style="border:none;">
<button type="submit" class="btn btn-default btn-sm pull-right" name="logout" onclick="$('#status').val('logout');">Выйти&nbsp;<span class="glyphicon glyphicon-log-out"></span></button>
</div>
</form>
</ul>
{% else %}<a href="#" class="dropdown-toggle" data-toggle="dropdown" onclick="in_ntr();" rel="nofollow"><span class="glyphicon glyphicon-user"></span> Вход <b class="caret"></b></a>
<ul class="form-group form-group-sm dropdown-menu nav navbar-nav navbar-right" role="menu">
<form id="login-reg-restore-form">{% csrf_token %}
<input type="hidden" name="status" value="" id="status">
<div class="input-group">
<span class="input-group-addon"><span class="glyphicon glyphicon-user"></span></span>
<input type="text" class="form-control" id="username" name="username" placeholder="login" />
<span class="input-group-addon check-it">
<i class="glyphicon glyphicon-ok-sign" id="valid-username"></i>
</span>
</div>
<dIV class="collapse" id="ili">
<small class="input-group">или<br/></small>
</dIV>
<dIV class="collapse" id="mail">
<div class="input-group">
<span class="input-group-addon">@</span>
<input type="email" class="form-control" id="email" name="email" placeholder="you@email.ru" />
<span class="input-group-addon check-it">
<i class="glyphicon glyphicon-ok-sign" id="valid-email"></i>
</span>
</div>
</dIV>
<dIV class="collapse" id="pwd1">
<div class="input-group">
<span class="input-group-addon"><small class="glyphicon glyphicon-lock"></small></span>
<input type="password" class="form-control" id="password" name="password" placeholder="password" data-toggle="popover" />
<span class="input-group-addon check-it">
<i class="glyphicon glyphicon-ok-sign" id="valid-password"></i>
</span>
<span class="input-group-btn">
<button class="btn btn-default" id="look_pwd1" type="button"><small><small class="glyphicon glyphicon-eye-open"></small></small></button>
</span>
</div>
</dIV>
<dIV class="collapse" id="pwd_comment">
<i class="glyphicon glyphicon-info-sign"></i> <span id="pwd_comment_text"><!--- Содержимое этого блока будет подменяться во время набора и валидации пароля --->Шесть (или более) букв (прописных и строчных) и цифр</span>
</dIV>
<dIV class="collapse" id="pwd2">
<div class="input-group">
<span class="input-group-addon"><small class="glyphicon glyphicon-lock"></small></span>
<input type="password" class="form-control" id="password_repeat" name="password_repeat" placeholder="повторите passport" />
<span class="input-group-addon check-it">
<i class="glyphicon glyphicon-ok-sign" id="valid-password-repeat"></i>
</span>
<span class="input-group-btn">
<button class="btn btn-default" id="look_pwd2" type="button"><small><small class="glyphicon glyphicon-eye-open"></small></small></button>
</span>
</div>
</dIV>
<dIV class="collapse" id="capt">
<div class="input-group" id="captcha"><!---сюда по onclick="$('#captcha').load('/captcha');" подгрузится капча ---></div>
</dIV>
<dIV class="collapse" id="b_vhod">
<div class="input-group"><nobr>
<button type="submit" class="btn btn-primary btn-sm" name="enter" onclick="$('#status').val('enter');">Войти</button>
<small>
<a href="#" data-toggle="collapse" data-target="#b_reg" onclick="in_reg();" rel="nofollow">Регистрация</a>
<a href="#" data-toggle="collapse" data-target="#b_vost" onclick="in_vost();" rel="nofollow">Воcстановить пароль</a>
</small>
</nobr></div>
</dIV>
<dIV class="collapse" id="b_vost">
<div class="input-group"><nobr>
<button type="submit" class="btn btn-primary btn-sm" name="restore" id="restore" onclick="$('#status').val('restore');">Восстановить пароль</button>
<small>
<a href="#" data-toggle="collapse" data-target="#b_reg" onclick="in_reg();" rel="nofollow">Регистрация</a>
<a href="#" data-toggle="collapse" data-target="#b_vhod" onclick="in_ntr();" rel="nofollow">Войти</a>
</small>
</nobr></div>
</dIV>
<dIV class="collapse" id="b_reg">
<div class="input-group"><nobr>
<button type="submit" class="btn btn-default btn-sm" name="registration" onclick="$('#status').val('registration');"><i class="glyphicon glyphicon-ok"></i>&nbsp;Регистрация</button>
<small>
<a href="#" data-toggle="collapse" data-target="#b_vhod" onclick="in_ntr();" rel="nofollow">Войти</a>
<a href="#" data-toggle="collapse" data-target="#b_vost" onclick="in_vost();" rel="nofollow">Воcстановить пароль</a>
</small>
</nobr></div>
</dIV>
</form>
</ul>
{% endif %}