Changeset 1106580

Timestamp:

03/06/2015 04:59:36 AM (11 years ago)

Author:

guavaworks

Message:

added in auto scroll chat when new message if needed

File:

• chat-rooms-powered-by-firebase/trunk/js/chatroom_app.js (modified) (4 diffs)

chat-rooms-powered-by-firebase/trunk/js/chatroom_app.js

@@ +1 @@
+var $ = jQuery;
 var chat_app = angular.module( 'chat_app', ['firebase'] );
 
@@ -6 +7 @@
     
     $scope.startChat = function( post ) {
-        console.log( post );
         $http.get( wpAngularVars.base +'/posts/' + post ).then(function(res) {
             $scope.chatroom = res.data;
             
             var fire_chatroom = $firebase( new Firebase( fireData.fire_url ).child( $scope.chatroom.ID )).$asObject();
-            fire_chatroom.$bindTo( $scope, 'fireChat' );
-            
+            fire_chatroom.$bindTo( $scope, 'fireChat' ).then(function(){
+                console.log('chat messages init..');
+                $scope.scrollChat();
+            });
         });
     }
@@ -18 +20 @@
     $scope.resetMsg = function( name ) {
         $scope.msg = {
+            name: name,
             msg: ''
         }
@@ -33 +36 @@
         
         $scope.resetMsg( name );
+        $scope.scrollChat();
         
+    }
+    
+    $scope.scrollChat = function() {
+        if( $('#fire_chat_messages')[0].scrollHeight > $('#fire_chat_messages').outerHeight() ) {
+            $('#fire_chat_messages').animate({
+                scrollTop: $('#fire_chat_messages')[0].scrollHeight
+            })
+        }
     }