From 5b817ecd44ac5672da2042bb72ba8cf6e8d911f1 Mon Sep 17 00:00:00 2001
From: Kegan Dougal <kegan@matrix.org>
Date: Fri, 15 Aug 2014 17:42:02 +0100
Subject: Added infinite scrolling. It's sliiiightly buggy in that it jumps
 down the list a bit, but it is overall working pretty well. Added
 ng-infinite-scroll-matrix.js and jquery-1.8.3 as deps.

---
 webclient/room/room.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

(limited to 'webclient/room/room.html')

diff --git a/webclient/room/room.html b/webclient/room/room.html
index 93917071d9..e2a4c221c6 100644
--- a/webclient/room/room.html
+++ b/webclient/room/room.html
@@ -20,9 +20,9 @@
         </table>
     </div>
     
-    <div class="messageTableWrapper">
-        <table class="messageTable">
-            <tr ng-repeat="msg in events.rooms[room_id].messages" ng-class="msg.user_id === state.user_id ? 'mine' : ''">
+    <div class="messageTableWrapper" keep-scroll>
+        <table class="messageTable" infinite-scroll="paginateMore()">
+            <tr ng-repeat="msg in events.rooms[room_id].messages" ng-class="msg.user_id === state.user_id ? 'mine' : ''" scroll-item>
                 <td class="leftBlock">
                     <div class="sender" ng-hide="events.rooms[room_id].messages[$index - 1].user_id === msg.user_id">{{ members[msg.user_id].displayname || msg.user_id }}</div>
                     <div class="timestamp">{{ msg.content.hsob_ts | date:'MMM d HH:mm:ss' }}</div>
-- 
cgit 1.4.1