Feature/user avatars

apps/api/documents/api.js

@@ -87,6 +87,7 @@
                     id: 'user id',
                     name: 'user name',
                     group: 'group name' // for customization.reviewPermissions or permissions.reviewGroups or permissions.commentGroups. Can be multiple groups separated by commas (,) : 'Group1' or 'Group1,Group2'
+                    image: 'image url'
                 },
                 recent: [
                     {

apps/common/Gateway.js

@@ -334,8 +334,8 @@ if (window.Common === undefined) {
                 _postMessage({event:'onMakeActionLink', data: config});
             },
 
-            requestUsers:  function (command) {
-                _postMessage({event:'onRequestUsers', data: {c: command}});
+            requestUsers:  function (command, id) {
+                _postMessage({event:'onRequestUsers', data: {c: command, id: id}});
             },
 
             requestSendNotify:  function (emails) {

apps/common/main/lib/collection/Users.js

@@ -87,6 +87,10 @@ define([
                 function(model){
                     return model.get('idOriginal') == id;
                 });
+        },
+
+        findOriginalUsers: function(id) {
+            return this.where({idOriginal: id});
         }
     });
 

apps/common/main/lib/controller/Chat.js

@@ -103,6 +103,7 @@ define([
                     this.api.asc_registerCallback('asc_onCoAuthoringChatReceiveMessage', _.bind(this.onReceiveMessage, this));
 
                 if ( !this.mode.isEditDiagram && !this.mode.isEditMailMerge && !this.mode.isEditOle ) {
+                    Common.NotificationCenter.on('mentions:setusers', _.bind(this.avatarsUpdate, this));
                     this.api.asc_registerCallback('asc_onAuthParticipantsChanged', _.bind(this.onUsersChanged, this));
                     this.api.asc_registerCallback('asc_onConnectionStateChanged', _.bind(this.onUserConnection, this));
                     this.api.asc_coAuthoringGetUsers();
@@ -138,27 +139,33 @@ define([
             var usersStore = this.getApplication().getCollection('Common.Collections.Users');
 
             if (usersStore) {
-                var arrUsers = [], name, user;
+                var arrUsers = [], name, user, arrIds = [];
 
                 for (name in users) {
                     if (undefined !== name) {
                         user = users[name];
                         if (user) {
+                            var avatar = Common.UI.ExternalUsers.getImage(user.asc_getIdOriginal());
                             var usermodel = new Common.Models.User({
                                 id          : user.asc_getId(),
                                 idOriginal  : user.asc_getIdOriginal(),
                                 username    : user.asc_getUserName(),
+                                parsedName  : AscCommon.UserInfoParser.getParsedName(user.asc_getUserName()),
+                                initials    : Common.Utils.getUserInitials(AscCommon.UserInfoParser.getParsedName(user.asc_getUserName())),
                                 online      : true,
                                 color       : user.asc_getColor(),
+                                avatar      : avatar,
                                 view        : user.asc_getView(),
                                 hidden      : !(user.asc_getIdOriginal()===this.currentUserId || AscCommon.UserInfoParser.isUserVisible(user.asc_getUserName()))
                             });
                             arrUsers[(user.asc_getId() == currentUserId ) ? 'unshift' : 'push'](usermodel);
+                            (avatar===undefined) && arrIds.push(user.asc_getIdOriginal());
                         }
                     }
                 }
 
                 usersStore[usersStore.size() > 0 ? 'add' : 'reset'](arrUsers);
+                arrIds.length && Common.UI.ExternalUsers.get('info', arrIds);
             }
         },
 
@@ -167,23 +174,53 @@ define([
 
             if (usersStore){
                 var user = usersStore.findUser(change.asc_getId());
+                var avatar = Common.UI.ExternalUsers.getImage(change.asc_getIdOriginal());
                 if (!user) {
                     usersStore.add(new Common.Models.User({
                         id          : change.asc_getId(),
                         idOriginal  : change.asc_getIdOriginal(),
                         username    : change.asc_getUserName(),
+                        parsedName  : AscCommon.UserInfoParser.getParsedName(change.asc_getUserName()),
+                        initials    : Common.Utils.getUserInitials(AscCommon.UserInfoParser.getParsedName(change.asc_getUserName())),
                         online      : change.asc_getState(),
                         color       : change.asc_getColor(),
+                        avatar      : avatar,
                         view        : change.asc_getView(),
                         hidden      : !(change.asc_getIdOriginal()===this.currentUserId || AscCommon.UserInfoParser.isUserVisible(change.asc_getUserName()))
                     }));
                 } else {
                     user.set({online: change.asc_getState()});
                     user.set({username: change.asc_getUserName()});
+                    user.set({parsedName: AscCommon.UserInfoParser.getParsedName(change.asc_getUserName())});
+                    user.set({initials: Common.Utils.getUserInitials(change.asc_getUserName())});
+                    user.set({avatar: avatar});
                 }
+                (avatar===undefined) && Common.UI.ExternalUsers.get('info', [change.asc_getIdOriginal()]);
             }
         },
 
+        avatarsUpdate: function(type, users) {
+            if (type!=='info') return;
+
+            var usersStore = this.getApplication().getCollection('Common.Collections.Users'),
+                msgStore = this.getApplication().getCollection('Common.Collections.ChatMessages'),
+                needrender = false;
+            if (users && users.length>0 ){
+                _.each(users, function(item) {
+                    usersStore && usersStore.findOriginalUsers(item.id).forEach(function(user){
+                        user.set({avatar: item.image});
+                    });
+                    msgStore && msgStore.where({userid: item.id}).forEach(function(msg){
+                        if (item.image!==undefined && item.image !== msg.get('avatar')) {
+                            needrender = true;
+                            msg.set('avatar', item.image, {silent: true});
+                        }
+                    });
+                });
+            }
+            needrender && this.panelChat && this.panelChat.renderMessages();
+        },
+
         onReceiveMessage: function(messages, clear){
             var msgStore = this.getApplication().getCollection('Common.Collections.ChatMessages');
 
@@ -193,7 +230,8 @@ define([
                     array.push(new Common.Models.ChatMessage({
                         userid      : msg.useridoriginal,
                         message     : msg.message,
-                        username    : msg.username
+                        username    : msg.username,
+                        parsedName  : AscCommon.UserInfoParser.getParsedName(msg.username),
                     }));
                 });