未読数実装

public_new/chat_add_user.html

@@ -113,7 +113,7 @@
       </div>
     </div>
     <div class="chat_make_room">
-      <ul class="overlay_src_msg">
+      <ul class="overlay_src_msg" style="padding-inline-start: 20px;">
       </ul>
     </div>
     <!-- ルーム解説ボタン -->

public_new/js/chat-ui.js

@@ -1231,6 +1231,7 @@ CHAT_UI.loadMessages = function(roomId, roomName) {
              profileImage: message.profileUrl,
              createdAtDay: messageTime.createdAtDay,
              createdAtTime: messageTime.createdAtTime,
+             unreadCount: message.unreadCount,
              isToday: isToday
          });
          html = message.message.includes('attachedImages') || message.message.includes('attachedVideos') ? CHAT_UTIL.htmlDecode(html) : html;

public_new/js/constant.js

@@ -37,3 +37,4 @@ const nameCardAreaId = {
 }
 
 const messageSeperator = "<::split>";
+const dataMessageScheme = "::NOT_MESSAGE";

public_new/template/template_my_message.html

@@ -6,5 +6,7 @@
   {{^isToday}}
   <div class="date d-flex flex-column"><span>{{createdAtDay}}</span><span>{{createdAtTime}}</span></div>
   {{/isToday}}
-  <div class="read d-flex align-items-end"><span></span></div>
+  {{#unreadCount}}
+  <div class="unread d-flex align-items-end"><span>{{unreadCount}}</span></div>
+  {{/unreadCount}}
 </div>
\ No newline at end of file

public_new/template/template_user_message.html

@@ -14,5 +14,7 @@
   {{^isToday}}
   <div class="date d-flex flex-column"><span>{{createdAtDay}}</span><span>{{createdAtTime}}</span></div>
   {{/isToday}}
-  <div class="read d-flex align-items-end"><span></span></div>
+  {{#unreadCount}}
+  <div class="unread d-flex align-items-end"><span>{{unreadCount}}</span></div>
+  {{/unreadCount}}
 </div>
\ No newline at end of file