/**
   * 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 (event) {
  		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');
  		}
  	}
  };