|
|
|
@ -5,70 +5,61 @@ |
|
|
|
<title>Аутентификация</title> |
|
|
|
<meta name="robots" content="noindex"> |
|
|
|
<link rel="shortcut icon" href="/static/img/favicon_m.ico"> |
|
|
|
<link rel="stylesheet" href="/static/css/bootstrap.min.css"> |
|
|
|
<style> |
|
|
|
h3, h4, label { |
|
|
|
color: #383838; |
|
|
|
body{ |
|
|
|
background-color: #ececec; |
|
|
|
} |
|
|
|
|
|
|
|
body { |
|
|
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; |
|
|
|
font-size: 15px; |
|
|
|
.form-signin { |
|
|
|
max-width: 35%; |
|
|
|
min-width: 222px; |
|
|
|
margin: 10% auto; |
|
|
|
position: relative; |
|
|
|
} |
|
|
|
</style> |
|
|
|
</head> |
|
|
|
<body> |
|
|
|
<div class="panel panel-default form-signin"> |
|
|
|
<div class="panel-heading"> |
|
|
|
<h3 class="panel-title">Вход</h3> |
|
|
|
</div> |
|
|
|
<div class="panel-body"> |
|
|
|
<form role="form" action="{% url 'acc_app:login' %}{% if next %}?next={{ next }}{% endif %}" method="POST">{% csrf_token %} |
|
|
|
{% if errmsg %} |
|
|
|
<div class="alert alert-danger alert-dismissable"> |
|
|
|
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button> |
|
|
|
{{ errmsg }} |
|
|
|
</div> |
|
|
|
{% endif %} |
|
|
|
|
|
|
|
form { |
|
|
|
background-color: #ECECEC; |
|
|
|
padding: 30px 71px; |
|
|
|
border-radius: 4px; |
|
|
|
position: fixed; |
|
|
|
left: 50%; |
|
|
|
width: 322px; |
|
|
|
margin-top: 100px; |
|
|
|
margin-left: -275px; |
|
|
|
box-shadow: 4px 4px 8px #484848; |
|
|
|
border-top: 1px solid #FFF; |
|
|
|
border-left: 1px solid #FFF; |
|
|
|
} |
|
|
|
<div class="form-group"> |
|
|
|
<label for="inp_uname">Имя пользователя</label> |
|
|
|
<div class="input-group"> |
|
|
|
<span class="input-group-addon"><span class="glyphicon glyphicon-user"></span></span> |
|
|
|
<input type="text" id="inp_uname" placeholder="username" name="login" autofocus required class="form-control"> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
form * { |
|
|
|
display: block; |
|
|
|
} |
|
|
|
<div class="form-group"> |
|
|
|
<label for="inp_pass">Пароль</label> |
|
|
|
<div class="input-group"> |
|
|
|
<span class="input-group-addon"><span class="glyphicon glyphicon-lock"></span></span> |
|
|
|
<input type="password" id="inp_pass" name="password" class="form-control"> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
form input { |
|
|
|
width: 100%; |
|
|
|
border-radius: 5px; |
|
|
|
padding: 4px 8px; |
|
|
|
} |
|
|
|
<div class="btn-group"> |
|
|
|
<button type="submit" class="btn btn-sm btn-primary"> |
|
|
|
<span class="glyphicon glyphicon-save"></span> Сохранить |
|
|
|
</button> |
|
|
|
<button type="reset" class="btn btn-sm btn-default"> |
|
|
|
<span class="glyphicon glyphicon-remove-circle"></span> Сбросить |
|
|
|
</button> |
|
|
|
</div> |
|
|
|
|
|
|
|
</form> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
.err { |
|
|
|
background-color: #FFBDBD; |
|
|
|
padding: 1px 25px; |
|
|
|
color: #520000; |
|
|
|
border-radius: 3px; |
|
|
|
} |
|
|
|
</style> |
|
|
|
</head> |
|
|
|
<body> |
|
|
|
<form action="{% url 'acc_app:login' %}{% if next %}?next={{ next }}{% endif %}" method="POST">{% csrf_token %} |
|
|
|
{% if errmsg %} |
|
|
|
<div class="err"> |
|
|
|
<h4>{{ errmsg }}</h4> |
|
|
|
</div>{% endif %} |
|
|
|
<h3>Аутентификация, ваш ip:{{ client_ipaddress }}</h3> |
|
|
|
<label for="inp_uname">Имя пользователя</label> |
|
|
|
<input type="text" id="inp_uname" placeholder="username" name="login" autofocus> |
|
|
|
<br> |
|
|
|
<label for="inp_pass">Пароль</label> |
|
|
|
<input type="password" id="inp_pass" name="password"> |
|
|
|
<br> |
|
|
|
<input type="submit" value="Войти"> |
|
|
|
</form> |
|
|
|
<script> |
|
|
|
function resz() { |
|
|
|
var y = window.innerHeight || document.documentElement.clientHeight || document.getElementsByTagName('body')[0].clientHeight; |
|
|
|
document.body.style.height = y - 16 + 'px'; |
|
|
|
} |
|
|
|
window.onload = resz; |
|
|
|
document.body.onresize = resz; |
|
|
|
</script> |
|
|
|
</body> |
|
|
|
</html> |
Dmitry
9 years ago