From 84a30fc416cddcd7997cefe1a93331b66b5640aa Mon Sep 17 00:00:00 2001
From: leejinho <lilis7575@gmail.com>
Date: Mon, 30 Dec 2019 15:55:48 +0900
Subject: [PATCH] =?UTF-8?q?=EB=AA=A8=EB=B0=94=EC=9D=BC=20status=20?=
 =?UTF-8?q?=ED=91=9C=EC=8B=9C=20=EC=B2=98=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/user-list-item.component.html    |  6 ++++++
 .../components/user-list-item.component.scss    | 17 +++++++++++++++++
 .../lib/components/user-list-item.component.ts  |  7 +++++--
 3 files changed, 28 insertions(+), 2 deletions(-)

diff --git a/projects/ucap-webmessenger-ui-profile/src/lib/components/user-list-item.component.html b/projects/ucap-webmessenger-ui-profile/src/lib/components/user-list-item.component.html
index 9f4cd16f..69d175de 100644
--- a/projects/ucap-webmessenger-ui-profile/src/lib/components/user-list-item.component.html
+++ b/projects/ucap-webmessenger-ui-profile/src/lib/components/user-list-item.component.html
@@ -14,6 +14,12 @@
           (click)="onClickOpenProfile($event, userInfo)"
         />
       </div>
+      <span
+        *ngIf="getPresence(PresenceType.MOBILE) === 'mobileOn'"
+        class="text-accent-color badge-mobile-state"
+      >
+        <mat-icon>phone_android</mat-icon>
+      </span>
     </dt>
     <dd class="info">
       <div class="detail">
diff --git a/projects/ucap-webmessenger-ui-profile/src/lib/components/user-list-item.component.scss b/projects/ucap-webmessenger-ui-profile/src/lib/components/user-list-item.component.scss
index 3a888f93..fcf879f9 100644
--- a/projects/ucap-webmessenger-ui-profile/src/lib/components/user-list-item.component.scss
+++ b/projects/ucap-webmessenger-ui-profile/src/lib/components/user-list-item.component.scss
@@ -26,6 +26,23 @@ $thumbnail-msize: 40px;
   }
 }
 
+.badge-mobile-state {
+  position: absolute;
+  background-color: #ffffff;
+  width: 18px;
+  height: 18px;
+  border-radius: 50%;
+  bottom: 14px;
+  left: 60px;
+  text-align: center;
+  .mat-icon {
+    font-size: 14px;
+    width: 18px;
+    height: 18px;
+    line-height: 18px;
+  }
+}
+
 %list-item {
   position: relative;
   display: flex;
diff --git a/projects/ucap-webmessenger-ui-profile/src/lib/components/user-list-item.component.ts b/projects/ucap-webmessenger-ui-profile/src/lib/components/user-list-item.component.ts
index 28d5212d..d230a758 100644
--- a/projects/ucap-webmessenger-ui-profile/src/lib/components/user-list-item.component.ts
+++ b/projects/ucap-webmessenger-ui-profile/src/lib/components/user-list-item.component.ts
@@ -65,13 +65,16 @@ export class UserListItemComponent implements OnInit {
       this.profileImageRoot || this.sessionVerinfo.profileRoot;
   }
 
-  getPresence(type: string): string {
+  getPresence(type: PresenceType): string {
     let status: string;
     let rtnClass = '';
     switch (type) {
-      case 'pc':
+      case PresenceType.PC:
         status = !!this.presence ? this.presence.pcStatus : undefined;
         break;
+      case PresenceType.MOBILE:
+        status = !!this.presence ? this.presence.mobileStatus : undefined;
+        break;
     }
 
     if (!!status) {