szurubooru/public_html/js/Presenters/UserAccountSettingsPresenter.js

var App = App || {};
App.Presenters = App.Presenters || {};

App.Presenters.UserAccountSettingsPresenter = function(
	jQuery,
	util,
	promise,
	api,
	auth,
	messagePresenter) {

	var $messages;
	var target;
	var template;
	var user;
	var privileges;
	var avatarContent;

	function init(args) {
		return promise.make(function(resolve, reject) {
			user = args.user;
			target = args.target;

			privileges = {
				canChangeAccessRank:
					auth.hasPrivilege(auth.privileges.changeAccessRank),
				canChangeAvatarStyle:
					auth.hasPrivilege(auth.privileges.changeAllAvatarStyles) ||
					(auth.hasPrivilege(auth.privileges.changeOwnAvatarStyle) && auth.isLoggedIn(user.name)),
				canChangeName:
					auth.hasPrivilege(auth.privileges.changeAllNames) ||
					(auth.hasPrivilege(auth.privileges.changeOwnName) && auth.isLoggedIn(user.name)),
				canChangeEmailAddress:
					auth.hasPrivilege(auth.privileges.changeAllEmailAddresses) ||
					(auth.hasPrivilege(auth.privileges.changeOwnEmailAddress) && auth.isLoggedIn(user.name)),
				canChangePassword:
					auth.hasPrivilege(auth.privileges.changeAllPasswords) ||
					(auth.hasPrivilege(auth.privileges.changeOwnPassword) && auth.isLoggedIn(user.name)),
			};

			promise.wait(util.promiseTemplate('account-settings')).then(function(html) {
				template = _.template(html);
				render();
				resolve();
			});
		});
	}

	function render() {
		var $el = jQuery(target);
		$el.html(template(_.extend({user: user}, privileges)));
		$el.find('form').submit(accountSettingsFormSubmitted);
		$el.find('form [name=avatar-style]').change(avatarStyleChanged);
		avatarStyleChanged();
		new App.Controls.FileDropper($el.find('[name=avatar-content]'), false, avatarContentChanged, jQuery);
	}

	function getPrivileges() {
		return privileges;
	}

	function avatarStyleChanged(e) {
		var $el = jQuery(target);
		var $target = $el.find('.avatar-content .file-handler');
		if ($el.find('[name=avatar-style]:checked').val() == 'manual') {
			$target.show();
		} else {
			$target.hide();
		}
	}

	function avatarContentChanged(files) {
		if (files.length == 1) {
			var reader = new FileReader();
			reader.onloadend = function() {
				avatarContent = reader.result;
				var $el = jQuery(target);
				var $target = $el.find('.avatar-content .file-handler');
				$target.html(files[0].name);
			}
			reader.readAsDataURL(files[0]);
		}
	}

	function accountSettingsFormSubmitted(e) {
		e.preventDefault();
		var $el = jQuery(target);
		var $messages = jQuery(target).find('.messages');
		messagePresenter.hideMessages($messages);
		var formData = {};

		if (privileges.canChangeAvatarStyle) {
			formData.avatarStyle = $el.find('[name=avatar-style]:checked').val();
			if (avatarContent)
				formData.avatarContent = avatarContent;
		}
		if (privileges.canChangeName) {
			formData.userName = $el.find('[name=userName]').val();
		}
		if (privileges.canChangeEmailAddress) {
			formData.email = $el.find('[name=email]').val();
		}
		if (privileges.canChangePassword) {
			formData.password = $el.find('[name=password]').val();
			formData.passwordConfirmation = $el.find('[name=passwordConfirmation]').val();
		}
		if (privileges.canChangeAccessRank) {
			formData.accessRank = $el.find('[name=access-rank]').val();
		}

		if (!validateAccountSettingsFormData($messages, formData)) {
			return;
		}

		if (!formData.password) {
			delete formData.password;
			delete formData.passwordConfirmation;
		}

		api.put('/users/' + user.name, formData)
			.then(function(response) {
				editSuccess($messages, response);
			}).fail(function(response) {
				editFailure($messages, response);
			});
	}

	function editSuccess($messages, apiResponse) {
		//todo: tell user if it turned out that he needs to confirm his e-mail
		var message = 'Account settings updated!';
		messagePresenter.showInfo($messages, message);
	}

	function editFailure($messages, apiResponse) {
		messagePresenter.showError($messages, apiResponse.json && apiResponse.json.error || apiResponse);
	}

	function validateAccountSettingsFormData($messages, formData) {
		if (formData.password != formData.passwordConfirmation) {
			messagePresenter.showError($messages, 'Passwords must be the same.');
			return false;
		}

		return true;
	}

	return {
		init: init,
		render: render,
		getPrivileges: getPrivileges,
	};
}

App.DI.register('userAccountSettingsPresenter', App.Presenters.UserAccountSettingsPresenter);