auth vk
This commit is contained in:
Egor Matveev
@@ -2,41 +2,6 @@
|
||||
|
||||
{% block title %}Вход{% endblock %}
|
||||
|
||||
{% block scripts %}
|
||||
function send_code() {
|
||||
const p = document.getElementById('message');
|
||||
if (document.getElementById('state').value == 'code') {
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: '/send_code',
|
||||
data: {"username": document.getElementById('username').value, "csrfmiddlewaretoken": document.getElementsByName('csrfmiddlewaretoken')[0].value, "action": "create"},
|
||||
success: function(data) {
|
||||
if (data['success']) {
|
||||
document.getElementById('code').hidden = false;
|
||||
document.getElementById('enter').firstChild.data = "Вход";
|
||||
document.getElementById('state').value = "verify";
|
||||
p.innerHTML = '';
|
||||
} else {
|
||||
p.innerHTML = data['message'];
|
||||
}
|
||||
}});
|
||||
} else {
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: '/send_code',
|
||||
data: {"username": document.getElementById('username').value, "code": document.getElementById('code').value, "csrfmiddlewaretoken": document.getElementsByName('csrfmiddlewaretoken')[0].value, "action": "check"},
|
||||
success: function(data) {
|
||||
if (data['success']) {
|
||||
window.location.href = '/';
|
||||
} else {
|
||||
p.innerHTML = data['message'];
|
||||
}
|
||||
},
|
||||
});
|
||||
}
|
||||
}
|
||||
{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<div class="center">
|
||||
<center>
|
||||
@@ -44,18 +9,21 @@
|
||||
<table><tr><td><img style="height: 80px; width: 80px;" src="/static/assets/img/brand/dark.svg" /></td><td><h1>Sprint</h1></td></tr></table>
|
||||
</div>
|
||||
<div>
|
||||
<p id="message" style="color: red;"></p>
|
||||
{% csrf_token %}
|
||||
<input type="text" class="form" name="username" id="username" placeholder="username"><br>
|
||||
<input type="password" class="form" name="code" id="code" placeholder="code" hidden><br>
|
||||
<input type="hidden" id="state" value="code">
|
||||
<button type="button" onclick="send_code()" id="enter" class="sub btn btn-dark form">Отправить код</button>
|
||||
<form method="POST">
|
||||
<p id="message" style="color: red;"></p>
|
||||
{% csrf_token %}
|
||||
<input type="text" class="form" name="username" id="username" placeholder="Имя пользователя или email"><br>
|
||||
<input type="password" class="form" name="password" placeholder="пароль"><br>
|
||||
<input type="hidden" id="state" value="code">
|
||||
<button type="submit" id="enter" class="sub btn btn-dark form">Вход</button>
|
||||
</form>
|
||||
</div>
|
||||
<div>
|
||||
<a href="https://t.me/sprint_notifications_bot" target="_blank" class="sub btn btn-dark form">Регистрация</a>
|
||||
<a href="/register" class="sub btn btn-dark form">Регистрация</a>
|
||||
</div><br>
|
||||
или войти с помощью<br><br>
|
||||
<a href="https://oauth.vk.com/authorize?client_id=8123759&redirect_uri=http://dev.sprinthub.ru/vk_auth&display=page&response_type=token&v=5.59"><img style="width: 40px; height: 40px;" src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f3/VK_Compact_Logo_%282021-present%29.svg/1200px-VK_Compact_Logo_%282021-present%29.svg.png"></a>
|
||||
<a href="https://oauth.vk.com/authorize?client_id=8123759&redirect_uri=http://192.168.0.146:8000/vk_auth&display=page&response_type=token&v=5.59"><img style="width: 40px; height: 40px;" src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f3/VK_Compact_Logo_%282021-present%29.svg/1200px-VK_Compact_Logo_%282021-present%29.svg.png"></a>
|
||||
<a href="/telegram_enter"><img style="width: 40px; height: 40px; margin-left: 10px;" src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/82/Telegram_logo.svg/640px-Telegram_logo.svg.png"></a>
|
||||
</center>
|
||||
</div>
|
||||
{% endblock %}
|
||||
107
templates/register.html
Normal file
107
templates/register.html
Normal file
@@ -0,0 +1,107 @@
|
||||
{% extends 'base.html' %}
|
||||
|
||||
{% block title %}Вход{% endblock %}
|
||||
|
||||
{% block scripts %}
|
||||
var data = {
|
||||
'username': false,
|
||||
'name': false,
|
||||
'surname': false,
|
||||
'name': false,
|
||||
'password': false
|
||||
}
|
||||
function checkData() {
|
||||
var result = true;
|
||||
for (const [key, value] of Object.entries(data)) {
|
||||
result = result && value;
|
||||
}
|
||||
const button = document.getElementById('register');
|
||||
button.disabled = !result;
|
||||
}
|
||||
function checkUsername() {
|
||||
const username = document.getElementById('username');
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: '/check_new',
|
||||
data: {"username": username.value, "csrfmiddlewaretoken": document.getElementsByName('csrfmiddlewaretoken')[0].value, "action": "check_username"},
|
||||
statusCode: {
|
||||
200: function() {
|
||||
username.style.backgroundColor = '#00FF00AA';
|
||||
data['username'] = true;
|
||||
},
|
||||
400: function() {
|
||||
username.style.backgroundColor = '#FF0000AA';
|
||||
data['username'] = false;
|
||||
}
|
||||
}
|
||||
});
|
||||
checkData();
|
||||
}
|
||||
function simpleCheck(element) {
|
||||
const username = document.getElementById(element);
|
||||
if (username.value !== "") {
|
||||
username.style.backgroundColor = '#00FF00AA';
|
||||
data[element] = true;
|
||||
} else {
|
||||
username.style.backgroundColor = '#FF0000AA';
|
||||
data[element] = false;
|
||||
}
|
||||
checkData();
|
||||
}
|
||||
function checkEmail() {
|
||||
const username = document.getElementById('email');
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: '/check_new',
|
||||
data: {"email": username.value, "csrfmiddlewaretoken": document.getElementsByName('csrfmiddlewaretoken')[0].value, "action": "check_email"},
|
||||
statusCode: {
|
||||
200: function() {
|
||||
username.style.backgroundColor = '#00FF00AA';
|
||||
data['email'] = true;
|
||||
},
|
||||
400: function() {
|
||||
username.style.backgroundColor = '#FF0000AA';
|
||||
data['email'] = false;
|
||||
}
|
||||
}
|
||||
});
|
||||
checkData();
|
||||
}
|
||||
function checkPassword() {
|
||||
const password = document.getElementById('password');
|
||||
const repeat = document.getElementById('repeat');
|
||||
if (password.value !== repeat.value) {
|
||||
password.style.backgroundColor = '#FF0000AA';
|
||||
repeat.style.backgroundColor = '#FF0000AA';
|
||||
data['password'] = false;
|
||||
} else {
|
||||
password.style.backgroundColor = '#00FF00AA';
|
||||
repeat.style.backgroundColor = '#00FF00AA';
|
||||
data['password'] = true;
|
||||
}
|
||||
checkData();
|
||||
}
|
||||
{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<div class="center">
|
||||
<center>
|
||||
<div>
|
||||
<table><tr><td><img style="height: 80px; width: 80px;" src="/static/assets/img/brand/dark.svg" /></td><td><h1>Sprint</h1></td></tr></table>
|
||||
</div>
|
||||
<div>
|
||||
<form method="POST">
|
||||
<p id="message" style="color: red;"></p>
|
||||
{% csrf_token %}
|
||||
<input type="text" class="form" name="username" onchange="checkUsername();" id="username" placeholder="username"><br>
|
||||
<input type="email" class="form" name="email" onchange="checkEmail();" id="email" placeholder="email"><br>
|
||||
<input type="text" class="form" name="surname" onchange="simpleCheck('surname');" id="surname" placeholder="Фамилия"><br>
|
||||
<input type="text" class="form" name="name" onchange="simpleCheck('name');" id="name" placeholder="Имя"><br>
|
||||
<input type="password" class="form" name="password" id="password" onchange="checkPassword();" placeholder="Пароль"><br>
|
||||
<input type="password" class="form" name="repeat" id="repeat" onchange="checkPassword();" placeholder="Повторить пароль"><br>
|
||||
<button type="submit" id="register" disabled class="sub btn btn-dark form">Регистрация</button>
|
||||
</form>
|
||||
</div>
|
||||
</center>
|
||||
</div>
|
||||
{% endblock %}
|
||||
55
templates/set_username.html
Normal file
55
templates/set_username.html
Normal file
@@ -0,0 +1,55 @@
|
||||
{% extends 'base.html' %}
|
||||
|
||||
{% block title %}Вход{% endblock %}
|
||||
|
||||
{% block scripts %}
|
||||
var data = {
|
||||
'username': false,
|
||||
}
|
||||
function checkData() {
|
||||
var result = true;
|
||||
for (const [key, value] of Object.entries(data)) {
|
||||
result = result && value;
|
||||
}
|
||||
const button = document.getElementById('register');
|
||||
button.disabled = !result;
|
||||
}
|
||||
function checkUsername() {
|
||||
const username = document.getElementById('username');
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: '/check_new',
|
||||
data: {"username": username.value, "csrfmiddlewaretoken": document.getElementsByName('csrfmiddlewaretoken')[0].value, "action": "check_username"},
|
||||
statusCode: {
|
||||
200: function() {
|
||||
username.style.backgroundColor = '#00FF00AA';
|
||||
data['username'] = true;
|
||||
checkData();
|
||||
},
|
||||
400: function() {
|
||||
username.style.backgroundColor = '#FF0000AA';
|
||||
data['username'] = false;
|
||||
checkData();
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<div class="center">
|
||||
<center>
|
||||
<div>
|
||||
<h1><table><tr><td><i class="fa fa-user"></i></td><td>Sprint</td></tr></table></h1>
|
||||
</div>
|
||||
<div>
|
||||
<form method="POST">
|
||||
<p id="message" style="color: red;"></p>
|
||||
{% csrf_token %}
|
||||
<input type="text" class="form" name="username" onchange="checkUsername();" id="username" placeholder="username"><br>
|
||||
<button type="submit" id="register" disabled class="sub btn btn-dark form">Подтвердить</button>
|
||||
</form>
|
||||
</div>
|
||||
</center>
|
||||
</div>
|
||||
{% endblock %}
|
||||
59
templates/telegram_enter.html
Normal file
59
templates/telegram_enter.html
Normal file
@@ -0,0 +1,59 @@
|
||||
{% extends 'base.html' %}
|
||||
|
||||
{% block title %}Вход{% endblock %}
|
||||
|
||||
{% block scripts %}
|
||||
function send_code() {
|
||||
const p = document.getElementById('message');
|
||||
if (document.getElementById('state').value == 'code') {
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: '/send_code',
|
||||
data: {"username": document.getElementById('username').value, "csrfmiddlewaretoken": document.getElementsByName('csrfmiddlewaretoken')[0].value, "action": "create"},
|
||||
success: function(data) {
|
||||
if (data['success']) {
|
||||
document.getElementById('code').hidden = false;
|
||||
document.getElementById('enter').firstChild.data = "Вход";
|
||||
document.getElementById('state').value = "verify";
|
||||
p.innerHTML = '';
|
||||
} else {
|
||||
p.innerHTML = data['message'];
|
||||
}
|
||||
}});
|
||||
} else {
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: '/send_code',
|
||||
data: {"username": document.getElementById('username').value, "code": document.getElementById('code').value, "csrfmiddlewaretoken": document.getElementsByName('csrfmiddlewaretoken')[0].value, "action": "check"},
|
||||
success: function(data) {
|
||||
if (data['success']) {
|
||||
window.location.href = '/';
|
||||
} else {
|
||||
p.innerHTML = data['message'];
|
||||
}
|
||||
},
|
||||
});
|
||||
}
|
||||
}
|
||||
{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<div class="center">
|
||||
<center>
|
||||
<div>
|
||||
<table><tr><td><img style="height: 80px; width: 80px;" src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/82/Telegram_logo.svg/640px-Telegram_logo.svg.png" /></td><td><h1><a style="color: black;" href="/enter">Sprint</a></h1></td></tr></table>
|
||||
</div>
|
||||
<div>
|
||||
<p id="message" style="color: red;"></p>
|
||||
{% csrf_token %}
|
||||
<input type="text" class="form" name="username" id="username" placeholder="username"><br>
|
||||
<input type="password" class="form" name="code" id="code" placeholder="code" hidden><br>
|
||||
<input type="hidden" id="state" value="code">
|
||||
<button type="button" onclick="send_code()" id="enter" class="sub btn btn-dark form">Отправить код</button>
|
||||
</div>
|
||||
<div>
|
||||
<a href="https://t.me/sprint_notifications_bot" target="_blank" class="sub btn btn-dark form">Регистрация</a>
|
||||
</div><br>
|
||||
</center>
|
||||
</div>
|
||||
{% endblock %}
|
||||
Reference in New Issue
Block a user