59 lines
1.5 KiB
HTML
Raw Normal View History

2019-10-10 10:03:25 +09:00
<!--체크박스 보여줄때는 <div class="list-item checkbox" matRipple> 클래스에 checkbox만 추가-->
2019-10-15 16:39:58 +09:00
<div class="list-item" matRipple>
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)"
2019-10-18 12:49:23 +09:00
*ngIf="presence && presence.pcStatus"
>{{ presence.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-17 18:11:38 +09:00
<!-- <img
2019-10-15 11:07:26 +09:00
class="thumbnail"
2019-10-17 16:57:37 +09:00
[src]="
profileImageRoot
| ucapUiImaage
: {
path: userInfo.profileImageFile,
default: 'assets/images/img_nophoto_50.png'
}
| async
"
2019-10-17 18:11:38 +09:00
/> -->
<ucap-ui-imaage
[imageClass]="'thumbnail'"
[base]="profileImageRoot"
[path]="userInfo.profileImageFile"
[default]="'assets/images/img_nophoto_50.png'"
></ucap-ui-imaage>
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"
>
{{ userInfo.intro }}
2019-10-10 15:37:18 +09:00
</div>
</dd>
</dl>
2019-10-17 18:11:38 +09:00
<mat-checkbox
*ngIf="checkable"
#checkbox
[checked]="isChecked"
(change)="onChangeCheck(checkbox.checked, userInfo)"
(click)="$event.stopPropagation()"
>
</mat-checkbox>
2019-10-02 17:12:51 +09:00
</div>