mirror of
https://github.com/nextcloud/server.git
synced 2026-05-14 01:21:32 -04:00
a99489d602
To show the password in plain text "showPassword" adds a text input after the password input and swaps their visibility depending on whether the password has to be shown in plain text or not. In a similar way, "strengthify" by default adds the strength bar after the input element it was called on. Due to this, if "showPassword" is called before "strengthify" on the same password input then the strength bar ends between the password input and the text input, and when the text input is shown it appears below the strength bar. To fix this now the strength bar is added after the text input in those places in which "strengthify" was called after "showPassword" on the same element. Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
445 lines
12 KiB
JavaScript
445 lines
12 KiB
JavaScript
/* global OC */
|
|
|
|
/**
|
|
* Copyright (c) 2011, Robin Appelman <icewind1991@gmail.com>
|
|
* 2013, Morris Jobke <morris.jobke@gmail.com>
|
|
* 2016, Christoph Wurst <christoph@owncloud.com>
|
|
* This file is licensed under the Affero General Public License version 3 or later.
|
|
* See the COPYING-README file.
|
|
*/
|
|
|
|
OC.Settings = OC.Settings || {};
|
|
|
|
/**
|
|
* The callback will be fired as soon as enter is pressed by the
|
|
* user or 1 second after the last data entry
|
|
*
|
|
* @param callback
|
|
* @param allowEmptyValue if this is set to true the callback is also called when the value is empty
|
|
*/
|
|
jQuery.fn.keyUpDelayedOrEnter = function (callback, allowEmptyValue) {
|
|
var cb = callback;
|
|
var that = this;
|
|
|
|
this.on('input', _.debounce(function (event) {
|
|
// enter is already handled in keypress
|
|
if (event.keyCode === 13) {
|
|
return;
|
|
}
|
|
if (allowEmptyValue || that.val() !== '') {
|
|
cb(event);
|
|
}
|
|
}, 1000));
|
|
|
|
this.keypress(function (event) {
|
|
if (event.keyCode === 13 && (allowEmptyValue || that.val() !== '')) {
|
|
event.preventDefault();
|
|
cb(event);
|
|
}
|
|
});
|
|
};
|
|
|
|
function updateAvatar (hidedefault) {
|
|
var $headerdiv = $('#header .avatardiv');
|
|
var $displaydiv = $('#displayavatar .avatardiv');
|
|
|
|
//Bump avatar avatarversion
|
|
oc_userconfig.avatar.version = -(Math.floor(Math.random() * 1000));
|
|
|
|
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, 145, true, null, function() {
|
|
$displaydiv.removeClass('loading');
|
|
$('#displayavatar img').show();
|
|
if($('#displayavatar img').length === 0) {
|
|
$('#removeavatar').removeClass('inlineblock').addClass('hidden');
|
|
} else {
|
|
$('#removeavatar').removeClass('hidden').addClass('inlineblock');
|
|
}
|
|
});
|
|
}
|
|
|
|
function showAvatarCropper () {
|
|
var $cropper = $('#cropper');
|
|
var $cropperImage = $('<img/>');
|
|
$cropperImage.css('opacity', 0); // prevent showing the unresized image
|
|
$cropper.children('.inner-container').prepend($cropperImage);
|
|
|
|
$cropperImage.attr('src',
|
|
OC.generateUrl('/avatar/tmp') + '?requesttoken=' + encodeURIComponent(oc_requesttoken) + '#' + Math.floor(Math.random() * 1000));
|
|
|
|
$cropperImage.load(function () {
|
|
var img = $cropperImage.get()[0];
|
|
var selectSize = Math.min(img.width, img.height);
|
|
var offsetX = (img.width - selectSize) / 2;
|
|
var offsetY = (img.height - selectSize) / 2;
|
|
$cropperImage.Jcrop({
|
|
onChange: saveCoords,
|
|
onSelect: saveCoords,
|
|
aspectRatio: 1,
|
|
boxHeight: Math.min(500, $('#app-content').height() -100),
|
|
boxWidth: Math.min(500, $('#app-content').width()),
|
|
setSelect: [offsetX, offsetY, selectSize, selectSize]
|
|
}, function() {
|
|
$cropper.show();
|
|
});
|
|
});
|
|
}
|
|
|
|
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) {
|
|
if (typeof data === 'string') {
|
|
data = JSON.parse(data);
|
|
}
|
|
var $warning = $('#avatarform .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 () {
|
|
if($('#pass2').length) {
|
|
$('#pass2').showPassword().keyup();
|
|
}
|
|
|
|
var removeloader = function () {
|
|
setTimeout(function(){
|
|
if ($('.password-state').length > 0) {
|
|
$('.password-state').remove();
|
|
}
|
|
}, 5000)
|
|
};
|
|
|
|
$("#passwordbutton").click(function () {
|
|
var isIE8or9 = $('html').hasClass('lte9');
|
|
// FIXME - TODO - once support for IE8 and IE9 is dropped
|
|
// for IE8 and IE9 this will check additionally if the typed in password
|
|
// is different from the placeholder, because in IE8/9 the placeholder
|
|
// is simply set as the value to look like a placeholder
|
|
if ($('#pass1').val() !== '' && $('#pass2').val() !== ''
|
|
&& !(isIE8or9 && $('#pass2').val() === $('#pass2').attr('placeholder'))) {
|
|
// Serialize the data
|
|
var post = $("#passwordform").serialize();
|
|
$('#passwordchanged').hide();
|
|
$('#passworderror').hide();
|
|
$("#passwordbutton").attr('disabled', 'disabled');
|
|
$("#passwordbutton").after("<span class='password-loading icon icon-loading-small-dark password-state'></span>");
|
|
$(".personal-show-label").hide();
|
|
// Ajax foo
|
|
$.post(OC.generateUrl('/settings/personal/changepassword'), post, function (data) {
|
|
if (data.status === "success") {
|
|
$("#passwordbutton").after("<span class='checkmark icon icon-checkmark password-state'></span>");
|
|
removeloader();
|
|
$('#pass1').val('');
|
|
$('#pass2').val('').change();
|
|
}
|
|
if (typeof(data.data) !== "undefined") {
|
|
OC.msg.finishedSaving('#password-error-msg', data);
|
|
} else {
|
|
OC.msg.finishedSaving('#password-error-msg',
|
|
{
|
|
'status' : 'error',
|
|
'data' : {
|
|
'message' : t('settings', 'Unable to change password')
|
|
}
|
|
}
|
|
);
|
|
}
|
|
$(".personal-show-label").show();
|
|
$(".password-loading").remove();
|
|
$("#passwordbutton").removeAttr('disabled');
|
|
});
|
|
return false;
|
|
} else {
|
|
OC.msg.finishedSaving('#password-error-msg',
|
|
{
|
|
'status' : 'error',
|
|
'data' : {
|
|
'message' : t('settings', 'Unable to change password')
|
|
}
|
|
}
|
|
);
|
|
return false;
|
|
}
|
|
});
|
|
|
|
var showVerifyDialog = function(dialog, howToVerify, verificationCode) {
|
|
var dialogContent = dialog.children('.verification-dialog-content');
|
|
dialogContent.children(".explainVerification").text(howToVerify);
|
|
dialogContent.children(".verificationCode").text(verificationCode);
|
|
dialog.css('display', 'block');
|
|
};
|
|
|
|
$(".verify").click(function (event) {
|
|
|
|
event.stopPropagation();
|
|
|
|
var verify = $(this);
|
|
var indicator = $(this).children('img');
|
|
var accountId = indicator.attr('id');
|
|
var status = indicator.data('status');
|
|
|
|
var onlyVerificationCode = false;
|
|
if (parseInt(status) === 1) {
|
|
onlyVerificationCode = true;
|
|
}
|
|
|
|
if (indicator.hasClass('verify-action')) {
|
|
$.ajax(
|
|
OC.generateUrl('/settings/users/{account}/verify', {account: accountId}),
|
|
{
|
|
method: 'GET',
|
|
data: {onlyVerificationCode: onlyVerificationCode}
|
|
}
|
|
).done(function (data) {
|
|
var dialog = verify.children('.verification-dialog');
|
|
showVerifyDialog($(dialog), data.msg, data.code);
|
|
indicator.attr('data-origin-title', t('settings', 'Verifying …'));
|
|
indicator.attr('src', OC.imagePath('core', 'actions/verifying.svg'));
|
|
indicator.data('status', '1');
|
|
});
|
|
}
|
|
|
|
});
|
|
|
|
// When the user clicks anywhere outside of the verification dialog we close it
|
|
$(document).click(function(event){
|
|
var element = event.target;
|
|
var isDialog = $(element).hasClass('verificationCode')
|
|
|| $(element).hasClass('explainVerification')
|
|
|| $(element).hasClass('verification-dialog-content')
|
|
|| $(element).hasClass('verification-dialog');
|
|
if (!isDialog) {
|
|
$(document).find('.verification-dialog').css('display', 'none');
|
|
}
|
|
});
|
|
|
|
|
|
var federationSettingsView = new OC.Settings.FederationSettingsView({
|
|
el: '#personal-settings'
|
|
});
|
|
federationSettingsView.render();
|
|
|
|
var updateLanguage = function () {
|
|
if (OC.PasswordConfirmation.requiresPasswordConfirmation()) {
|
|
OC.PasswordConfirmation.requirePasswordConfirmation(updateLanguage);
|
|
return;
|
|
}
|
|
|
|
var selectedLang = $("#languageinput").val(),
|
|
user = OC.getCurrentUser();
|
|
|
|
$.ajax({
|
|
url: OC.linkToOCS('cloud/users', 2) + user['uid'],
|
|
method: 'PUT',
|
|
data: {
|
|
key: 'language',
|
|
value: selectedLang
|
|
},
|
|
success: function() {
|
|
location.reload();
|
|
},
|
|
fail: function() {
|
|
OC.Notification.showTemporary(t('settings', 'An error occured while changing your language. Please reload the page and try again.'));
|
|
}
|
|
});
|
|
};
|
|
$("#languageinput").change(updateLanguage);
|
|
|
|
var uploadparms = {
|
|
pasteZone: null,
|
|
done: function (e, data) {
|
|
var response = data;
|
|
if (typeof data.result === 'string') {
|
|
response = JSON.parse(data.result);
|
|
} else if (data.result && data.result.length) {
|
|
// fetch response from iframe
|
|
response = JSON.parse(data.result[0].body.innerText);
|
|
} else {
|
|
response = data.result;
|
|
}
|
|
avatarResponseHandler(response);
|
|
},
|
|
submit: function(e, data) {
|
|
$('#displayavatar img').hide();
|
|
$('#displayavatar .avatardiv').addClass('loading');
|
|
data.formData = _.extend(data.formData || {}, {
|
|
requesttoken: OC.requestToken
|
|
});
|
|
},
|
|
fail: function (e, data){
|
|
var msg = data.jqXHR.statusText + ' (' + data.jqXHR.status + ')';
|
|
if (!_.isUndefined(data.jqXHR.responseJSON) &&
|
|
!_.isUndefined(data.jqXHR.responseJSON.data) &&
|
|
!_.isUndefined(data.jqXHR.responseJSON.data.message)
|
|
) {
|
|
msg = data.jqXHR.responseJSON.data.message;
|
|
}
|
|
avatarResponseHandler({
|
|
data: {
|
|
message: msg
|
|
}
|
|
});
|
|
}
|
|
};
|
|
|
|
$('#uploadavatar').fileupload(uploadparms);
|
|
|
|
$('#selectavatar').click(function () {
|
|
OC.dialogs.filepicker(
|
|
t('settings', "Select a profile picture"),
|
|
function (path) {
|
|
$('#displayavatar img').hide();
|
|
$('#displayavatar .avatardiv').addClass('loading');
|
|
$.ajax({
|
|
type: "POST",
|
|
url: OC.generateUrl('/avatar/'),
|
|
data: { path: path }
|
|
}).done(avatarResponseHandler)
|
|
.fail(function(jqXHR) {
|
|
var msg = jqXHR.statusText + ' (' + jqXHR.status + ')';
|
|
if (!_.isUndefined(jqXHR.responseJSON) &&
|
|
!_.isUndefined(jqXHR.responseJSON.data) &&
|
|
!_.isUndefined(jqXHR.responseJSON.data.message)
|
|
) {
|
|
msg = jqXHR.responseJSON.data.message;
|
|
}
|
|
avatarResponseHandler({
|
|
data: {
|
|
message: msg
|
|
}
|
|
});
|
|
});
|
|
},
|
|
false,
|
|
["image/png", "image/jpeg"]
|
|
);
|
|
});
|
|
|
|
$('#removeavatar').click(function () {
|
|
$.ajax({
|
|
type: 'DELETE',
|
|
url: OC.generateUrl('/avatar/'),
|
|
success: function () {
|
|
updateAvatar(true);
|
|
}
|
|
});
|
|
});
|
|
|
|
$('#abortcropperbutton').click(function () {
|
|
$('#displayavatar .avatardiv').removeClass('loading');
|
|
$('#displayavatar img').show();
|
|
cleanCropper();
|
|
});
|
|
|
|
$('#sendcropperbutton').click(function () {
|
|
sendCropData();
|
|
});
|
|
|
|
$('#pass2').strengthify({
|
|
zxcvbn: OC.linkTo('core','vendor/zxcvbn/dist/zxcvbn.js'),
|
|
titles: [
|
|
t('settings', 'Very weak password'),
|
|
t('settings', 'Weak password'),
|
|
t('settings', 'So-so password'),
|
|
t('settings', 'Good password'),
|
|
t('settings', 'Strong password')
|
|
],
|
|
drawTitles: true,
|
|
$addAfter: $('input[name="newpassword-clone"]'),
|
|
});
|
|
|
|
// Load the big avatar
|
|
$('#avatarform .avatardiv').avatar(OC.currentUser, 145, true, null, function() {
|
|
if($('#displayavatar img').length === 0) {
|
|
$('#removeavatar').removeClass('inlineblock').addClass('hidden');
|
|
} else {
|
|
$('#removeavatar').removeClass('hidden').addClass('inlineblock');
|
|
}
|
|
});
|
|
|
|
|
|
// Show token views
|
|
var collection = new OC.Settings.AuthTokenCollection();
|
|
var view = new OC.Settings.AuthTokenView({
|
|
collection: collection
|
|
});
|
|
view.reload();
|
|
|
|
// 'redirect' to anchor sections
|
|
// anchors are lost on redirects (e.g. while solving the 2fa challenge) otherwise
|
|
// example: /settings/person?section=devices will result in /settings/person?#devices
|
|
if (!window.location.hash) {
|
|
var query = OC.parseQueryString(location.search);
|
|
if (query && query.section) {
|
|
OC.Util.History.replaceState({});
|
|
window.location.hash = query.section;
|
|
}
|
|
}
|
|
});
|
|
|
|
if (!OC.Encryption) {
|
|
OC.Encryption = {};
|
|
}
|
|
|
|
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');
|
|
}
|
|
}
|
|
};
|
|
|
|
OC.Settings.updateAvatar = updateAvatar;
|