@speedcubing/cookie/public/js/login.js

Speedcubing Online's UI design.

function showSignup() {
	let signup = document.getElementById('signup-overlay');
	let login = document.getElementById('login-overlay');

	login.style.display = 'none';
	signup.style.display = 'block';
}

function showLogin() {
	let signup = document.getElementById('signup-overlay');
	let login = document.getElementById('login-overlay');

	login.style.display = 'block';
	signup.style.display = 'none';
}

function login(event) {
	event.preventDefault();

	let data = {
		email: document.getElementById('login-email').value,
		password: document.getElementById('login-password').value
	}

	let http = new XMLHttpRequest();

	http.open('POST', '/api/auth/login', true);
	http.setRequestHeader('Content-Type', 'application/json;charset=UTF-8');
	http.onreadystatechange = function(e) {
		if (this.readyState == XMLHttpRequest.DONE) {
			const response = JSON.parse(http.responseText);

			if (response.error == 0)
				return location.reload();
			
			console.log(response.error);
			alertBox(getLoginErrorMessage(response.error));
		}
	}
	http.send(JSON.stringify(data));
}

function signup(event) {
	event.preventDefault();

	let data = {
		displayname: document.getElementById('signup-displayname').value,
		email: document.getElementById('signup-email').value,
		password: document.getElementById('signup-password').value
	}

	let http = new XMLHttpRequest();

	http.open('POST', '/api/auth/create', true);
	http.setRequestHeader('Content-Type', 'application/json;charset=UTF-8');
	http.onreadystatechange = function(e) {
		if (this.readyState == XMLHttpRequest.DONE) {
			const response = JSON.parse(http.responseText);

			if (response.error == 0)
				return location.reload();
			
			console.log(response.error);
			alertBox(getLoginErrorMessage(response.error));
		}
	}
	http.send(JSON.stringify(data));
}

function logout(event) {
	let http = new XMLHttpRequest();

	http.open('POST', '/api/auth/logout', true);
	http.setRequestHeader('Content-Type', 'application/json;charset=UTF-8');
	http.onreadystatechange = function(e) {
		if (this.readyState == XMLHttpRequest.DONE) {
			const response = JSON.parse(http.responseText);

			if (response.error == 0)
				return location.reload();
			
			console.log(response.error);
			alertBox(getLoginErrorMessage(response.error));
		}
	}
	http.send();
}