64 lines
1.7 KiB
HTML
Raw Normal View History

2019-10-21 13:20:14 +09:00
<div class="list-item">
<dl class="item-default">
<dt>
<!-- <img class="thumbnail" /> -->
<img
class="thumbnail"
ucapUiImage
[base]="sessionVerinfo.profileRoot"
[path]="imagePath"
[default]="defaultPath"
/>
2019-10-31 19:17:29 +09:00
<span *ngIf="roomInfo.isTimeRoom" class="badge-timer">
<mat-icon>timer</mat-icon>
</span>
<!-- <ucap-ui-imaage
[imageClass]="'thumbnail'"
[base]="sessionVerinfo.profileRoot"
[path]="imagePath"
[default]="defaultPath"
></ucap-ui-imaage> -->
2019-10-21 13:20:14 +09:00
</dt>
<dd class="info">
<div class="detail">
<div class="room-name">
<div class="name">{{ getRoomName(roomInfo) }}</div>
2019-10-31 19:17:29 +09:00
<div class="num text-accent-color" *ngIf="roomInfo.roomType === RoomType.Multi">
{{ roomInfo.joinUserCount }}명
2019-10-21 13:20:14 +09:00
</div>
<div *ngIf="!checkable && !roomInfo.receiveAlarm">
<mat-icon>notifications_off</mat-icon>
</div>
2019-10-21 13:20:14 +09:00
</div>
2019-10-31 19:17:29 +09:00
<div class="room-msg">
{{ finalEventMessage }}
</div>
2019-10-21 13:20:14 +09:00
</div>
<div class="date">
{{ roomInfo.finalEventDate | dateToStringChatList }}
</div>
2019-10-21 13:20:14 +09:00
</dd>
<dd *ngIf="checkable">
<mat-checkbox
#checkbox
[checked]="isChecked"
(change)="onChangeCheck(checkbox.checked, roomInfo)"
(click)="$event.stopPropagation()"
>
</mat-checkbox>
</dd>
2019-10-21 13:20:14 +09:00
</dl>
2019-10-31 19:17:29 +09:00
<span
class="notiBadge"
*ngIf="roomInfo.noReadCnt > 0"
[matBadgeHidden]="roomInfo.noReadCnt === 0"
[matBadge]="roomInfo.noReadCnt"
matBadgeOverlap="true"
matBadgeColor="accent"
matBadgePosition="below after"
>
</span>
</div>