From 70d79756e45eb5c781fb1727cd20ce3028bbb42f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julius=20H=C3=A4rtl?= <jus@bitgrid.net>
Date: Tue, 4 Sep 2018 19:13:21 +0200
Subject: [PATCH] Show avatars in header
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Julius Härtl <jus@bitgrid.net>
---
 css/viewer/odfviewer.css | 9 +++++++++
 js/documents.js          | 4 +++-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/css/viewer/odfviewer.css b/css/viewer/odfviewer.css
index 18ab03f76..ae20a3f42 100644
--- a/css/viewer/odfviewer.css
+++ b/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);
+}
diff --git a/js/documents.js b/js/documents.js
index fa5a608a0..a02fd2a8b 100644
--- a/js/documents.js
+++ b/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);
 			});
 		},