100 lines
2.9 KiB
HTML
Raw Normal View History

<div class="list-item" matRipple>
2019-10-21 13:20:14 +09:00
<dl class="item-default">
<dt>
2019-12-23 17:48:28 +09:00
<div class="thumbnail-mask">
<img
class="thumbnail"
ucapImage
[base]="sessionVerinfo.profileRoot"
[path]="imagePath"
[default]="defaultPath"
/>
</div>
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-11-26 14:53:51 +09:00
<!-- <div style="position: relative;">
<div
class="num text-accent-darkest thumbnail"
*ngIf="roomInfo.roomType === RoomType.Multi"
style="position: absolute; width: 40px; height: 40px; top: -40px"
>
{{ roomInfo.joinUserCount }}
</div>
</div> -->
2019-10-21 13:20:14 +09:00
</dt>
<dd class="info">
<div class="detail">
<div class="room-name">
<div class="name">
2019-12-17 16:13:38 +09:00
<ng-container [ngSwitch]="roomInfo.roomType">
<ng-container *ngSwitchCase="RoomType.Mytalk">
MyTalk
</ng-container>
<ng-container
*ngSwitchCase="
RoomType.Bot ||
RoomType.Allim ||
RoomType.Allim_Elephant ||
RoomType.Allim_TMS
"
>
2019-12-17 16:13:38 +09:00
{{ _roomUserInfos | ucapTranslate: 'name':',' }}
</ng-container>
<ng-container *ngSwitchDefault>
<ng-template
[ngIf]="
!!roomInfo.roomName && '' !== roomInfo.roomName.trim()
"
[ngIfElse]="roomNameNotExist"
>
{{ roomInfo.roomName }}
</ng-template>
<ng-template #roomNameNotExist>
{{ _roomUserInfos | ucapTranslate: 'name':',' }}
</ng-template>
</ng-container>
</ng-container>
</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 }}{{ 'common.units.persons' | translate }}
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">
2019-12-20 16:30:22 +09:00
{{ roomInfo.finalEventDate | ucapDate: 'C' }}
</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
2020-01-16 11:13:34 +09:00
<div
2020-01-16 10:20:07 +09:00
class="noti-num"
*ngIf="roomInfo.noReadCnt > 0"
[matBadgeHidden]="roomInfo.noReadCnt === 0"
[matBadge]="roomInfo.noReadCnt"
matBadgeOverlap="true"
matBadgeColor="accent"
matBadgePosition="below after"
>
2020-01-16 11:13:34 +09:00
</div>
</div>