RocketChat · rodrigok · Dec 4, 2017 · Nov 24, 2017 · Nov 27, 2017 · Nov 27, 2017
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/rocketchat-i18n/i18n/en.i18n.json b/packages/rocketchat-i18n/i18n/en.i18n.json
@@ -1275,6 +1275,7 @@
   "No_integration_found": "No integration found by the provided id.",
   "No_livechats": "You have no livechats",
   "No_mentions_found": "No mentions found",
+  "No_messages_yet": "No messages yet",
   "No_pinned_messages": "No pinned messages",
   "No_results_found": "No results found",
   "No_snippet_messages": "No snippet",
@@ -1592,6 +1593,7 @@
   "Send_welcome_email": "Send welcome email",
   "Send_your_JSON_payloads_to_this_URL": "Send your JSON payloads to this URL.",
   "Sending": "Sending...",
+  "Sent_an_attachment": "Sent an attachment",
   "Served_By": "Served By",
   "Service": "Service",
   "Service_account_key": "Service account key",
@@ -1708,6 +1710,8 @@
   "Stats_Total_Users": "Total Users",
   "Status": "Status",
   "Stop_Recording": "Stop Recording",
+  "Store_Last_Message": "Store Last Message",
+  "Store_Last_Message_Sent_per_Room": "Store last message sent on each room.",
   "Stream_Cast": "Stream Cast",
   "Stream_Cast_Address": "Stream Cast Address",
   "Stream_Cast_Address_Description": "IP or Host of your Rocket.Chat central Stream Cast. E.g. `192.168.1.1:3000` or `localhost:4000`",
@@ -1913,6 +1917,7 @@
   "User_removed": "User removed",
   "User_removed_by": "User <em>__user_removed__</em> removed by <em>__user_by__</em>.",
   "User_Settings": "User Settings",
+  "user_sent_an_attachment": "__user__ sent an attachment",
   "User_unmuted_by": "User <em>__user_unmuted__</em> unmuted by <em>__user_by__</em>.",
   "User_unmuted_in_room": "User unmuted in room",
   "User_updated_successfully": "User updated successfully",
@@ -2024,6 +2029,7 @@
   "Yes_mute_user": "Yes, mute user!",
   "Yes_remove_user": "Yes, remove user!",
   "Yes_unarchive_it": "Yes, unarchive it!",
+  "yesterday": "yesterday",
   "You": "You",
   "you_are_in_preview_mode_of": "You are in preview mode of channel #<strong>__room_name__</strong>",
   "You_are_logged_in_as": "You are logged in as",

diff --git a/packages/rocketchat-lib/lib/getAvatarColor.js b/packages/rocketchat-lib/lib/getAvatarColor.js
@@ -0,0 +1,5 @@
+const colors = ['#F44336', '#E91E63', '#9C27B0', '#673AB7', '#3F51B5', '#2196F3', '#03A9F4', '#00BCD4', '#009688', '#4CAF50', '#8BC34A', '#CDDC39', '#FFC107', '#FF9800', '#FF5722', '#795548', '#9E9E9E', '#607D8B'];
+
+RocketChat.getAvatarColor = function(name) {
+	return colors[name.length % colors.length];
+};
diff --git a/packages/rocketchat-lib/package.js b/packages/rocketchat-lib/package.js
@@ -53,6 +53,7 @@ Package.onUse(function(api) {
 	api.addFiles('lib/settings.js');
 	api.addFiles('lib/callbacks.js');
 	api.addFiles('lib/fileUploadRestrictions.js');
+	api.addFiles('lib/getAvatarColor.js');
 	api.addFiles('lib/getValidRoomName.js');
 	api.addFiles('lib/placeholders.js');
 	api.addFiles('lib/promises.js');

diff --git a/packages/rocketchat-lib/server/lib/notifyUsersOnMessage.js b/packages/rocketchat-lib/server/lib/notifyUsersOnMessage.js
@@ -102,7 +102,7 @@ RocketChat.callbacks.add('afterSaveMessage', function(message, room) {
 	}
 
 	// Update all the room activity tracker fields
-	RocketChat.models.Rooms.incMsgCountAndSetLastMessageTimestampById(message.rid, 1, message.ts);
+	RocketChat.models.Rooms.incMsgCountAndSetLastMessageById(message.rid, 1, message.ts, RocketChat.settings.get('Store_Last_Message') && message);
 
 	// Update all other subscriptions to alert their owners but witout incrementing
 	// the unread counter, as it is only for mentions and direct messages

diff --git a/packages/rocketchat-lib/server/models/Rooms.js b/packages/rocketchat-lib/server/models/Rooms.js
@@ -534,7 +534,7 @@ class ModelRooms extends RocketChat.models._Base {
 		return this.update(query, update);
 	}
 
-	incMsgCountAndSetLastMessageTimestampById(_id, inc, lastMessageTimestamp) {
+	incMsgCountAndSetLastMessageById(_id, inc, lastMessageTimestamp, lastMessage) {
 		if (inc == null) { inc = 1; }
 		const query = {_id};
 
@@ -547,6 +547,10 @@ class ModelRooms extends RocketChat.models._Base {
 			}
 		};
 
+		if (lastMessage) {
+			update.$set.lastMessage = lastMessage;
+		}
+
 		return this.update(query, update);
 	}
 

diff --git a/packages/rocketchat-lib/server/startup/settings.js b/packages/rocketchat-lib/server/startup/settings.js
@@ -422,6 +422,11 @@ RocketChat.settings.addGroup('General', function() {
 		type: 'action',
 		actionText: 'Restart_the_server'
 	});
+	this.add('Store_Last_Message', false, {
+		type: 'boolean',
+		public: true,
+		i18nDescription: 'Store_Last_Message_Sent_per_Room'
+	});
 	this.section('UTF8', function() {
 		this.add('UTF8_Names_Validation', '[0-9a-zA-Z-_.]+', {
 			type: 'string',

diff --git a/packages/rocketchat-theme/client/imports/components/badge.css b/packages/rocketchat-theme/client/imports/components/badge.css
@@ -12,6 +12,10 @@
 	font-size: var(--badge-text-size);
 
 	&--unread {
+		margin: 0 3px;
+
+		white-space: nowrap;
+
 		background-color: var(--badge-unread-background);
 	}
 }
diff --git a/packages/rocketchat-theme/client/imports/components/sidebar/rooms-list.css b/packages/rocketchat-theme/client/imports/components/sidebar/rooms-list.css
@@ -13,14 +13,8 @@
 		margin-top: 2rem;
 	}
 
-	&__list {
-		& .badge {
-			margin: 0 4px;
-		}
-
-		&:not(:last-child) {
-			margin-bottom: 32px;
-		}
+	&__list:not(:last-child) {
+		margin-bottom: 32px;
 	}
 
 	&__type {

diff --git a/packages/rocketchat-theme/client/imports/components/sidebar/sidebar-item.css b/packages/rocketchat-theme/client/imports/components/sidebar/sidebar-item.css
@@ -5,6 +5,51 @@
 		&:hover {
 			background-color: var(--sidebar-background-light-hover);
 		}
+
+		&__picture {
+			color: inherit;
+		}
+	}
+}
+
+.sidebar--big {
+	& > .rooms-list,
+	& .rooms-list__toolbar-search {
+		& .sidebar-item {
+			height: var(--sidebar-item-big-height);
+
+			&__picture {
+				flex: 0 0 var(--sidebar-item-big-thumb-size);
+
+				width: var(--sidebar-item-big-thumb-size);
+				height: var(--sidebar-item-big-thumb-size);
+			}
+
+			&__icon {
+				margin: 0 auto;
+			}
+
+			&__user-thumb {
+				width: var(--sidebar-item-big-thumb-size);
+				height: var(--sidebar-item-big-thumb-size);
+			}
+
+			&__message {
+				flex-direction: column;
+
+				&-top,
+				&-bottom {
+					display: flex;
+
+					width: 100%;
+					align-items: center;
+				}
+
+				&-bottom {
+					margin-top: 6px;
+				}
+			}
+		}
 	}
 }
 
@@ -19,13 +64,14 @@
 
 	cursor: pointer;
 
-	border-radius: var(--sidebar-item-radius);
-	align-items: center;
+	transition: all 0.3s;
 
-	background-color: var(--sidebar-item-background);
 	color: var(--sidebar-item-text-color);
 
-	transition: all 0.3s;
+	border-radius: var(--sidebar-item-radius);
+
+	background-color: var(--sidebar-item-background);
+	align-items: center;
 
 	&:hover {
 		background-color: var(--sidebar-item-hover-background);
@@ -41,7 +87,7 @@
 
 	&--unread,
 	&--mention {
-    	color: var(--sidebar-item-unread-color);
+		color: var(--sidebar-item-unread-color);
 	}
 
 	&__popup-active {
@@ -107,37 +153,114 @@
 
 		margin: 0 4px;
 
+		color: var(--sidebar-item-unread-color);
+		border-radius: var(--sidebar-item-radius);
+
 		align-items: center;
 	}
 
-	&__name {
+	&__body {
+		display: flex;
+
 		overflow: hidden;
 		flex: 1;
 
 		margin: 0 4px;
+		align-items: center;
+	}
+
+	&__message {
+		display: flex;
+		overflow: hidden;
+		flex-direction: row;
+		flex: 1;
+
+		margin: 0 -3px;
+		align-items: center;
+		justify-content: center;
+
+		&-top {
+			overflow: hidden;
+			flex: 1;
+		}
+
+		&-bottom {
+			flex: 0 0;
+		}
+	}
+
+	&__name {
+		overflow: hidden;
+
+		flex: 1;
+
+		margin: 0 3px;
 
 		white-space: nowrap;
 		text-overflow: ellipsis;
 
 		font-size: var(--sidebar-item-text-size);
-		line-height: var(--sidebar-item-height);
+
+		line-height: 1.2rem;
+	}
+
+	&__last-message {
+		overflow: hidden;
+		flex: 1;
+
+		margin: 0 3px;
+
+		white-space: nowrap;
+		text-overflow: ellipsis;
+
+		font-size: 12px;
+		line-height: 12px;
+
+		& > p, & code, & pre {
+			display: inline;
+			white-space: unset;
+		}
+
+		& br {
+			display: none;
+		}
+
+		& a {
+			pointer-events: none;
+		}
+	}
+
+	&__time {
+		margin: 0 3px;
+
+		color: var(--sidebar-item-text-color);
+
+		font-size: 10px;
 	}
 
 	&__menu {
-		padding: 6px;
 		position: absolute;
 		right: 0;
+
 		display: none;
+		flex: 0;
+
+		padding: 6px;
 
 		&-icon {
 			fill: var(--color-white);
 		}
 	}
+
+	& .mention-link {
+		color: inherit;
+		background: transparent;
+	}
 }
 
 .rtl .sidebar-item__menu {
-  left: 0;
-  right: auto;
+	right: auto;
+	left: 0;
 }
 
 .rtl .sidebar-item__user-status {

diff --git a/packages/rocketchat-theme/client/imports/general/base_old.css b/packages/rocketchat-theme/client/imports/general/base_old.css
@@ -121,7 +121,7 @@
 	border-radius: 0 0 5px 5px;
 }
 
-.rc-old .copyonly {
+.copyonly {
 	display: inline-block;
 	float: left;
 

diff --git a/packages/rocketchat-theme/client/imports/general/variables.css b/packages/rocketchat-theme/client/imports/general/variables.css
@@ -4,7 +4,7 @@
 		*/
 
 		--color-darkest: #1f2329;
-		--color-dark: #2f343d; 
+		--color-dark: #2f343d;
 		--color-dark-medium: #414852;
 		--color-dark-light: #6c727a;
 		--color-gray: #9ea2a8;
@@ -176,7 +176,9 @@
 		*/
 		--sidebar-item-radius: 2px;
 		--sidebar-item-height: 32px;
+		--sidebar-item-big-height: 62px;
 		--sidebar-item-thumb-size: 20px;
+		--sidebar-item-big-thumb-size: 36px;
 
 		--sidebar-item-text-color: var(--color-gray);
 		--sidebar-item-background: inherit;

diff --git a/packages/rocketchat-theme/server/colors.less b/packages/rocketchat-theme/server/colors.less
@@ -675,6 +675,16 @@ input:-webkit-autofill {
 	}
 }
 
+.sidebar-item__last-message {
+	a:not(.mention-link) {
+		color: @link-font-color;
+
+		&:hover {
+			color: darken(@link-font-color, 10%);
+		}
+	}
+}
+
 .message-popup.search-results-list {
 	background-color: lighten(@primary-background-color, 2.5%);
 

diff --git a/packages/rocketchat-ui-sidenav/client/chatRoomItem.js b/packages/rocketchat-ui-sidenav/client/chatRoomItem.js
@@ -24,7 +24,7 @@ Template.chatRoomItem.helpers({
 		const icon = RocketChat.roomTypes.getIcon(this.t);
 		const avatar = !icon;
 
-		return {
+		const roomData = {
 			...this,
 			icon,
 			avatar,
@@ -36,5 +36,16 @@ Template.chatRoomItem.helpers({
 			archivedClass,
 			statusClass: this.t === 'd' ? Session.get(`user_${ this.name }_status`) || 'offline' : this.t === 'l' ? RocketChat.roomTypes.getUserStatus(this.t, this.rid) || 'offline' : false
 		};
+
+		if (RocketChat.settings.get('Store_Last_Message')) {
+			if (this.lastMessage) {
+				roomData.lastMessage = this.lastMessage;
+			} else {
+				const room = RocketChat.models.Rooms.findOne(this.rid || this._id, { fields: { lastMessage: 1 } });
+				roomData.lastMessage = room && room.lastMessage || { msg: t('No_messages_yet') };
+			}
+		}
+
+		return roomData;
 	}
 });