137 lines
No EOL
4.5 KiB
JavaScript
137 lines
No EOL
4.5 KiB
JavaScript
const API_URL = "https://spectralvpn.ru:{port}";
|
||
|
||
async function sha256(text) {
|
||
const encoder = new TextEncoder();
|
||
const data = encoder.encode(text);
|
||
const hash = await crypto.subtle.digest('SHA-256', data);
|
||
return Array.from(new Uint8Array(hash))
|
||
.map(b => b.toString(16).padStart(2, '0'))
|
||
.join('');
|
||
}
|
||
|
||
function clearErrors() {
|
||
document.querySelectorAll('.error').forEach(el => {
|
||
el.textContent = '';
|
||
el.classList.remove('active');
|
||
});
|
||
document.querySelectorAll('.input, .checkbox').forEach(el => {
|
||
el.classList.remove('invalid');
|
||
});
|
||
}
|
||
|
||
function showError(fieldId, message) {
|
||
const errorEl = document.getElementById(fieldId);
|
||
errorEl.textContent = message;
|
||
errorEl.classList.add('active');
|
||
|
||
const input = document.getElementById(fieldId.replace('Error', ''));
|
||
if (input) input.classList.add('invalid');
|
||
}
|
||
|
||
async function registration(e) {
|
||
e.preventDefault();
|
||
clearErrors();
|
||
|
||
const email = document.getElementById("email").value.trim();
|
||
const password = document.getElementById("password").value;
|
||
const passwordReply = document.getElementById("password_reply").value;
|
||
const terms = document.getElementById("terms").checked;
|
||
|
||
let hasError = false;
|
||
|
||
if (!email) {
|
||
showError("emailError", "Введите email");
|
||
hasError = true;
|
||
} else if (!/^\S+@\S+\.\S+$/.test(email)) {
|
||
showError("emailError", "Некорректный email");
|
||
hasError = true;
|
||
}
|
||
|
||
if (!password) {
|
||
showError("passwordError", "Введите пароль");
|
||
hasError = true;
|
||
} else if (password.length < 6) {
|
||
showError("passwordError", "Пароль должен быть не менее 6 символов");
|
||
hasError = true;
|
||
}
|
||
|
||
if (password !== passwordReply) {
|
||
showError("passwordReplyError", "Пароли не совпадают");
|
||
hasError = true;
|
||
}
|
||
|
||
if (!terms) {
|
||
showError("termsError", "Необходимо принять пользовательское соглашение");
|
||
document.getElementById("terms").classList.add('invalid');
|
||
hasError = true;
|
||
}
|
||
|
||
if (hasError) return;
|
||
|
||
const submitBtn = e.target.querySelector("button[type='submit']");
|
||
const originalText = submitBtn.textContent;
|
||
submitBtn.disabled = true;
|
||
submitBtn.textContent = "Создаём аккаунт...";
|
||
|
||
try {
|
||
const hashedPassword = await sha256(password);
|
||
|
||
const response = await fetch(`${API_URL}/registration`, {
|
||
method: "POST",
|
||
headers: {
|
||
"Content-Type": "application/json"
|
||
},
|
||
body: JSON.stringify({
|
||
email: email,
|
||
password: hashedPassword
|
||
})
|
||
});
|
||
|
||
const data = await response.json();
|
||
|
||
if (response.ok) {
|
||
alert("Аккаунт успешно создан! Перенаправляем в личный кабинет...");
|
||
localStorage.setItem("user", JSON.stringify({
|
||
id: data.id,
|
||
email: data.email,
|
||
loggedIn: true,
|
||
loginTime: Date.now()
|
||
}));
|
||
|
||
window.location.href = "control-panel.html";
|
||
|
||
} else {
|
||
if (data.detail === "Email is busy.") {
|
||
showError("emailError", "Этот email уже зарегистрирован");
|
||
} else {
|
||
alert("Ошибка регистрации: " + (data.detail || "Попробуйте позже"));
|
||
}
|
||
}
|
||
} catch (err) {
|
||
console.error("Registration error:", err);
|
||
alert("Нет соединения с сервером. Проверьте интернет или попробуйте позже.");
|
||
} finally {
|
||
submitBtn.disabled = false;
|
||
submitBtn.textContent = originalText;
|
||
}
|
||
}
|
||
|
||
document.addEventListener("DOMContentLoaded", () => {
|
||
const form = document.getElementById("registerForm");
|
||
if (form) {
|
||
form.addEventListener("submit", registration);
|
||
}
|
||
|
||
// Подсветка полей при фокусе
|
||
document.querySelectorAll('.input').forEach(input => {
|
||
input.addEventListener('focus', () => {
|
||
input.classList.remove('invalid');
|
||
const errorId = input.id + "Error";
|
||
const errorEl = document.getElementById(errorId);
|
||
if (errorEl) {
|
||
errorEl.textContent = '';
|
||
errorEl.classList.remove('active');
|
||
}
|
||
});
|
||
});
|
||
}); |