60 lines
1.5 KiB
HTML
Raw Normal View History

<div class="list-item" matRipple>
2019-10-21 13:20:14 +09:00
<dl class="item-default">
<dt>
<img
class="thumbnail"
2019-11-05 13:45:30 +09:00
ucapImage
[base]="sessionVerinfo.profileRoot"
[path]="imagePath"
[default]="defaultPath"
/>
2019-11-01 13:03:57 +09:00
<span *ngIf="roomInfo.isTimeRoom" class="text-warn-color badge-timer">
2019-11-05 13:45:30 +09:00
<mat-icon>timer</mat-icon>
2019-10-31 19:17:29 +09:00
</span>
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-11-05 13:45:30 +09:00
<div
2019-11-19 11:41:54 +09:00
class="num bg-accent-light"
2019-11-05 13:45:30 +09:00
*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>