Merge branch 'dev-username-id' of...

Merge branch 'dev-username-id' of http://gitlab.informatika.org/IF3110-2017-K02-AMEN/TugasBesar3_2017

TugasBesar2_2017/WebApp/src/main/webapp/WEB-INF/chat.jsp

@@ -75,6 +75,20 @@
 
             $scope.chatList = []
 
+            // Scroll to bottom.
+
+            let scrollToBottom = function () {
+                let area = document.querySelector('#scrollArea')
+                area.scroll({top: area.scrollHeight, behavior: 'smooth'})
+            }
+
+            scrollToBottom()
+            $scope.$watchCollection('chatList', function (newValue) {
+                if (newValue) {
+                    $timeout(scrollToBottom, 100)
+                }
+            })
+
             // Initialize Firebase.
             account.initAsync()
                 .then(function (chats) {

TugasBesar2_2017/WebApp/src/main/webapp/WEB-INF/chat_driver.jsp

@@ -20,7 +20,7 @@
                 <h2>${pickerId}</h2>
             </div>
         </div>
-        <div ng-controller="ChatController">
+        <div ng-controller="ChatController" ng-scroll-bottom="chatList">
             <div id="scrollArea">
                 <div ng-repeat="chat in chatList">
                     <p class="chat-bubble-left" ng-if="chat.from === 'them'">{{chat.text}}</p>
@@ -54,6 +54,20 @@
 
             $scope.chatList = []
 
+            // Scroll to bottom.
+
+            let scrollToBottom = function () {
+                let area = document.querySelector('#scrollArea')
+                area.scroll({top: area.scrollHeight, behavior: 'smooth'})
+            }
+
+            scrollToBottom()
+            $scope.$watchCollection('chatList', function (newValue) {
+                if (newValue) {
+                    $timeout(scrollToBottom, 100)
+                }
+            })
+
             // Initialize Firebase.
             account.initAsync()
                 .then(function (chats) {