2019-11-04 17:52:47 +09:00
|
|
|
<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">
|
2019-12-17 15:13:25 +09:00
|
|
|
<div class="name">
|
2019-12-17 16:13:38 +09:00
|
|
|
<ng-container [ngSwitch]="roomInfo.roomType">
|
|
|
|
<ng-container *ngSwitchCase="RoomType.Mytalk">
|
|
|
|
MyTalk
|
|
|
|
</ng-container>
|
2019-12-26 10:20:36 +09:00
|
|
|
<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>
|
2019-12-17 15:13:25 +09:00
|
|
|
</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"
|
|
|
|
>
|
2020-01-15 19:21:58 +09:00
|
|
|
{{ roomInfo.joinUserCount }}{{ 'common.units.persons' | translate }}
|
2019-10-21 13:20:14 +09:00
|
|
|
</div>
|
2019-10-24 17:04:58 +09:00
|
|
|
<div *ngIf="!checkable && !roomInfo.receiveAlarm">
|
2019-10-23 17:03:34 +09:00
|
|
|
<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>
|
|
|
|
|
2019-10-25 13:16:11 +09:00
|
|
|
<div class="date">
|
2019-12-20 16:30:22 +09:00
|
|
|
{{ roomInfo.finalEventDate | ucapDate: 'C' }}
|
2019-10-25 13:16:11 +09:00
|
|
|
</div>
|
2019-10-21 13:20:14 +09:00
|
|
|
</dd>
|
2019-10-24 17:04:58 +09:00
|
|
|
<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
|
|
|
|
2019-10-21 15:03:27 +09:00
|
|
|
<span
|
|
|
|
class="notiBadge"
|
|
|
|
*ngIf="roomInfo.noReadCnt > 0"
|
|
|
|
[matBadgeHidden]="roomInfo.noReadCnt === 0"
|
|
|
|
[matBadge]="roomInfo.noReadCnt"
|
|
|
|
matBadgeOverlap="true"
|
|
|
|
matBadgeColor="accent"
|
|
|
|
matBadgePosition="below after"
|
|
|
|
>
|
|
|
|
</span>
|
2019-10-10 15:50:50 +09:00
|
|
|
</div>
|