mrtoth/frontend-tutorial-framework
1
0
Fork 0
mirror of https://github.com/avatao-content/frontend-tutorial-framework synced 2025-11-03 14:52:56 +00:00
Code Issues Releases Wiki Activity

Drain message queue on typing indicator click

Browse Source
This commit is contained in:
Kristóf Tóth
2019-12-19 14:29:02 +01:00
parent a3993e8b87
commit f17fe18cef
2 changed files with 13 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/messages/messages.component.html
View File

@@ -9,7 +9,9 @@
</div> </div>
<div class="tfw-grid-message-body" [innerHtml]="message.message"></div> <div class="tfw-grid-message-body" [innerHtml]="message.message"></div>
</div> </div>
<div *ngIf="showTypingIndicator" class="tfw-grid-message jumping-circle-container"> <div *ngIf="showTypingIndicator"
class="tfw-grid-message jumping-circle-container"
(click)="drainMessageQueue()">
<div class="jumping-circle" id="jc1"></div> <div class="jumping-circle" id="jc1"></div>
<div class="jumping-circle" id="jc2"></div> <div class="jumping-circle" id="jc2"></div>
<div class="jumping-circle" id="jc3"></div> <div class="jumping-circle" id="jc3"></div>

6
src/app/messages/messages.component.ts
View File

@@ -59,4 +59,10 @@ export class MessagesComponent implements OnInit {
convertMarkdownToHTML(text: string) { convertMarkdownToHTML(text: string) {
return this.markdownService.convertToHtml(text); return this.markdownService.convertToHtml(text);
} }
drainMessageQueue() {
this.websocketService.send({
'key': 'message.queue.drain'
});
}
} }