2019-10-10 10:03:25 +09:00
|
|
|
<!--체크박스 보여줄때는 <div class="list-item checkbox" matRipple> 클래스에 checkbox만 추가-->
|
2019-10-15 11:07:26 +09:00
|
|
|
<div
|
|
|
|
class="list-item"
|
|
|
|
matRipple
|
|
|
|
(contextmenu)="onContextMenu($event, userInfo)"
|
|
|
|
>
|
2019-10-10 15:37:18 +09:00
|
|
|
<!--pcOn , pcOut pcOff , pcOther-->
|
2019-10-15 11:07:26 +09:00
|
|
|
<span
|
|
|
|
class="presence"
|
|
|
|
[ngClass]="getPresence(PresenceType.PC)"
|
|
|
|
*ngIf="userPresence && userPresence.pcStatus"
|
|
|
|
>{{ userPresence.pcStatus }}
|
2019-10-11 18:24:57 +09:00
|
|
|
</span>
|
2019-10-10 15:37:18 +09:00
|
|
|
<dl class="item-default">
|
|
|
|
<dt>
|
2019-10-15 11:07:26 +09:00
|
|
|
<img
|
|
|
|
class="thumbnail"
|
|
|
|
[src]="profileImageRoot + userInfo.profileImageFile"
|
|
|
|
onerror="this.src='assets/images/img_nophoto_50.png'"
|
|
|
|
/>
|
2019-10-10 15:37:18 +09:00
|
|
|
</dt>
|
|
|
|
<dd class="info">
|
|
|
|
<div class="detail">
|
|
|
|
<span class="name">
|
|
|
|
<b>{{ userInfo.name }}</b>
|
|
|
|
{{ userInfo.grade }}
|
|
|
|
</span>
|
|
|
|
<span class="dept">
|
|
|
|
{{ userInfo.deptName }}
|
|
|
|
</span>
|
|
|
|
</div>
|
2019-10-15 11:07:26 +09:00
|
|
|
<div
|
|
|
|
class="msg-status"
|
|
|
|
*ngIf="!checkable && userInfo.intro.trim() && !compactable"
|
|
|
|
>
|
2019-10-10 15:50:50 +09:00
|
|
|
{{ userInfo.intro }}
|
2019-10-10 15:37:18 +09:00
|
|
|
</div>
|
|
|
|
</dd>
|
|
|
|
</dl>
|
2019-10-10 10:03:25 +09:00
|
|
|
<mat-checkbox *ngIf="checkable"></mat-checkbox>
|
2019-10-02 17:12:51 +09:00
|
|
|
</div>
|