Nemcio/NodeBB
1
0
Fork 0
mirror of https://github.com/NodeBB/NodeBB.git synced 2026-01-06 15:42:52 +01:00
Code Issues Packages Projects Releases Wiki Activity

User Account Edit and Change Picture Modal

Browse Source
This commit is contained in:
Julian Lam
2015-09-27 17:23:18 -04:00
parent a4c2626bdc
commit a52f6cf0b4
2 changed files with 10 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
public/language/en_GB/user.json
View File

@@ -30,7 +30,6 @@
"following": "Following",
"aboutme": "About me",
"signature": "Signature",
"gravatar": "Gravatar",
"birthday": "Birthday",
"chat": "Chat",
"follow": "Follow",
@@ -40,6 +39,7 @@
"profile_update_success": "Profile has been updated successfully!",
"change_picture": "Change Picture",
"edit": "Edit",
"default_picture": "Default Icon",
"uploaded_picture": "Uploaded Picture",
"upload_new_picture": "Upload New Picture",
"upload_new_picture_from_url": "Upload New Picture From URL",

28
public/src/client/account/edit.js
View File

@@ -4,13 +4,11 @@
define('forum/account/edit', ['forum/account/header', 'uploader', 'translator'], function(header, uploader, translator) {
var AccountEdit = {},
gravatarPicture = '',
uploadedPicture = '',
selectedImageType = '',
currentEmail;
AccountEdit.init = function() {
gravatarPicture = ajaxify.data.gravatarpicture;
uploadedPicture = ajaxify.data.uploadedpicture;
header.init();
@@ -61,11 +59,6 @@ define('forum/account/edit', ['forum/account/header', 'uploader', 'translator'],
$('#user-current-picture').attr('src', data.picture);
}
if (data.gravatarpicture) {
$('#user-gravatar-picture').attr('src', data.gravatarpicture);
gravatarPicture = data.gravatarpicture;
}
if (data.userslug) {
var oldslug = $('.account-username-box').attr('data-userslug');
$('.account-username-box a').each(function(index) {
@@ -105,7 +98,7 @@ define('forum/account/edit', ['forum/account/header', 'uploader', 'translator'],
function handleImageChange() {
function selectImageType(type) {
$('#gravatar-box .fa-check').toggle(type === 'gravatar');
$('#default-box .fa-check').toggle(type === 'default');
$('#uploaded-box .fa-check').toggle(type === 'uploaded');
selectedImageType = type;
}
@@ -120,8 +113,8 @@ define('forum/account/edit', ['forum/account/header', 'uploader', 'translator'],
return false;
});
$('#gravatar-box').on('click', function() {
selectImageType('gravatar');
$('#default-box').on('click', function() {
selectImageType('default');
});
$('#uploaded-box').on('click', function() {
@@ -139,9 +132,10 @@ define('forum/account/edit', ['forum/account/header', 'uploader', 'translator'],
return app.alertError(err.message);
}
if (selectedImageType === 'gravatar') {
$('#user-current-picture').attr('src', gravatarPicture);
updateHeader(gravatarPicture);
if (selectedImageType === 'default') {
console.log('update pictures here');
// $('#user-current-picture').attr('src', defaultPicture);
// updateHeader(defaultPicture);
} else if (selectedImageType === 'uploaded') {
$('#user-current-picture').attr('src', uploadedPicture);
updateHeader(uploadedPicture);
@@ -351,18 +345,14 @@ define('forum/account/edit', ['forum/account/header', 'uploader', 'translator'],
function updateImages() {
var currentPicture = $('#user-current-picture').attr('src');
if (gravatarPicture) {
$('#user-gravatar-picture').attr('src', gravatarPicture);
}
if (uploadedPicture) {
$('#user-uploaded-picture').attr('src', uploadedPicture);
}
$('#gravatar-box').toggle(!!gravatarPicture);
$('#default-box').toggle(true).find('.user-icon').css('background-color', ajaxify.data['icon:bgColor']).text(ajaxify.data['username'].slice(0, 1));
$('#uploaded-box').toggle(!!uploadedPicture);
$('#gravatar-box .fa-check').toggle(currentPicture !== uploadedPicture);
$('#default-box .fa-check').toggle(currentPicture !== uploadedPicture);
$('#uploaded-box .fa-check').toggle(currentPicture === uploadedPicture);
}