91 lines
2.9 KiB
HTML
Raw Normal View History

2020-01-17 10:41:22 +09:00
<virtual-scroller
#scroll
[items]="eventList"
perfectScrollbar
fxFlexFill
#psChatContent
2020-01-29 17:45:38 +09:00
[bufferAmount]="5"
2020-01-30 14:12:51 +09:00
[compareItems]="compareItemsFunc"
2020-01-17 10:41:22 +09:00
(psScrollUp)="onScrollup($event)"
(psYReachStart)="onYReachStart($event)"
(psYReachEnd)="onYReachEnd($event)"
[enableUnequalChildrenSizes]="true"
[modifyOverflowStyleOfParentScroll]="false"
2020-01-17 10:41:22 +09:00
>
2020-01-20 18:01:31 +09:00
<div #chatMessagesContainer class="chat-messages">
<div
*ngIf="eventRemained && !!eventList && eventList.length > 0"
2020-01-17 10:41:22 +09:00
class="message-row view-previous"
>
2020-01-17 10:41:22 +09:00
<button mat-button (click)="onClickMore($event)" class="bg-accent-dark">
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
viewBox="0 0 20 20"
stroke="currentColor"
fill="none"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<circle class="st0" cx="10" cy="10" r="7.3" />
<polyline class="st0" points="12.9,10 10,7.1 7.1,10 " />
<line class="st0" x1="10" y1="12.9" x2="10" y2="7.1" />
</svg>
<span>{{ 'chat.event.showPreviousEvents' | translate }}</span>
</button>
<div
class="unRead-count"
*ngIf="
!!roomInfo &&
!!baseEventSeq &&
roomInfo.lastReadEventSeq < baseEventSeq
"
>
<span class="line"></span>
<span class="count" [innerHTML]="getStringReadHereMore()"> </span>
<span class="line"></span>
</div>
<span class="line"></span>
</div>
2020-01-17 10:41:22 +09:00
<!-- MESSAGE -->
<div #container>
<ucap-chat-message-box
2020-01-30 14:12:51 +09:00
#chatMessageBox
*ngFor="let message of scroll.viewPortItems; trackBy: trackByEvent"
2020-01-17 10:41:22 +09:00
[id]="message.seq"
[message]="message"
[mine]="message.senderSeq === loginRes.userSeq"
[highlight]="isHighlightedEvent(message.seq)"
[existReadToHere]="
2020-01-21 16:36:48 +09:00
!!readToHereEvent && readToHereEvent.seq === message.seq
"
[dateChanged]="getDateSplitter(message)"
2020-01-17 10:41:22 +09:00
[senderName]="getUserName(message.senderSeq)"
[profileImageRoot]="profileImageRoot"
[profileImage]="getUserProfile(message.senderSeq)"
[eventInfoStatus]="eventInfoStatus"
[translationSimpleview]="translationSimpleview"
[unreadCount]="isShowUnreadCount ? getUnreadCount(message) : undefined"
(openProfile)="onClickOpenProfile($event)"
(massDetail)="onMassDetail($event)"
(massTranslationDetail)="onMassTranslationDetail($event)"
(fileViewer)="onFileViewer($event)"
(save)="onSave($event)"
(contextMenu)="onContextMenu($event)"
>
</ucap-chat-message-box>
</div>
</div>
</virtual-scroller>
2020-01-20 18:01:31 +09:00
<div
2020-01-30 17:05:22 +09:00
#chatMessagesBufferContainer
2020-01-20 18:01:31 +09:00
fxFlexFill
2020-01-30 17:05:22 +09:00
class="chat-messages-buffer-container disappear"
>
<div #chatMessagesBuffer fxFlexFill class="chat-messages-buffer"></div>
</div>