373 lines
10 KiB
JavaScript
373 lines
10 KiB
JavaScript
/**
|
|
* 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');
|
|
}
|
|
}
|
|
};
|