Fixed to load 100 over messages

public_new/js/sockets/chat-websocket-message.js

@@ -183,7 +183,7 @@ CHAT_SOCKET.cleanUpCollaborationMessage = function () {
       .attr("disabled", "disabled");
     $(collaborationMessage)
       .find(".collaboration_join_message")
-      .text(getLocalizedString("flex-directionmessage_ended"));
+      .text(getLocalizedString("message_ended"));
   });
 };
 

public_new/js/views/chats/chat-room.js

@@ -14,28 +14,38 @@ window.onscroll = function () {
   messageCount = $(".chat_message").length;
   // TODO: peacekim :: check this condition
   if ($(this).scrollTop() === 0 && messageCount >= PagingSize.MESSAGE) {
-    setTimeout(function () {
+    setTimeout(() => {
       if (!$("#chatLoader").is(":visible")) {
         // display loading indicator in chat message
         let loader = $(
-          '<div id="chatLoader" class="text-center"><div class="spinner-grow spinner-grow-sm" role="status" /></div>'
+          '<div id="chatLoader" class="text-center"><div class="spinner-grow spinner-grow-sm" role="status" />'
         );
         $("#messages").append(loader);
-        // get lastest message id and update message from server via native
-        const messageID = $($(".chat_message").last()).data("messageid");
-        NativeBridgeDelegate.updatePreMessage(messageID);
-        let messages = NativeBridgeDataSource.getMessagesByMessageID(messageID);
+      }
+      ChatRoom.loadNewMessage().then((messages) => {
         // prepend message
         ChatRoom.prependMessage(messages);
         // hide loading indicator
-        loader.remove();
-        var afterHeight = $(".room_container").height();
+        if (typeof loader !== "undefined") {
+          loader.remove();
+        }
+        const afterHeight = $(".room_container").height();
         window.scroll(0, afterHeight - beforeHeight);
-      }
+      });
     }, 0);
   }
 };
 
+ChatRoom.loadNewMessage = async function () {
+  return new Promise(function (done) {
+    // get lastest message id and update message from server via native
+    const messageID = $($(".chat_message").last()).data("messageid");
+    NativeBridgeDelegate.updatePreMessage(messageID);
+    let messages = NativeBridgeDataSource.getMessagesByMessageID(messageID);
+    done(messages);
+  });
+};
+
 document.addEventListener("DOMContentLoaded", function () {
   // 検索イベントバインディング
   ChatRoom.bindSearchUI();