nextcloud/settings/js/personal.js

/**
 * Copyright (c) 2011, Robin Appelman <icewind1991@gmail.com>
 *               2013, Morris Jobke <morris.jobke@gmail.com>
 * This file is licensed under the Affero General Public License version 3 or later.
 * See the COPYING-README file.
 */

/* global OC, t */

/**
 * The callback will be fired as soon as enter is pressed by the
 * user or 1 second after the last data entry
 *
 * @param callback
 */
jQuery.fn.keyUpDelayedOrEnter = function(callback){
	var cb = callback;
	var that = this;
	this.keyup(_.debounce(function (event) {
		// enter is already handled in keypress
		if(event.keyCode === 13) {
			return;
		}
		if (that.val() !== '') {
			cb();
		}
	}, 1000));

	this.keypress(function () {
		if (event.keyCode === 13 && that.val() !== '' ){
			event.preventDefault();
			cb();
		}
	});
};


/**
 * Post the email address change to the server.
 */
function changeEmailAddress(){
    var emailInfo = $('#email');
    if (emailInfo.val() === emailInfo.defaultValue){
        return;
    }
    emailInfo.defaultValue = emailInfo.val();
    OC.msg.startSaving('#lostpassword .msg');
    var post = $( "#lostpassword" ).serialize();
    $.post( 'ajax/lostpassword.php', post, function(data){
        OC.msg.finishedSaving('#lostpassword .msg', data);
    });
}

/**
 * Post the display name change to the server.
 */
function changeDisplayName(){
    if ($('#displayName').val() !== '' ) {
        OC.msg.startSaving('#displaynameform .msg');
        // Serialize the data
        var post = $( "#displaynameform" ).serialize();
        // Ajax foo
        $.post( 'ajax/changedisplayname.php', post, function(data){
            if( data.status === "success" ){
                $('#oldDisplayName').val($('#displayName').val());
                // update displayName on the top right expand button
                $('#expandDisplayName').text($('#displayName').val());
                updateAvatar();
            }
            else{
                $('#newdisplayname').val(data.data.displayName);
            }
            OC.msg.finishedSaving('#displaynameform .msg', data);
        });
    }
}

function updateAvatar (hidedefault) {
	var $headerdiv = $('#header .avatardiv');
	var $displaydiv = $('#displayavatar .avatardiv');

	if(hidedefault) {
		$headerdiv.hide();
		$('#header .avatardiv').removeClass('avatardiv-shown');
	} else {
		$headerdiv.css({'background-color': ''});
		$headerdiv.avatar(OC.currentUser, 32, true);
		$('#header .avatardiv').addClass('avatardiv-shown');
	}
	$displaydiv.css({'background-color': ''});
	$displaydiv.avatar(OC.currentUser, 128, true);

	$('#removeavatar').show();
}

function showAvatarCropper() {
	var $cropper = $('#cropper');
	$cropper.prepend("<img>");
	var $cropperImage = $('#cropper img');

	$cropperImage.attr('src',
		OC.generateUrl('/avatar/tmp')+'?requesttoken='+oc_requesttoken+'#'+Math.floor(Math.random()*1000));

	// Looks weird, but on('load', ...) doesn't work in IE8
	$cropperImage.ready(function(){
		$('#displayavatar').hide();
		$cropper.show();

		$cropperImage.Jcrop({
			onChange: saveCoords,
			onSelect: saveCoords,
			aspectRatio: 1,
			boxHeight: 500,
			boxWidth: 500,
			setSelect: [0, 0, 300, 300]
		});
	});
}

function sendCropData() {
	cleanCropper();

	var cropperData = $('#cropper').data();
	var data = {
		x: cropperData.x,
		y: cropperData.y,
		w: cropperData.w,
		h: cropperData.h
	};
	$.post(OC.generateUrl('/avatar/cropped'), {crop: data}, avatarResponseHandler);
}

function saveCoords(c) {
	$('#cropper').data(c);
}

function cleanCropper() {
	var $cropper = $('#cropper');
	$('#displayavatar').show();
	$cropper.hide();
	$('.jcrop-holder').remove();
	$('#cropper img').removeData('Jcrop').removeAttr('style').removeAttr('src');
	$('#cropper img').remove();
}

function avatarResponseHandler(data) {
	var $warning = $('#avatar .warning');
	$warning.hide();
	if (data.status === "success") {
		updateAvatar();
	} else if (data.data === "notsquare") {
		showAvatarCropper();
	} else {
		$warning.show();
		$warning.text(data.data.message);
	}
}

$(document).ready(function(){
	$("#passwordbutton").click( function(){
		if ($('#pass1').val() !== '' && $('#pass2').val() !== '') {
			// Serialize the data
			var post = $( "#passwordform" ).serialize();
			$('#passwordchanged').hide();
			$('#passworderror').hide();
			// Ajax foo
			$.post(OC.generateUrl('/settings/personal/changepassword'), post, function(data){
				if( data.status === "success" ){
					$('#pass1').val('');
					$('#pass2').val('');
					$('#passwordchanged').show();
				} else{
					if (typeof(data.data) !== "undefined") {
						$('#passworderror').html(data.data.message);
					} else {
						$('#passworderror').html(t('Unable to change password'));
					}
					$('#passworderror').show();
				}
			});
			return false;
		} else {
			$('#passwordchanged').hide();
			$('#passworderror').show();
			return false;
		}

	});

	$('#displayName').keyUpDelayedOrEnter(changeDisplayName);
	$('#email').keyUpDelayedOrEnter(changeEmailAddress);

	$("#languageinput").change( function(){
		// Serialize the data
		var post = $( "#languageinput" ).serialize();
		// Ajax foo
		$.post( 'ajax/setlanguage.php', post, function(data){
			if( data.status === "success" ){
				location.reload();
			}
			else{
				$('#passworderror').html( data.data.message );
			}
		});
		return false;
	});

	$('button:button[name="submitDecryptAll"]').click(function() {
		var privateKeyPassword = $('#decryptAll input:password[id="privateKeyPassword"]').val();
		$('#decryptAll button:button[name="submitDecryptAll"]').prop("disabled", true);
		$('#decryptAll input:password[name="privateKeyPassword"]').prop("disabled", true);
		OC.Encryption.decryptAll(privateKeyPassword);
	});


	$('button:button[name="submitRestoreKeys"]').click(function() {
		$('#restoreBackupKeys button:button[name="submitDeleteKeys"]').prop("disabled", true);
		$('#restoreBackupKeys button:button[name="submitRestoreKeys"]').prop("disabled", true);
		OC.Encryption.restoreKeys();
	});

	$('button:button[name="submitDeleteKeys"]').click(function() {
		$('#restoreBackupKeys button:button[name="submitDeleteKeys"]').prop("disabled", true);
		$('#restoreBackupKeys button:button[name="submitRestoreKeys"]').prop("disabled", true);
		OC.Encryption.deleteKeys();
	});

	$('#decryptAll input:password[name="privateKeyPassword"]').keyup(function(event) {
		var privateKeyPassword = $('#decryptAll input:password[id="privateKeyPassword"]').val();
		if (privateKeyPassword !== '' ) {
			$('#decryptAll button:button[name="submitDecryptAll"]').prop("disabled", false);
			if(event.which === 13) {
				$('#decryptAll button:button[name="submitDecryptAll"]').prop("disabled", true);
				$('#decryptAll input:password[name="privateKeyPassword"]').prop("disabled", true);
				OC.Encryption.decryptAll(privateKeyPassword);
			}
		} else {
			$('#decryptAll button:button[name="submitDecryptAll"]').prop("disabled", true);
		}
	});

	var uploadparms = {
		done: function(e, data) {
			avatarResponseHandler(data.result);
		}
	};

	$('#uploadavatarbutton').click(function(){
		$('#uploadavatar').click();
	});

	$('#uploadavatar').fileupload(uploadparms);

	$('#selectavatar').click(function(){
		OC.dialogs.filepicker(
			t('settings', "Select a profile picture"),
			function(path){
				$.post(OC.generateUrl('/avatar/'), {path: path}, avatarResponseHandler);
			},
			false,
			["image/png", "image/jpeg"]
		);
	});

	$('#removeavatar').click(function(){
		$.ajax({
			type:	'DELETE',
			url:	OC.generateUrl('/avatar/'),
			success: function() {
				updateAvatar(true);
				$('#removeavatar').hide();
			}
		});
	});

	$('#abortcropperbutton').click(function(){
		cleanCropper();
	});

	$('#sendcropperbutton').click(function(){
		sendCropData();
	});

	$('#pass2').strengthify({
		zxcvbn: OC.linkTo('3rdparty','zxcvbn/js/zxcvbn.js'),
		titles: [
			t('core', 'Very weak password'),
			t('core', 'Weak password'),
			t('core', 'So-so password'),
			t('core', 'Good password'),
			t('core', 'Strong password')
		]
	});

	// does the user have a custom avatar? if he does hide #removeavatar
	// needs to be this complicated because we can't check yet if an avatar has been loaded, because it's async
	var url = OC.generateUrl(
		'/avatar/{user}/{size}',
		{user: OC.currentUser, size: 1}
	) + '?requesttoken=' + oc_requesttoken;
	$.get(url, function(result) {
		if (typeof(result) === 'object') {
			$('#removeavatar').hide();
		}
	});
} );

OC.Encryption = {
	decryptAll: function(password) {
		var message = t('settings', 'Decrypting files... Please wait, this can take some time.');
		OC.Encryption.msg.start('#decryptAll .msg', message);
		$.post('ajax/decryptall.php', {password:password}, function(data) {
			if (data.status === "error") {
				OC.Encryption.msg.finished('#decryptAll .msg', data);
				$('#decryptAll input:password[name="privateKeyPassword"]').prop("disabled", false);
			} else {
				OC.Encryption.msg.finished('#decryptAll .msg', data);
			}
			$('#restoreBackupKeys').removeClass('hidden');
		});
	},

	deleteKeys: function() {
		var message = t('settings', 'Delete encryption keys permanently.');
		OC.Encryption.msg.start('#restoreBackupKeys .msg', message);
		$.post('ajax/deletekeys.php', null, function(data) {
			if (data.status === "error") {
				OC.Encryption.msg.finished('#restoreBackupKeys .msg', data);
				$('#restoreBackupKeys button:button[name="submitDeleteKeys"]').prop("disabled", false);
				$('#restoreBackupKeys button:button[name="submitRestoreKeys"]').prop("disabled", false);
			} else {
				OC.Encryption.msg.finished('#restoreBackupKeys .msg', data);
			}
		});
	},

	restoreKeys: function() {
		var message = t('settings', 'Restore encryption keys.');
		OC.Encryption.msg.start('#restoreBackupKeys .msg', message);
		$.post('ajax/restorekeys.php', {}, function(data) {
			if (data.status === "error") {
				OC.Encryption.msg.finished('#restoreBackupKeys .msg', data);
				$('#restoreBackupKeys button:button[name="submitDeleteKeys"]').prop("disabled", false);
				$('#restoreBackupKeys button:button[name="submitRestoreKeys"]').prop("disabled", false);
			} else {
				OC.Encryption.msg.finished('#restoreBackupKeys .msg', data);
			}
		});
	}
};

OC.Encryption.msg={
	start:function(selector, msg){
		var spinner = '<img src="'+ OC.imagePath('core', 'loading-small.gif') +'">';
		$(selector)
			.html( msg + ' ' + spinner )
			.removeClass('success')
			.removeClass('error')
			.stop(true, true)
			.show();
	},
	finished:function(selector, data){
		if( data.status === "success" ){
			$(selector).html( data.data.message )
				.addClass('success')
				.stop(true, true)
				.delay(3000);
		}else{
			$(selector).html( data.data.message ).addClass('error');
		}
	}
};