여기까지 읽음 기능 추가.

projects/ucap-webmessenger-ui-chat/src/lib/components/messages.component.html

@@ -1,7 +1,20 @@
 <div class="chat-messages" #scrollMe>
-  <!-- <div class="message-row" *ngIf="eventRemain">
-    <button mat-button (click)="onClickMore($event)">이전 대화 보기</button>
-  </div> -->
+  <div class="message-row" *ngIf="eventRemain">
+    <button mat-button (click)="onClickMore($event)">
+      이전 대화 보기
+      <span
+        *ngIf="
+          !!roomInfo &&
+          !!firstEventSeq &&
+          roomInfo.lastReadEventSeq < firstEventSeq
+        "
+      >
+        안읽은 메시지가 더 있습니다.({{
+          firstEventSeq - (roomInfo.lastReadEventSeq + 1)
+        }})개
+      </span>
+    </button>
+  </div>
   <!-- MESSAGE -->
   <div
     *ngFor="let message of messages; let i = index"
@@ -11,6 +24,13 @@
       contact: message.senderSeq !== loginRes.userSeq
     }"
   >
+    <ucap-chat-message-box-read-here
+      id="message-box-readhere"
+      *ngIf="getReadHere(i) && existReadHere && !clearReadHere"
+      class="date-splitter"
+    >
+    </ucap-chat-message-box-read-here>
+
     <ucap-chat-message-box-date-splitter
       *ngIf="getDateSplitter(i)"
       class="date-splitter"