nodebb/public/src/forum/register.js

'use strict';

/* globals define, app, utils, socket, config */


define(function() {
	var Register = {},
		validationError = false,
		successIcon = '<i class="fa fa-check"></i>';

	function showError(element, msg) {
		element.html(msg);
		element.parent()
			.removeClass('alert-success')
			.addClass('alert-danger');
		element.show();
		validationError = true;
	}

	function showSuccess(element, msg) {
		element.html(msg);
		element.parent()
			.removeClass('alert-danger')
			.addClass('alert-success');
		element.show();
	}

	function validateEmail(email) {
		var email_notify = $('#email-notify');

		if (!email) {
			validationError = true;
			return;
		}

		if (!utils.isEmailValid(email)) {
			showError(email_notify, 'Invalid email address.');
			return;
		}

		socket.emit('user.emailExists', {
			email: email
		}, function(err, exists) {
			if(err) {
				return app.alertError(err.message);
			}

			if (exists) {
				showError(email_notify, 'Email address already taken!');
			} else {
				showSuccess(email_notify, successIcon);
			}
		});
	}

	function validateUsername(username) {
		var username_notify = $('#username-notify');

		if (!username) {
			validationError = true;
			return;
		}

		if (username.length < config.minimumUsernameLength) {
			showError(username_notify, 'Username too short!');
		} else if (username.length > config.maximumUsernameLength) {
			showError(username_notify, 'Username too long!');
		} else if (!utils.isUserNameValid(username) || !utils.slugify(username)) {
			showError(username_notify, 'Invalid username!');
		} else {
			socket.emit('user.exists', {
				username: username
			}, function(err, exists) {
				if(err) {
					return app.alertError(err.message);
				}

				if (exists) {
					showError(username_notify, 'Username already taken!');
				} else {
					showSuccess(username_notify, successIcon);
				}
			});
		}
	}

	function validatePassword(password, password_confirm) {
		if (!password) {
			validationError = true;
			return;
		}
		var password_notify = $('#password-notify'),
			password_confirm_notify = $('#password-confirm-notify');

		if (password.length < config.minimumPasswordLength) {
			showError(password_notify, 'Password too short!');
		} else if (!utils.isPasswordValid(password)) {
			showError(password_notify, 'Invalid password!');
		} else {
			showSuccess(password_notify, successIcon);
		}

		if (password !== password_confirm && password_confirm !== '') {
			showError(password_confirm_notify, 'Passwords must match!');
		}
	}

	function validatePasswordConfirm(password, password_confirm) {
		var password_notify = $('#password-notify'),
			password_confirm_notify = $('#password-confirm-notify');

		if (!password || password_notify.hasClass('alert-error')) {
			return;
		}

		if (password !== password_confirm) {
			showError(password_confirm_notify, 'Passwords must match!');
		} else {
			showSuccess(password_confirm_notify, successIcon);
		}
	}

	Register.init = function() {
		var email = $('#email'),
			username = $('#username'),
			password = $('#password'),
			password_confirm = $('#password-confirm'),
			register = $('#register'),
			agreeTerms = $('#agree-terms');

		$('#referrer').val(app.previousUrl);

		email.on('blur', function() {
			validateEmail(email.val());
		});

		username.on('keyup', function() {
			$('#yourUsername').html(this.value.length > 0 ? this.value : 'username');
		});

		username.on('blur', function() {
			validateUsername(username.val());
		});

		password.on('blur', function() {
			validatePassword(password.val(), password_confirm.val());
		});

		password_confirm.on('blur', function() {
			validatePasswordConfirm(password.val(), password_confirm.val());
		});

		function validateForm() {
			validationError = false;

			validateEmail(email.val());
			validateUsername(username.val());
			validatePassword(password.val(), password_confirm.val());
			validatePasswordConfirm(password.val(), password_confirm.val());

			return validationError;
		}

		register.on('click', function(e) {
			if (validateForm()) {
				e.preventDefault();
			}
		});

		if(agreeTerms.length) {
			agreeTerms.on('click', function() {
				if ($(this).prop('checked')) {
					register.removeAttr('disabled');
				} else {
					register.attr('disabled', 'disabled');
				}
			});

			register.attr('disabled', 'disabled');
		}
	};

	return Register;
});