#43695 ウェブソケットの送信方式変更

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

 CHAT_SOCKET.bindOnNewMessage = function () {
   // New Message
   // #36170
-  socket.on(SOCKET_KEY.NEW_MESSAGE, function (message, roomID, roomName) {
-    CHAT_SOCKET.handleMessage(message, roomName, SOCKET_KEY.NEW_MESSAGE)
+  socket.on(SOCKET_KEY.NEW_MESSAGE, function (message, roomID, roomName, onlineUsers) {
+    CHAT_SOCKET.handleMessage(message, roomName, SOCKET_KEY.NEW_MESSAGE, roomID, onlineUsers)
   });
 
-  socket.on(SOCKET_KEY.NEW_COMMUNICATION, function (message, roomID, roomName) {
-    CHAT_SOCKET.handleMessage(message, roomName, SOCKET_KEY.NEW_COMMUNICATION)
+  socket.on(SOCKET_KEY.NEW_COMMUNICATION, function (message, roomID, roomName, collaborationType, meetingID) {
+    CHAT_SOCKET.handleMessage(message, roomName, SOCKET_KEY.NEW_COMMUNICATION, null, null, collaborationType, meetingID)
   });
 };
 
-CHAT_SOCKET.handleMessage = function (message, roomName, socketKey) {
+CHAT_SOCKET.handleMessage = function (message, roomName, socketKey, roomID = null, onlineUsers = null, collaborationType = null, meetingID = null) {
   const systemMessageTemplate = getTemplate(TemplateURL.SYSTEM_MESSAGE);
 
   const unwrappedMessageInfo = CHAT_SOCKET.decodeMessage(message.text);
@@ -34,10 +34,12 @@ CHAT_SOCKET.handleMessage = function (message, roomName, socketKey) {
       message.userId,
       roomName,
       message.insertDate,
-      message.createdAt
+      message.createdAt,
+      collaborationType,
+      meetingID
     );
   } else {
-    CHAT_SOCKET.addTextMessage(messageText, message, socket.id);
+    CHAT_SOCKET.addTextMessage(messageText, message, socket.id, roomID, onlineUsers);
   }
 
   if (typeof ChatRoom !== "undefined") {
@@ -63,10 +65,12 @@ CHAT_SOCKET.addCollaborationMessage = function (
   userID,
   roomName,
   insertDate,
-  createdAt
+  createdAt,
+  collaborationType,
+  meetingID
 ) {
-  const collaborationType = CHAT_UTIL.getCollaborationType(messageInfo[2]);
-  const meetingID = CHAT_SOCKET.getMeetingID(collaborationType, messageInfo);
+  const collaborationType = collaborationType;
+  const meetingID = meetingID;
   const userInCollaboration = JSON.parse(
     NativeBridgeDataSource.getUserInfoList(userID)
   );
@@ -125,7 +129,7 @@ CHAT_SOCKET.renderCollaborationMessage = function (
   });
 };
 
-CHAT_SOCKET.addTextMessage = function (messageText, message, socketID) {
+CHAT_SOCKET.addTextMessage = function (messageText, message, socketID, roomID, onlineUsers) {
   const messageTextWithSID = CHAT_SOCKET.insertSID(messageText);
   const messageSender = JSON.parse(
     NativeBridgeDataSource.getUserInfoList(message.userId)
@@ -135,13 +139,16 @@ CHAT_SOCKET.addTextMessage = function (messageText, message, socketID) {
     message.id === socketID
   );
   const profileImagePath = Common.getProfileImgUrl(message.profileImagePath);
+  const users = NativeBridgeDataSource.getUsersInRoom(roomID);
+  const unreadCount = users.length - (onlineUsers.users.length - 1);
   const html = CHAT_SOCKET.renderTextMessage(
     textMessageTemplate,
     messageTextWithSID,
     shopMemberName,
     profileImagePath,
     message.userId,
-    message.createdAt
+    message.createdAt,
+    unreadCount
   );
   $("#messages").prepend(html);
 };
@@ -152,7 +159,8 @@ CHAT_SOCKET.renderTextMessage = function (
   from,
   profileImagePath,
   userID,
-  createdAt
+  createdAt,
+  unreadCount
 ) {
   let messageTime = CHAT_UTIL.formatDate(createdAt);
   let dataInsertedTemplate = Mustache.render(template, {
@@ -164,6 +172,7 @@ CHAT_SOCKET.renderTextMessage = function (
     createdAtDay: messageTime.createdAtDay,
     createdAtTime: messageTime.createdAtTime,
     isToday: true,
+    unreadCount: unreadCount,
   });
 
   // イメージの場合、img tagを追加する

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

@@ -96,7 +96,7 @@ ChatRoom.loadMessages = function (joinRoomID, joinRoomName) {
 
   // メッセージ表示
   let messages = NativeBridgeDataSource.getMessagesByRoomID(roomID);
-  ChatRoom.prependMessage(messages);
+  ChatRoom.prependMessage(messages, roomID);
 
 
   window.addEventListener(