Always show unread count instead of only on hover. Fix unread count in bookmarks list

clientapp/models/muc.js

@@ -38,6 +38,15 @@ module.exports = HumanModel.define({
                 return this.name || this.jid;
             }
         },
+        displayUnreadCount: {
+            deps: ['unreadCount'],
+            fn: function () {
+                if (this.unreadCount > 0) {
+                    return this.unreadCount.toString();
+                }
+                return '';
+            }
+        },
         hasUnread: {
             deps: ['unreadCount'],
             fn: function () {

clientapp/views/mucListItem.js

@@ -14,7 +14,7 @@ module.exports = HumanView.extend({
     },
     textBindings: {
         displayName: '.name',
-        unreadCount: '.unread'
+        displayUnreadCount: '.unread'
     },
     events: {
         'click': 'handleClick'

public/css/app/roster.styl

@@ -63,12 +63,12 @@
     -webkit-transition: all .3s ease-in 0
     -moz-transition: all .3s ease-in 0
 
+    .unread:not(:empty)
+      display: block
+
     &:hover
       background: $sidebarActive
 
-      .unread:not(:empty)
-        display: block
-
     &.online, &.chat, &.dnd, &.away, &.xa
 
       &:after
@@ -175,4 +175,4 @@
   50%
     opacity: 0.5
   100%
-    opacity: 1.0
+    opacity: 1.0

public/css/otalk.css

@@ -380,14 +380,14 @@ h3 {
   -webkit-transition: all 0.3s ease-in 0;
   -moz-transition: all 0.3s ease-in 0;
 }
+#roster li .unread:not(:empty),
+#bookmarks li .unread:not(:empty) {
+  display: block;
+}
 #roster li:hover,
 #bookmarks li:hover {
   background: #1f2d49;
 }
-#roster li:hover .unread:not(:empty),
-#bookmarks li:hover .unread:not(:empty) {
-  display: block;
-}
 #roster li.online:after,
 #bookmarks li.online:after,
 #roster li.chat:after,