ComunicWeb/assets/js/pages/resetPassword/main.js

/**
 * Reset password page main script
 * 
 * @author Pierre HUBERT
 */
ComunicWeb.pages.resetPassword.main = {

	/**
	 * Open page
	 * 
	 * @param {Object} args Additionnal data passed in the method
	 * @param {element} target Where the page will be applied
	 */
	open: function(args, target){

		//Create page box
		var pageBox = createElem2({
			appendTo: target,
			type: "div",
			class: "box box-primary reset-password-box"
		});

		//Box header
		var boxHeader = createElem2({
			appendTo: pageBox,
			type: "div",
			class: "box-header"
		});

		//Box title
		createElem2({
			appendTo: boxHeader,
			type: "h3",
			class: "box-title",
			innerHTML: "Reset password"
		});

		//Box body
		var boxBody = createElem2({
			appendTo: pageBox,
			type: "div",
			class: "box-body"
		});

		//Create messages target
		var messagesTarget = createElem2({
			appendTo: boxBody,
			type: "div"
		});

		//Add loading message
		messagesTarget.appendChild(ComunicWeb.common.messages.createCalloutElem(
			"Loading", 
			"Please wait while we retrieve a few information...", 
			"info"));
		
		//Get the token (specified after the "#")
		var token = document.location.toString().split("#")[1];

		//Check the token
		if(token == null){
			emptyElem(messagesTarget);
			messagesTarget.appendChild(ComunicWeb.common.messages.createCalloutElem(
				"Error",
				"It seems you followed an invalid link...",
				"danger"
			));
			return;
		}

		//Check the token's validity on the server
		ComunicWeb.components.account.interface.checkPasswordResetToken(token, function(result){

			emptyElem(messagesTarget);

			//Check for errors
			if(result.error){
				messagesTarget.appendChild(ComunicWeb.common.messages.createCalloutElem(
					"Error",
					"Your reset password request timed out, or is invalid. Please try again to reset your password...",
					"danger"
				));
			}

			//Display reset password form
			ComunicWeb.pages.resetPassword.main.displayResetPasswordForm(boxBody, messagesTarget, token);
		});
	},

	/**
	 * Display reset password form
	 * 
	 * @param {HTMLElement} target The target for the form
	 * @param {HTMLElement} messagesTarget The target for the messages
	 * @param {String} token The reset token of the user
	 */
	displayResetPasswordForm: function(target, messagesTarget, token){

		//Create form container
		var formTarget = createElem2({
			appendTo: target,
			type: "div"
		});

		//Message
		add_p(formTarget, "Please enter now your new password.");

		//Prompt for new password
		var passwordInput = createFormGroup({
			target: formTarget,
			type: "password",
			label: "Your new password",
			placeholder: "Your new password"
		});

		//Ask password confirmation
		var confirmPasswordInput = createFormGroup({
			target: formTarget,
			type: "password",
			label: "Confirm your password",
			placeholder: "Confirm your password"
		});

		//Submit button
		var submit = createElem2({
			appendTo: formTarget,
			type: "div",
			class: "btn btn-primary",
			innerHTML: "Submit"
		});

		//Make submit button lives
		submit.addEventListener("click", function(e){

			//Empty messages target
			emptyElem(messagesTarget);

			//Check password validity
			if(!ComunicWeb.common.formChecker.checkInput(passwordInput, true))
				return notify("Please specify a valid password!", "danger");
			
			//Check password confirmation
			if(passwordInput.value != confirmPasswordInput.value)
				return notify("Password and its confirmation do not mach !", "danger");
			
			submit.style.display = "none";

			//Send a request to the server
			ComunicWeb.components.account.interface.resetUserPassword(token, passwordInput.value, function(result){

				//Make submit button visible
				submit.style.display = "block";

				//Check for errors
				if(result.error){
					messagesTarget.appendChild(ComunicWeb.common.messages.createCalloutElem(
						"Error",
						"The server rejected your request, please refresh the page and try again...",
						"danger"
					));
					return;
				}

				//Success
				//Remove the form
				emptyElem(formTarget);

				//Success message
				messagesTarget.appendChild(ComunicWeb.common.messages.createCalloutElem(
					"Success",
					"Your password has been successfully changed !",
					"success"
				));

				//Add a button to go to login page
				var goLogin = createElem2({
					appendTo: formTarget,
					type: "div",
					class: "btn btn-primary",
					innerHTML: "Go login"
				});

				goLogin.addEventListener("click", function(e){
					openPage("login");
				});
			});

		});
	}
}