ucap/next-ucap-messenger
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1. 타이머대화방 정보알림 처리.

Browse Source 
2. 정보성 데이터 분리 처리.
3. 대화 회수 처리.
This commit is contained in:
leejh
2019-10-15 11:50:23 +09:00
parent a986b3a370
commit 6a852b4a1a
5 changed files with 138 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

106
projects/ucap-webmessenger-ui-chat/src/lib/components/messages.component.html
View File

@@ -4,59 +4,71 @@
me: message.senderSeq === loginRes.userSeq,
contact: message.senderSeq !== loginRes.userSeq
}">
<ucap-chat-message-box-date-splitter *ngIf="getDateSplitter(i)" [message]="message">
</ucap-chat-message-box-date-splitter>
<div *ngIf="message.type !== EventType.Join && message.type !== EventType.Exit">
<ul>
<li *ngIf="getUserProfile(message.senderSeq) != ''">
<img [src]="getUserProfile(message.senderSeq)" onerror="this.src='assets/images/img_nophoto_50.png'"
class="avatar" style="width: 50px; height: 50px;" />
</li>
<li>
{{ getUserName(message.senderSeq) }}
</li>
</ul>
</div>
<ng-container class="bubble" [ngSwitch]="message.type">
<ucap-chat-message-box-information *ngSwitchCase="EventType.Join" [message]="message">
</ucap-chat-message-box-information>
<ucap-chat-message-box-information *ngSwitchCase="EventType.Exit" [message]="message">
</ucap-chat-message-box-information>
<ucap-chat-message-box-mass *ngSwitchCase="EventType.MassText" [message]="message"
(massDetail)="onMassDetail($event)">
</ucap-chat-message-box-mass>
<ucap-chat-message-box-file *ngSwitchCase="EventType.File" [message]="message" (save)="onSave($event)"
(imageViewer)="onImageViewer($event)">
</ucap-chat-message-box-file>
<ucap-chat-message-box-sticker *ngSwitchCase="EventType.Sticker" [message]="message">
</ucap-chat-message-box-sticker>
<ucap-chat-message-box-text *ngSwitchCase="EventType.Character" [message]="message"></ucap-chat-message-box-text>
<div *ngSwitchDefault>
mass-translation
<ucap-chat-message-box-mass-translation></ucap-chat-message-box-mass-translation>
notice
<ucap-chat-message-box-notice></ucap-chat-message-box-notice>
recall
<ucap-chat-message-box-recall></ucap-chat-message-box-recall>
<ucap-chat-message-box-schedule></ucap-chat-message-box-schedule>
translation
<ucap-chat-message-box-translation></ucap-chat-message-box-translation>
video-conference
<ucap-chat-message-box-video-conference></ucap-chat-message-box-video-conference>
<div class="message">
{{ message.sentMessage }}
</div>
<div *ngIf="getIsInformation(message); then information else contents"></div>
<ng-template #information>
<ng-container class="bubble" *ngIf="message.type !== EventType.NotificationForTimerRoom"
[ngSwitch]="message.type">
<ucap-chat-message-box-information *ngSwitchCase="EventType.Join" [message]="message">
</ucap-chat-message-box-information>
<ucap-chat-message-box-information *ngSwitchCase="EventType.Exit" [message]="message">
</ucap-chat-message-box-information>
<ucap-chat-message-box-information *ngSwitchCase="EventType.RenameRoom" [message]="message">
</ucap-chat-message-box-information>
<ucap-chat-message-box-information *ngSwitchCase="EventType.GuideForRoomTimerChanged" [message]="message"
[senderName]="getUserName(message.senderSeq)">
</ucap-chat-message-box-information>
</ng-container>
</ng-template>
<ng-template #contents>
<div>
<ul>
<li *ngIf="getUserProfile(message.senderSeq) != ''">
<img [src]="getUserProfile(message.senderSeq)" onerror="this.src='assets/images/img_nophoto_50.png'"
class="avatar" style="width: 50px; height: 50px;" />
</li>
<li>
{{ getUserName(message.senderSeq) }}
</li>
</ul>
</div>
</ng-container>
<div *ngIf="message.type !== EventType.Join && message.type !== EventType.Exit">
<ng-container class="bubble" *ngIf="message.type !== EventType.NotificationForTimerRoom"
[ngSwitch]="message.type">
<ucap-chat-message-box-mass *ngSwitchCase="EventType.MassText" [message]="message"
(massDetail)="onMassDetail($event)">
</ucap-chat-message-box-mass>
<ucap-chat-message-box-file *ngSwitchCase="EventType.File" [message]="message" (save)="onSave($event)"
(imageViewer)="onImageViewer($event)">
</ucap-chat-message-box-file>
<ucap-chat-message-box-sticker *ngSwitchCase="EventType.Sticker" [message]="message">
</ucap-chat-message-box-sticker>
<ucap-chat-message-box-recall *ngSwitchCase="EventType.RecalledMessage"></ucap-chat-message-box-recall>
<ucap-chat-message-box-text *ngSwitchCase="EventType.Character" [message]="message">
</ucap-chat-message-box-text>
<div *ngSwitchDefault>
mass-translation
<ucap-chat-message-box-mass-translation></ucap-chat-message-box-mass-translation>
notice
<ucap-chat-message-box-notice></ucap-chat-message-box-notice>
<ucap-chat-message-box-schedule></ucap-chat-message-box-schedule>
translation
<ucap-chat-message-box-translation></ucap-chat-message-box-translation>
video-conference
<ucap-chat-message-box-video-conference></ucap-chat-message-box-video-conference>
<div class="message">
{{ message.sentMessage }}
</div>
</div>
</ng-container>
<div class="time secondary-text">
{{ message.sendDate | date: 'a hh:mm' }}
</div>
</div>
</ng-template>
</div>
</div>