add bold message

src/app/pages/chat/chat.page.html

@@ -57,7 +57,7 @@
                         <ion-label >
                           <span >
                             <div >
-                              <div >
+                              <div  [class.bold-message]="room.messageUnread == true">
                                 {{room.name}}
                               </div>
                             </div>
@@ -125,7 +125,7 @@
                     <div (click)="openGroupMessagesPage(group.id)" class="item-content flex-grow-1 cursor-pointer">
                       <div class="item-title-time">
                         <div class="item-title" [class.item-title-active]="group.id ==idSelected">
-                          <ion-label>{{group.name.split('-').join(' ')}}</ion-label>
+                          <ion-label [class.bold-message]="group.messageUnread == true">{{group.name.split('-').join(' ')}}</ion-label>
                         </div>
                         <div class="item-date" [class.item-date-active]="group.id ==idSelected" *ngIf="group.lastMessage && !group.customFields.countDownDate">{{group.duration}}</div>
                         <div class="item-date" [class.item-date-active]="group.id ==idSelected" *ngIf="group.customFields.countDownDate">{{group.countDownTime}}</div>

src/app/pages/chat/chat.page.scss

@@ -178,3 +178,8 @@ ion-content{
   color: #fff !important;
   background-color: #42b9fe !important;
 }
+
+
+.bold-message {
+  font-weight: bold;
+}

src/app/services/chat/room.service.ts

@@ -53,6 +53,8 @@ export class RoomService {
   u
   sessionStore = SessionStore
   countDownTime = ''
+  chatOpen  = false
+  messageUnread = false
 
   scrollDown = () => { }
 
@@ -256,7 +258,12 @@ export class RoomService {
           }
           
           message.addMessageDB()
-  
+          
+
+          if(this.chatOpen == false) {
+            this.messageUnread = true
+          }
+
           setTimeout(()=>{
             this.scrollDown()
           }, 50)   
@@ -594,10 +601,13 @@ export class RoomService {
 
   roomLeave() {
     this.setTypingOff()
+    this.chatOpen = false
   }
 
   open() {
     // this.typing(this.message)
+    this.chatOpen = true
+    this.messageUnread = false
   }
 
 
@@ -872,6 +882,7 @@ export class RoomService {
   sendReadMessage() {
     this.WsChatService.readMessage(this.id)
     this.sendFalseTypingReadMessage('viewMessage', {})
+    this.messageUnread = false
   }
 
 }