Added e-mail confirmation and password reset

public_html/js/Presenters/UserActivationPresenter.js

@@ -3,21 +3,111 @@ App.Presenters = App.Presenters || {};
 
 App.Presenters.UserActivationPresenter = function(
 	jQuery,
-	topNavigationPresenter) {
+	promise,
+	util,
+	auth,
+	api,
+	router,
+	topNavigationPresenter,
+	messagePresenter) {
 
 	var $el = jQuery('#content');
+	var $messages = $el;
+	var template;
+	var formHidden = false;
+	var operation;
 
 	function init(args) {
+		if (auth.isLoggedIn()) {
+			router.navigateToMainPage();
+			return;
+		}
+
 		topNavigationPresenter.select('login');
-		render();
+		reinit(args);
+	}
+
+	function reinit(args) {
+		operation = args.operation;
+		console.log(operation);
+		promise.wait(util.promiseTemplate('user-query-form')).then(function(html) {
+			template = _.template(html);
+			if (args.token) {
+				hideForm();
+				confirmToken(args.token);
+			} else {
+				showForm();
+			}
+			render();
+		});
 	}
 
 	function render() {
-		$el.html('Account activation placeholder');
-	};
+		$el.html(template());
+		$messages = $el.find('.messages');
+		if (formHidden)
+			$el.find('form').hide();
+		$el.find('form').submit(userQueryFormSubmitted);
+	}
+
+	function hideForm() {
+		formHidden = true;
+	}
+
+	function showForm() {
+		formHidden = false;
+	}
+
+	function userQueryFormSubmitted(e) {
+		e.preventDefault();
+		messagePresenter.hideMessages($messages);
+
+		var userNameOrEmail = $el.find('form input[name=user]').val();
+		if (userNameOrEmail.length == 0) {
+			messagePresenter.showError($messages, 'Field cannot be blank.');
+			return;
+		}
+		var url = operation == 'passwordReset'
+			? '/password-reset/' + userNameOrEmail
+			: '/activation/' + userNameOrEmail;
+
+		api.post(url).then(function(response) {
+			var message = operation == 'passwordReset'
+				? 'Password reset request sent.'
+				: 'Activation e-mail resent.';
+			message += ' Check your inbox.<br/>If e-mail doesn\'t show up, check your spam folder.';
+
+			$el.find('#user-query-form').slideUp(function() {
+				messagePresenter.showInfo($messages, message);
+			});
+		}).fail(function(response) {
+			messagePresenter.showError($messages, response.json && response.json.error || response);
+		});
+	}
+
+	function confirmToken(token) {
+		messagePresenter.hideMessages($messages);
+
+		var url = operation == 'passwordReset'
+			? '/finish-password-reset/' + token
+			: '/finish-activation/' + token;
+
+		api.post(url).then(function(response) {
+			var message = operation == 'passwordReset'
+				? 'Your new password is <strong>' + response.json.newPassword + '</strong>.'
+				: 'E-mail activation successful.';
+
+			$el.find('#user-query-form').slideUp(function() {
+				messagePresenter.showInfo($messages, message);
+			});
+		}).fail(function(response) {
+			messagePresenter.showError($messages, response.json && response.json.error || response);
+		});
+	}
 
 	return {
 		init: init,
+		reinit: reinit,
 		render: render,
 	};