コード整理及びメッセージロード修正。

public_new/js/chat-room.js

 var lastscrollvalue;
 var lastscrollvalue;
 window.onscroll = function() {
 window.onscroll = function() {
- var a = $('#messages');
- if (lastscrollvalue == undefined) {
-    lastscrollvalue = a.scrollTop;
-     // sets lastscrollvalue
- } else if (a.scrollTop > lastscrollvalue) {
-     // downscroll rules will be here
-     lastscrollvalue = a.scrollTop;
-
- } else if (a.scrollTop < lastscrollvalue) {
-     // upscroll rules will be here
-     lastscrollvalue = a.scrollTop;
+    var scrollPosition = window.scrollY || document.documentElement.scrollTop;
+    if (scrollPosition == 0) {
+        console.log('Scroll on TOP!!');
+        //TODO add getMessages(newLine);
+        if (CHAT_UTIL.isIOS()) {
+        } else if (CHAT_UTIL.isAndroid()) {
+            //android.getMessages()
+        }
     }
     }
 }
 }
+
+/*
+$('#messages').scroll(function() {
+    console.log('messagescroll');
+    if ($(this).scrollTop() === 0) {
+        if (!$('#chatLoader').is(':visible')) {
+            // 現在、メッセージの個数以前をメッセージを読み込む
+            // ローディングアイコンを追加する
+            let loader = $('<div id="chatLoader" class="text-center"><div class="spinner-grow spinner-grow-sm" role="status" /></div>')
+            $('#messages').prepend(loader)
+            loader.remove();
+//            socket.emit('getMessages', $(this).children().length, function() {
+//                // ローディングアイコンを削除する
+//                loader.remove();
+//            });
+        }
+    }
+});*/

public_new/js/chat-ui.js

@@ -1193,7 +1193,7 @@ CHAT_UI.loadMessages = function(roomId, roomName) {
             $('#messages').scroll();
             $('#messages').scroll();
         }
         }
     }
     }
-
+    CHAT_UI.waitForLoadingImage(jQueryMessages, CHAT_UI.scrollToBottom);
     // ユーザ削除ボタン表示しない
     // ユーザ削除ボタン表示しない
     $("#userSelectionDeleteBtn").hide();
     $("#userSelectionDeleteBtn").hide();
     CHAT_UI.scrollToBottom();
     CHAT_UI.scrollToBottom();

public_new/js/chat-websocket.js

@@ -163,8 +163,6 @@ function setSocketAction () {
     // New Message
     // New Message
     // #36170
     // #36170
     socket.on('newMessage', function(message, roomId, roomName) {
     socket.on('newMessage', function(message, roomId, roomName) {
-        console.log('newMessage');
-
         let messageTime = CHAT_UTIL.formatDate(message.createdAt);
         let messageTime = CHAT_UTIL.formatDate(message.createdAt);
         var userMessageTemplate;
         var userMessageTemplate;
         $.get({ url: "./template/template_user_message.html", async: false }
         $.get({ url: "./template/template_user_message.html", async: false }

public_new/js/chat.js

@@ -335,7 +335,7 @@ $(function() {
     $(this).toggleClass("filter");
     $(this).toggleClass("filter");
   });
   });
 
 
-  $('#chat .search_form input[type="search"]').keyup(function(){
+  $('#chat .search_form input[type="search"]').click(function(){
     let roomListTitle = getLocalizedString("room_search_placeholder");
     let roomListTitle = getLocalizedString("room_search_placeholder");
     $('#chatTitle').text(roomListTitle);
     $('#chatTitle').text(roomListTitle);
   });
   });