Update side-nav with room counts (#3967)

* update side-nav with room counts

* removed unused styles

packages/rocketchat-ui-sidenav/side-nav/channels.coffee

@@ -16,6 +16,9 @@ Template.channels.helpers
 
 		return ChatSubscription.find query, { sort: 't': 1, 'name': 1 }
 
+	canCreate: ->
+		return RocketChat.authz.hasAtLeastOnePermission ['create-c']
+
 Template.channels.events
 	'click .add-room': (e, instance) ->
 		if RocketChat.authz.hasAtLeastOnePermission('create-c')

packages/rocketchat-ui-sidenav/side-nav/channels.html

 <template name="channels">
 	<h3 class="add-room {{isActive}}">
-		{{_ "Channels"}}
-		{{#if hasPermission 'create-c'}}
+		{{_ "Channels"}} <span class="room-count-small">({{rooms.count}})</span>
+		{{#if canCreate}}
 			<i class="icon-plus" aria-label="{{_ "Create channel"}}" role="button"></i>
 		{{/if}}
 	</h3>

packages/rocketchat-ui-sidenav/side-nav/combined.html

 <template name="combined">
 	<h3 class="add-room {{isActive}}">
-		{{_ "Channels"}}
+		{{_ "Channels"}} <span class="room-count-small">({{rooms.count}})</span>
 		{{#if canCreate}}
 			<i class="icon-plus" aria-label="{{_ "Create channel"}}" role="button"></i>
 		{{/if}}

packages/rocketchat-ui-sidenav/side-nav/directMessages.coffee

 Template.directMessages.helpers
+	isActive: ->
+		return 'active' if ChatSubscription.findOne({ t: { $in: ['d']}, f: { $ne: true }, open: true, rid: Session.get('openedRoom') }, { fields: { _id: 1 } })?
+
 	rooms: ->
 		query = { t: { $in: ['d']}, f: { $ne: true }, open: true }
 
@@ -7,8 +10,9 @@ Template.directMessages.helpers
 				$ne: true
 
 		return ChatSubscription.find query, { sort: 't': 1, 'name': 1 }
-	isActive: ->
-		return 'active' if ChatSubscription.findOne({ t: { $in: ['d']}, f: { $ne: true }, open: true, rid: Session.get('openedRoom') }, { fields: { _id: 1 } })?
+
+	canCreate: ->
+		return RocketChat.authz.hasAtLeastOnePermission ['create-d']
 
 Template.directMessages.events
 	'click .add-room': (e, instance) ->

packages/rocketchat-ui-sidenav/side-nav/directMessages.html

 <template name="directMessages">
 	<h3 class="add-room {{isActive}}">
-		{{_ "Direct_Messages"}}
-		{{#if hasPermission 'create-d'}}
+		{{_ "Direct_Messages"}} <span class="room-count-small">({{rooms.count}})</span>
+		{{#if canCreate}}
 			<i class="icon-plus"></i>
 		{{/if}}
 	</h3>

packages/rocketchat-ui-sidenav/side-nav/privateGroups.coffee

 Template.privateGroups.helpers
+	isActive: ->
+		return 'active' if ChatSubscription.findOne({ t: { $in: ['p']}, f: { $ne: true }, open: true, rid: Session.get('openedRoom') }, { fields: { _id: 1 } })?
+		
 	rooms: ->
 		query = { t: { $in: ['p']}, f: { $ne: true }, open: true }
 
@@ -13,10 +16,10 @@ Template.privateGroups.helpers
 
 	totalOpen: ->
 		return ChatSubscription.find({ t: { $in: ['p']}, f: { $ne: true }, open: true }).count()
-
-	isActive: ->
-		return 'active' if ChatSubscription.findOne({ t: { $in: ['p']}, f: { $ne: true }, open: true, rid: Session.get('openedRoom') }, { fields: { _id: 1 } })?
-
+	
+	canCreate: ->
+		return RocketChat.authz.hasAtLeastOnePermission ['create-p']
+		
 Template.privateGroups.events
 	'click .add-room': (e, instance) ->
 		if RocketChat.authz.hasAtLeastOnePermission('create-p')

packages/rocketchat-ui-sidenav/side-nav/privateGroups.html

 <template name="privateGroups">
 	<h3 class="add-room {{isActive}}">
-		{{_ "Private_Groups"}}
-		{{#if hasPermission 'create-p'}}
+		{{_ "Private_Groups"}} <span class="room-count-small">({{rooms.count}})</span>
+		{{#if canCreate}}
 			<i class="icon-plus"></i>
 		{{/if}}
 	</h3>

packages/rocketchat-ui-sidenav/side-nav/starredRooms.coffee

 Template.starredRooms.helpers
+	isActive: ->
+		return 'active' if ChatSubscription.findOne({ f: true, rid: Session.get('openedRoom') }, { fields: { _id: 1 } })?
+
 	rooms: ->
 		query = { f: true, open: true }
 
@@ -9,5 +12,3 @@ Template.starredRooms.helpers
 		return ChatSubscription.find query, { sort: 't': 1, 'name': 1 }
 	total: ->
 		return ChatSubscription.find({ f: true }).count()
-	isActive: ->
-		return 'active' if ChatSubscription.findOne({ f: true, rid: Session.get('openedRoom') }, { fields: { _id: 1 } })?

packages/rocketchat-ui-sidenav/side-nav/starredRooms.html

 <template name="starredRooms">
 	{{#if total}}
-		<h3 class="{{isActive}}"><i class="icon-star"></i>{{_ "Favorites"}}</h3>
+		<h3 class="{{isActive}}"><i class="icon-star"></i>{{_ "Favorites"}} <span class="room-count-small">({{rooms.count}})</span></h3>
 		<ul>
 			{{#each rooms}}
 				{{> chatRoomItem }}

packages/rocketchat-ui-sidenav/side-nav/unreadRooms.html

 <template name="unreadRooms">
 	<div class="unread-rooms-mode {{hasUnread}}">
 		<h3>
-			{{_ "Unread_Rooms"}}
+			{{_ "Unread_Rooms"}} <span class="room-count-small">({{rooms.count}})</span>
 		</h3>
 
 		<ul>