add specific icon for groups

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>

css/style.css

@@ -28,11 +28,18 @@
 	display: none;
 }
 
-#app-navigation .avatar {
+#app-navigation .avatar,
+#app-navigation .icon-contacts-dark {
 	position: absolute;
 	left: 8px;
 	top: 8px;
 }
+#app-navigation .icon-contacts-dark {
+	background-color: transparent;
+	border-radius: 0;
+	width: 32px;
+	height: 32px;
+}
 
 #oca-spreedme-add-room button {
 	position: absolute;

js/views/roomlistview.js

@@ -73,7 +73,7 @@
 			this.listenTo(uiChannel, 'document:click', function(event) {
 				var target = $(event.target);
 
-				if (!this.$el.is(target.closest('li.room-list-item'))) {
+				if (!this.$el.is(target.closest('.room-list-item'))) {
 					// Click was not triggered by this element -> close menu
 					this.menuShown = false;
 					this.toggleMenuClass();
@@ -87,9 +87,15 @@
 				this.$el.removeClass('active');
 			}
 
-			_.each(this.$el.find('.avatar'), function(a) {
-				$(a).avatar($(a).data('user'), 32);
-			});
+			if (this.model.get('type') == 1) { // 1on1
+				_.each(this.$el.find('.avatar'), function(a) {
+					$(a).avatar($(a).data('user'), 32);
+				});
+			} else if (this.model.get('type') == 2) { // group
+				_.each(this.$el.find('.avatar'), function(a) {
+					$(a).addClass('icon-contacts-dark');
+				});
+			}
 
 			this.toggleMenuClass();
 		},