From 341fe868e4c67e9abecefc07771cf1b1e6f36b74 Mon Sep 17 00:00:00 2001
From: Matthew Hodgson <matthew@matrix.org>
Date: Tue, 14 Jul 2015 00:25:51 +0100
Subject: [PATCH] group messages together from the same user

---
 skins/base/css/molecules/MessageTile.css  | 12 ++++++++++++
 skins/base/views/molecules/MessageTile.js |  3 ++-
 src/controllers/organisms/RoomView.js     | 13 ++++++++++++-
 3 files changed, 26 insertions(+), 2 deletions(-)

diff --git a/skins/base/css/molecules/MessageTile.css b/skins/base/css/molecules/MessageTile.css
index ed39eb58d2..244c8b7367 100644
--- a/skins/base/css/molecules/MessageTile.css
+++ b/skins/base/css/molecules/MessageTile.css
@@ -29,6 +29,16 @@ limitations under the License.
 	float: left;	
 }
 
+.mx_MessageTile_continuation {
+	margin-top: 8px ! important;
+}
+
+.mx_MessageTile_continuation .mx_MessageTile_avatar,
+.mx_MessageTile_continuation .mx_SenderProfile
+{
+	display: none ! important;
+}
+
 .mx_MessageTile .mx_SenderProfile {
 	color: #acacac;
 	font-size: 13px;
@@ -43,6 +53,8 @@ limitations under the License.
 }
 
 .mx_MessageTile_content {
+	padding-right: 100px;
+	display: block;
 }
 
 .mx_MessageTile_sending {
diff --git a/skins/base/views/molecules/MessageTile.js b/skins/base/views/molecules/MessageTile.js
index 82bc0c7c42..c6d8b62be7 100644
--- a/skins/base/views/molecules/MessageTile.js
+++ b/skins/base/views/molecules/MessageTile.js
@@ -52,7 +52,8 @@ module.exports = React.createClass({
             mx_MessageTile: true,
             mx_MessageTile_sending: this.props.mxEvent.status == 'sending',
             mx_MessageTile_notSent: this.props.mxEvent.status == 'not_sent',
-            mx_MessageTile_highlight: this.shouldHighlight()
+            mx_MessageTile_highlight: this.shouldHighlight(),
+            mx_MessageTile_continuation: this.props.continuation,
         });
         return (
             <div className={classes}>
diff --git a/src/controllers/organisms/RoomView.js b/src/controllers/organisms/RoomView.js
index 6049eee0e1..33d50df8bf 100644
--- a/src/controllers/organisms/RoomView.js
+++ b/src/controllers/organisms/RoomView.js
@@ -226,9 +226,20 @@ module.exports = {
         for (var i = this.state.room.timeline.length-1; i >= 0 && count < this.state.messageCap; --i) {
             var mxEv = this.state.room.timeline[i];
             var TileType = tileTypes[mxEv.getType()];
+            var continuation = false;
+            if (i > 0 &&
+                count < this.state.messageCap - 1 &&
+                this.state.room.timeline[i].sender &&
+                this.state.room.timeline[i - 1].sender &&
+                this.state.room.timeline[i].sender.userId ===
+                    this.state.room.timeline[i - 1].sender.userId)
+            {
+                console.log("i=" + i + ", continuation=true");
+                continuation = true;
+            }
             if (!TileType) continue;
             ret.unshift(
-                <TileType key={mxEv.getId()} mxEvent={mxEv} />
+                <TileType key={mxEv.getId()} mxEvent={mxEv} continuation={continuation}/>
             );
             ++count;
         }