Add option to enable/disable message counter on sidebar

RocketChat · Nov 14, 2017 · 7ef142b · 7ef142b
1 parent 4394b23
commit 7ef142b
Show file tree

Hide file tree

Showing 7 changed files with 30 additions and 5 deletions.
diff --git a/packages/rocketchat-i18n/i18n/en.i18n.json b/packages/rocketchat-i18n/i18n/en.i18n.json
@@ -1613,6 +1613,7 @@
   "Should_be_a_URL_of_an_image": "Should be a URL of an image.",
   "Should_exists_a_user_with_this_username": "The user must already exist.",
   "Show_all": "Show All",
+  "Show_message_counter_on_sidebar": "Show message counter on sidebar",
   "Show_more": "Show more",
   "show_offline_users": "show offline users",
   "Show_on_registration_page": "Show on registration page",
@@ -1623,6 +1624,7 @@
   "Showing_archived_results": "<p>Showing <b>%s</b> archived results</p>",
   "Showing_online_users": "Showing: <b>__total_showing__</b>, Online: __online__, Total: __total__ users",
   "Showing_results": "<p>Showing <b>%s</b> results</p>",
+  "Sidebar": "Sidebar",
   "Sidebar_list_mode": "Sidebar Channel List Mode",
   "Sign_in_to_start_talking": "Sign in to start talking",
   "since_creation": "since %s",

diff --git a/packages/rocketchat-theme/client/imports/components/sidebar/rooms-list.css b/packages/rocketchat-theme/client/imports/components/sidebar/rooms-list.css
@@ -34,6 +34,7 @@
 
 		font-size: var(--rooms-list-title-text-size);
 		align-items: center;
+		justify-content: space-between;
 
 		&-text--livechat {
 			flex: 1;

diff --git a/packages/rocketchat-ui-account/client/accountPreferences.html b/packages/rocketchat-ui-account/client/accountPreferences.html
@@ -201,6 +201,18 @@ <h1>{{_ "Messages"}}</h1>
 							</div>
 						</div>
 					</div>
+					<div class="section">
+						<h1>{{_ "Sidebar"}}</h1>
+						<div class="section-content border-component-color">
+							<div class="input-line double-col" id="messageCounterSidebar">
+								<label>{{_ "Show_message_counter_on_sidebar"}}</label>
+								<div>
+									<label><input type="radio" name="messageCounterSidebar" value="1" checked="{{checked 'messageCounterSidebar' true}}"/> {{_ "True"}}</label>
+									<label><input type="radio" name="messageCounterSidebar" value="0" checked="{{checked 'messageCounterSidebar' false true}}"/> {{_ "False"}}</label>
+								</div>
+							</div>
+						</div>
+					</div>
 					<div class="section">
 						<h1>{{_ "Highlights"}}</h1>
 						<div class="section-content border-component-color">

diff --git a/packages/rocketchat-ui-account/client/accountPreferences.js b/packages/rocketchat-ui-account/client/accountPreferences.js
@@ -164,6 +164,8 @@ Template.accountPreferences.onCreated(function() {
 		data.unreadAlert = $('#unreadAlert').find('input:checked').val();
 		data.notificationsSoundVolume = parseInt($('#notificationsSoundVolume').val());
 
+		data.messageCounterSidebar = $('#messageCounterSidebar').find('input:checked').val();
+
 		Meteor.call('saveUserPreferences', data, function(error, results) {
 			if (results) {
 				toastr.success(t('Preferences_saved'));

diff --git a/packages/rocketchat-ui-sidenav/client/roomList.html b/packages/rocketchat-ui-sidenav/client/roomList.html
@@ -6,11 +6,13 @@
 			{{#if shouldAppear .. .}}
 					<h3 class="rooms-list__type">
 						<span class="rooms-list__type-text">{{_ ../label}}</span>
-						{{#with count}}
-							{{#if .}}
-								<span class="badge">{{.}}</span>
-							{{/if}}
-						{{/with}}
+						{{#if showCounter}}
+							{{#with count}}
+								{{#if .}}
+									<span class="badge">{{.}}</span>
+								{{/if}}
+							{{/with}}
+						{{/if}}
 					</h3>
 					<ul class="rooms-list__list {{ roomType ..}}">
 						{{#each room in this}}

diff --git a/packages/rocketchat-ui-sidenav/client/roomList.js b/packages/rocketchat-ui-sidenav/client/roomList.js
@@ -78,6 +78,11 @@ Template.roomList.helpers({
 		if (room.header || room.identifier) {
 			return `type-${ room.header || room.identifier }`;
 		}
+	},
+
+	showCounter() {
+		const user = Meteor.user();
+		return user && user.settings && user.settings.preferences && user.settings.preferences.messageCounterSidebar;
 	}
 });
 

diff --git a/server/methods/saveUserPreferences.js b/server/methods/saveUserPreferences.js
@@ -82,6 +82,7 @@ Meteor.methods({
 			preferences.hideFlexTab = settings.hideFlexTab === '1';
 			preferences.highlights = settings.highlights;
 			preferences.sendOnEnter = settings.sendOnEnter;
+			preferences.messageCounterSidebar = settings.messageCounterSidebar === '1';
 
 			RocketChat.models.Users.setPreferences(Meteor.userId(), preferences);