next-ucap-messenger/projects/ucap-webmessenger-ui-profile/src/lib/components/user-list-item.component.html

45 lines
1.1 KiB
HTML

<!--체크박스 보여줄때는 <div class="list-item checkbox" matRipple> 클래스에 checkbox만 추가-->
<div class="list-item" matRipple>
<!--pcOn , pcOut pcOff , pcOther-->
<span
class="presence"
[ngClass]="getPresence(PresenceType.PC)"
*ngIf="userPresence && userPresence.pcStatus"
>{{ userPresence.pcStatus }}
</span>
<dl class="item-default">
<dt>
<img
class="thumbnail"
[src]="
profileImageRoot
| ucapUiImaage
: {
path: userInfo.profileImageFile,
default: 'assets/images/img_nophoto_50.png'
}
| async
"
/>
</dt>
<dd class="info">
<div class="detail">
<span class="name">
<b>{{ userInfo.name }}</b>
{{ userInfo.grade }}
</span>
<span class="dept">
{{ userInfo.deptName }}
</span>
</div>
<div
class="msg-status"
*ngIf="!checkable && userInfo.intro.trim() && !compactable"
>
{{ userInfo.intro }}
</div>
</dd>
</dl>
<mat-checkbox *ngIf="checkable"></mat-checkbox>
</div>