Improve display of attendees in event viewer

UI/WebServerResources/js/Scheduler/Component.service.js

@@ -31,12 +31,13 @@
    * @desc The factory we'll use to register with Angular
    * @returns the Component constructor
    */
-  Component.$factory = ['$q', '$timeout', '$log', 'sgSettings', 'Preferences', 'Resource', function($q, $timeout, $log, Settings, Preferences, Resource) {
+  Component.$factory = ['$q', '$timeout', '$log', 'sgSettings', 'Preferences', 'Gravatar', 'Resource', function($q, $timeout, $log, Settings, Preferences, Gravatar, Resource) {
     angular.extend(Component, {
       $q: $q,
       $timeout: $timeout,
       $log: $log,
       $Preferences: Preferences,
+      $gravatar: Gravatar,
       $$resource: new Resource(Settings.baseURL, Settings.activeUser),
       $categories: window.UserDefaults.SOGoCalendarCategoriesColors,
       // Filter parameters common to events and tasks
@@ -354,6 +355,7 @@
 
     if (this.attendees) {
       _.each(this.attendees, function(attendee) {
+        attendee.image = Component.$gravatar(attendee.email, 32);
         _this.updateFreeBusy(attendee);
       });
     }
@@ -527,6 +529,7 @@
       if (!_.find(this.attendees, function(o) {
         return o.email == attendee.email;
       })) {
+        attendee.image = Component.$gravatar(attendee.email, 32);
         if (this.attendees)
           this.attendees.push(attendee);
         else

UI/WebServerResources/scss/components/icon/icon.scss

@@ -67,9 +67,14 @@ md-icon {
   &.icon-alarm:before {
     content: "\e855";
   }
+  &.icon-delegated:before,
+  &.icon-arrow-forward:before {
+    content: "\e5c8";
+  }
   &.icon-check:before {
     content: "\e5ca";
   }
+  &.icon-accepted:before,
   &.icon-clear:before {
     content: "\e14c";
   }
@@ -85,12 +90,24 @@ md-icon {
   &.icon-expand-more:before {
     content: "\e5cf";
   }
+  &.icon-needs-action:before,
+  &.icon-help:before {
+    content: "\e887";
+  }
   &.icon-more-horiz:before {
     content: "\e5d3";
   }
+  &.icon-tentative:before,
+  &.icon-person:before {
+    content: "\e7fd";
+  }
 //  &.icon_public:before {
 //    content: "\e80b";
 //  }
+  &.icon-declined:before,
+  &.icon-remove-circle:before {
+    content: "\e15c";
+  }
   &.icon-visibility-off:before {
     content: "\e8f5";
   }

UI/WebServerResources/scss/components/list/list.scss

@@ -94,6 +94,7 @@ div.md-tile-left {
     margin-right: ($mg / 2);
   }
 }
+
 // Avatar placeholder
 // ------------------------------------
 .md-tile-left:before {