Show avatars in header

Signed-off-by: Julius Härtl <jus@bitgrid.net>

css/viewer/odfviewer.css

@@ -43,3 +43,12 @@
   top:0;
   z-index:60;
 }
+
+.richdocuments-avatar {
+  float: right;
+  border-radius: 50%;
+  overflow: hidden;
+  margin: 8px;
+  margin-left: -20px;
+  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
+}

js/documents.js

@@ -200,7 +200,9 @@ var documentsMain = {
 
 			// Add new avatars
 			this.views.forEach(function(view, viewId) {
-				avatardiv.append($('<div class="richdocuments-avatar">' + view.UserId + '</div>'));
+				var avatar = $('<div data-user="' + view.UserId + '" class="richdocuments-avatar">' + view.UserId + '</div>');
+				avatardiv.append(avatar);
+				$(avatar).avatar(view.UserId, 32);
 			});
 		},