From 68fae90bfc3386edf8ab6f67189cb40224af2ee7 Mon Sep 17 00:00:00 2001
From: leejinho <lilis7575@gmail.com>
Date: Wed, 5 Feb 2020 13:07:51 +0900
Subject: [PATCH] =?UTF-8?q?=EC=84=A0=ED=83=9D=EB=90=9C=20=EB=B0=A9=20chat?=
 =?UTF-8?q?=20list=20=EC=97=90=EC=84=9C=20=EC=84=A0=ED=83=9D=20=ED=91=9C?=
 =?UTF-8?q?=EC=8B=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../messenger/components/left-sidenav/chat.component.html    | 1 +
 .../messenger/components/left-sidenav/chat.component.ts      | 5 +++++
 .../src/lib/components/list-item.component.html              | 2 +-
 .../src/lib/components/list-item.component.ts                | 2 ++
 4 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/chat.component.html b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/chat.component.html
index 693dbc23..dab6dc42 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/chat.component.html
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/chat.component.html
@@ -54,6 +54,7 @@
     <ucap-room-list-item
       *ngFor="let room of roomList"
       [loginRes]="loginRes"
+      [isSelected]="(selectedRoomInfo$ | async)?.roomSeq === room.roomSeq"
       [roomInfo]="room"
       [roomUserInfo]="getRoomUserList(room)"
       [sessionVerinfo]="sessionVerinfo"
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/chat.component.ts b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/chat.component.ts
index ddf50cf8..53cdeb55 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/chat.component.ts
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/chat.component.ts
@@ -64,6 +64,7 @@ export class ChatComponent implements OnInit, OnDestroy, AfterViewChecked {
 
   loginRes: LoginResponse;
   loginResSubscription: Subscription;
+  selectedRoomInfo$: Observable<RoomInfo>;
   roomSubscription: Subscription;
 
   isSearch = false;
@@ -174,6 +175,10 @@ export class ChatComponent implements OnInit, OnDestroy, AfterViewChecked {
         })
       )
       .subscribe();
+
+    this.selectedRoomInfo$ = this.store.pipe(
+      select(AppStore.MessengerSelector.RoomSelector.roomInfo)
+    );
   }
 
   ngOnDestroy(): void {
diff --git a/projects/ucap-webmessenger-ui-room/src/lib/components/list-item.component.html b/projects/ucap-webmessenger-ui-room/src/lib/components/list-item.component.html
index ae747046..5d44475e 100644
--- a/projects/ucap-webmessenger-ui-room/src/lib/components/list-item.component.html
+++ b/projects/ucap-webmessenger-ui-room/src/lib/components/list-item.component.html
@@ -1,4 +1,4 @@
-<div class="list-item" matRipple>
+<div class="list-item" matRipple [ngClass]="isSelected ? 'selected' : ''">
   <dl class="item-default">
     <dt>
       <div class="thumbnail-mask">
diff --git a/projects/ucap-webmessenger-ui-room/src/lib/components/list-item.component.ts b/projects/ucap-webmessenger-ui-room/src/lib/components/list-item.component.ts
index 6d6d11ac..2c48ba90 100644
--- a/projects/ucap-webmessenger-ui-room/src/lib/components/list-item.component.ts
+++ b/projects/ucap-webmessenger-ui-room/src/lib/components/list-item.component.ts
@@ -35,6 +35,8 @@ export class ListItemComponent implements OnInit {
   @Input()
   loginRes: LoginResponse;
   @Input()
+  isSelected: boolean;
+  @Input()
   roomInfo: RoomInfo;
   @Input()
   roomUserInfo: (RoomUserInfo | UserInfoShort)[];