mirror of
https://github.com/wekan/wekan.git
synced 2026-02-23 00:14:07 +01:00
46cc691534
The user is now able to upload an avatar, and pick one in a list. This functionality should eventually be abstracted in a community package but we still need to work on a great public API. We rely on collectionFS to manage uploaded avatars. We also removed bengott:avatar which was trying to solve the wrong problem (namely displaying the avatar, which is as simple as displaying an image), and not a avatar system as it should be. Gravatar support is coming (back) soon. We may also want to have a list of default fun avatars the user can choose instead of uploading its own one.
92 lines
2.3 KiB
JavaScript
92 lines
2.3 KiB
JavaScript
Meteor.subscribe('my-avatars');
|
|
|
|
Template.userAvatar.helpers({
|
|
userData: function() {
|
|
return Users.findOne(this.userId, {
|
|
fields: {
|
|
profile: 1,
|
|
username: 1
|
|
}
|
|
});
|
|
},
|
|
|
|
memberType: function() {
|
|
var user = Users.findOne(this.userId);
|
|
return user && user.isBoardAdmin() ? 'admin' : 'normal';
|
|
},
|
|
|
|
presenceStatusClassName: function() {
|
|
var userPresence = Presences.findOne({ userId: this.userId });
|
|
if (! userPresence)
|
|
return 'disconnected';
|
|
else if (Session.equals('currentBoard', userPresence.state.currentBoardId))
|
|
return 'active';
|
|
else
|
|
return 'idle';
|
|
}
|
|
});
|
|
|
|
BlazeComponent.extendComponent({
|
|
template: function() {
|
|
return 'changeAvatarPopup';
|
|
},
|
|
|
|
avatarUrlOptions: function() {
|
|
return {
|
|
auth: false,
|
|
brokenIsFine: true
|
|
};
|
|
},
|
|
|
|
uploadedAvatars: function() {
|
|
return Avatars.find({userId: Meteor.userId()});
|
|
},
|
|
|
|
isSelected: function() {
|
|
var userProfile = Meteor.user().profile;
|
|
var avatarUrl = userProfile && userProfile.avatarUrl;
|
|
var currentAvatarUrl = this.currentData().url(this.avatarUrlOptions());
|
|
return avatarUrl === currentAvatarUrl;
|
|
},
|
|
|
|
setAvatar: function(avatarUrl) {
|
|
Meteor.users.update(Meteor.userId(), {
|
|
$set: {
|
|
'profile.avatarUrl': avatarUrl
|
|
}
|
|
});
|
|
},
|
|
|
|
events: function() {
|
|
return [{
|
|
'click .js-upload-avatar': function() {
|
|
this.$('.js-upload-avatar-input').click();
|
|
},
|
|
'change .js-upload-avatar-input': function(evt) {
|
|
var self = this;
|
|
var file, fileUrl;
|
|
|
|
FS.Utility.eachFile(evt, function(f) {
|
|
file = Avatars.insert(new FS.File(f));
|
|
fileUrl = file.url(self.avatarUrlOptions());
|
|
});
|
|
var fetchAvatarInterval = window.setInterval(function() {
|
|
$.ajax({
|
|
url: fileUrl,
|
|
success: function() {
|
|
self.setAvatar(file.url(self.avatarUrlOptions()));
|
|
window.clearInterval(fetchAvatarInterval);
|
|
}
|
|
});
|
|
}, 100);
|
|
},
|
|
'click .js-select-avatar': function() {
|
|
var avatarUrl = this.currentData().url(this.avatarUrlOptions());
|
|
this.setAvatar(avatarUrl);
|
|
},
|
|
'click .js-delete-avatar': function() {
|
|
Avatars.remove(this.currentData()._id);
|
|
}
|
|
}];
|
|
}
|
|
}).register('changeAvatarPopup');
|