From 7e5bc54be1f288cefc37dd71a1f1e77405480db2 Mon Sep 17 00:00:00 2001
From: leejh <leejh@biztechpartners.co.kr>
Date: Wed, 23 Oct 2019 15:45:48 +0900
Subject: [PATCH] =?UTF-8?q?=EA=B8=B0=EB=8A=A5=EC=B6=94=EA=B0=80=20::=20?=
 =?UTF-8?q?=EB=8C=80=ED=99=94=20>=20=EA=B2=80=EC=83=89=EA=B8=B0=EB=8A=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../left-sidenav/chat.component.html          | 36 +++++++++++++++++--
 .../components/left-sidenav/chat.component.ts | 33 ++++++++++++++++-
 2 files changed, 65 insertions(+), 4 deletions(-)

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 90fd5e0f..539f541a 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
@@ -1,3 +1,33 @@
-<ucap-room-list-item *ngFor="let room of roomList" [loginRes]="loginRes" [roomInfo]="room"
-  [roomUserInfo]="getRoomUserList(room)" [sessionVerinfo]="sessionVerinfo" (click)="onSelectedRoom(room)">
-</ucap-room-list-item>
+<div>
+  <mat-form-field>
+    <input
+      matInput
+      #inputSearch
+      type="text"
+      maxlength="20"
+      placeholder="대화방 이름 검색"
+      value=""
+      (keydown.enter)="onKeyDownEnter(inputSearch.value)"
+    />
+    <button
+      mat-button
+      matSuffix
+      mat-icon-button
+      aria-label="Clear"
+      (click)="inputSearch.value = ''; searchWord = ''; isSearch = false"
+    >
+      <mat-icon>close</mat-icon>
+    </button>
+  </mat-form-field>
+</div>
+<div>
+  <ucap-room-list-item
+    *ngFor="let room of getRoomList()"
+    [loginRes]="loginRes"
+    [roomInfo]="room"
+    [roomUserInfo]="getRoomUserList(room)"
+    [sessionVerinfo]="sessionVerinfo"
+    (click)="onSelectedRoom(room)"
+  >
+  </ucap-room-list-item>
+</div>
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 531eb7df..8f2979e7 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
@@ -46,6 +46,9 @@ export class ChatComponent implements OnInit, OnDestroy {
     );
   }
 
+  isSearch = false;
+  searchWord = '';
+
   ngOnInit() {
     this.roomSubscription = combineLatest([
       this.store.pipe(
@@ -90,11 +93,39 @@ export class ChatComponent implements OnInit, OnDestroy {
     }
   }
 
+  onKeyDownEnter(search: string) {
+    if (search.trim().length > 1) {
+      this.isSearch = true;
+      this.searchWord = search;
+    }
+  }
+
   onSelectedRoom(roomInfo: RoomInfo) {
     this.store.dispatch(ChatStore.selectedRoom({ roomSeq: roomInfo.roomSeq }));
   }
 
-  getRoomUserList(roomInfo: RoomInfo): RoomUserInfo[] | UserInfoShort[] {
+  getRoomList() {
+    if (this.isSearch && this.searchWord.trim().length > 0) {
+      return this.roomList.filter(room => {
+        if (room.roomName.indexOf(this.searchWord) >= 0) {
+          return true;
+        }
+        if (
+          this.getRoomUserList(room).filter(user =>
+            user.seq !== this.loginRes.userSeq
+              ? user.name.indexOf(this.searchWord) >= 0
+              : false
+          ).length > 0
+        ) {
+          return true;
+        }
+        return false;
+      });
+    }
+    return this.roomList;
+  }
+
+  getRoomUserList(roomInfo: RoomInfo): (RoomUserInfo | UserInfoShort)[] {
     if (!!this.roomUserList && 0 < this.roomUserList.length) {
       const i = this.roomUserList.findIndex(
         value => roomInfo.roomSeq === value.roomSeq