nodebb/public/src/client/account/header.js

'use strict';
/* globals define, app, config, ajaxify, socket, bootbox, translator */

define('forum/account/header', [
	'coverPhoto',
	'uploader',
	'components'
], function(coverPhoto, uploader, components) {
	var	AccountHeader = {},
		yourid,
		theirid;

	AccountHeader.init = function() {
		yourid = ajaxify.data.yourid;
		theirid = ajaxify.data.theirid;

		hidePrivateLinks();
		selectActivePill();

		if (parseInt(yourid, 10) === parseInt(theirid, 10)) {
			setupCoverPhoto();
		}

		components.get('account/follow').on('click', function() {
			toggleFollow('follow');
		});

		components.get('account/unfollow').on('click', function() {
			toggleFollow('unfollow');
		});

		components.get('account/chat').on('click', function() {
			socket.emit('modules.chats.hasPrivateChat', theirid, function(err, roomId) {
				if (err) {
					return app.alertError(err.message);
				}
				if (roomId) {
					app.openChat(roomId);
				} else {
					app.newChat(theirid);
				}
			});
		});

		components.get('account/ban').on('click', banAccount);
		components.get('account/unban').on('click', unbanAccount);
		components.get('account/delete').on('click', deleteAccount);
	};

	function hidePrivateLinks() {
		if (!app.user.uid || app.user.uid !== parseInt(ajaxify.data.theirid, 10)) {
			$('.account-sub-links .plugin-link.private').addClass('hide');
		}
	}

	function selectActivePill() {
		$('.account-sub-links li').removeClass('active').each(function() {
			var href = $(this).find('a').attr('href');

			if (decodeURIComponent(href) === decodeURIComponent(window.location.pathname)) {
				$(this).addClass('active');
				return false;
			}
		});
	}

	function setupCoverPhoto() {
		coverPhoto.init(components.get('account/cover'),
			function(imageData, position, callback) {
				socket.emit('user.updateCover', {
					uid: yourid,
					imageData: imageData,
					position: position
				}, callback);
			},
			function() {
				uploader.open(config.relative_path + '/api/user/' + ajaxify.data.userslug + '/uploadcover', { uid: yourid }, 0, function(imageUrlOnServer) {
					components.get('account/cover').css('background-image', 'url(' + imageUrlOnServer + '?v=' + Date.now() + ')');
				});
			},
			removeCover
		);
	}

	function toggleFollow(type) {
		socket.emit('user.' + type, {
			uid: theirid
		}, function(err) {
			if (err) {
				return app.alertError(err.message);
			}

			$('#follow-btn').toggleClass('hide', type === 'follow');
			$('#unfollow-btn').toggleClass('hide', type === 'unfollow');
			app.alertSuccess('[[global:alert.' + type + ', ' + ajaxify.data.username + ']]');
		});
		return false;
	}

	function banAccount() {
		translator.translate('[[user:ban_account_confirm]]', function(translated) {
			bootbox.confirm(translated, function(confirm) {
				if (!confirm) {
					return;
				}
				socket.emit('user.banUsers', [ajaxify.data.theirid], function(err) {
					if (err) {
						return app.alertError(err.message);
					}
					components.get('account/ban').parent().addClass('hide');
					components.get('account/unban').parent().removeClass('hide');
				});
			});
		});
	}

	function unbanAccount() {
		socket.emit('user.unbanUsers', [ajaxify.data.theirid], function(err) {
			if (err) {
				return app.alertError(err.message);
			}

			components.get('account/ban').parent().removeClass('hide');
			components.get('account/unban').parent().addClass('hide');
		});
	}

	function deleteAccount() {
		translator.translate('[[user:delete_this_account_confirm]]', function(translated) {
			bootbox.confirm(translated, function(confirm) {
				if (!confirm) {
					return;
				}

				socket.emit('admin.user.deleteUsers', [ajaxify.data.theirid], function(err) {
					if (err) {
						return app.alertError(err.message);
					}
					app.alertSuccess('[[user:account-deleted]]');
					history.back();
				});
			});
		});
	}

	function removeCover() {
		socket.emit('user.removeCover', {
			uid: ajaxify.data.uid
		}, function(err) {
			if (!err) {
				ajaxify.refresh();
			} else {
				app.alertError(err.message);
			}
		});
	}

	return AccountHeader;
});