2018-03-09 17:14:40 +00:00
|
|
|
<div class="tfw-messages-main">
|
2018-06-26 10:03:25 +00:00
|
|
|
<div class="tfw-grid-message"
|
2018-06-26 12:13:29 +00:00
|
|
|
*ngFor="let message of messages.slice(); let last = last"
|
2019-12-19 13:49:27 +00:00
|
|
|
[class.highlighted-message]="last"
|
|
|
|
(click)="sendMessageCommand(message)">
|
2018-03-09 17:14:40 +00:00
|
|
|
<div class="tfw-grid-message-header">
|
2018-03-07 16:21:54 +00:00
|
|
|
<div class="tao-grid-center-left originator">{{message.originator}}</div>
|
2018-03-08 13:04:40 +00:00
|
|
|
<div class="timestamp tao-grid-center-right">{{message.timestamp | date:'HH:mm:ss'}}</div>
|
2018-03-07 13:18:51 +00:00
|
|
|
</div>
|
2020-05-18 16:01:17 +00:00
|
|
|
<div class="tfw-grid-message-body" [innerHtml]="message.message | safeHtml"></div>
|
2020-06-17 15:19:22 +00:00
|
|
|
<div *ngIf="message.buttons !== undefined">
|
2020-06-12 15:04:29 +00:00
|
|
|
|
2020-06-17 15:19:22 +00:00
|
|
|
<div class="tfw-message-btn-divider"></div>
|
|
|
|
<div class="tfw-message-btn">
|
2020-06-22 11:43:55 +00:00
|
|
|
<button *ngFor="let messageButton of message.buttons"
|
|
|
|
class="{{messageButton}}"
|
|
|
|
(click)="sendButtonCommand(messageButton)">
|
|
|
|
{{buttonMap[messageButton].caption}}
|
2020-06-17 15:19:22 +00:00
|
|
|
</button>
|
2020-06-12 15:04:29 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
2018-03-07 13:18:51 +00:00
|
|
|
</div>
|
2020-06-12 15:04:29 +00:00
|
|
|
<div *ngIf="showTypingIndicator"
|
2019-12-19 13:29:02 +00:00
|
|
|
class="tfw-grid-message jumping-circle-container"
|
|
|
|
(click)="drainMessageQueue()">
|
|
|
|
<div class="jumping-circle" id="jc1"></div>
|
|
|
|
<div class="jumping-circle" id="jc2"></div>
|
|
|
|
<div class="jumping-circle" id="jc3"></div>
|
|
|
|
</div>
|
2017-12-18 16:52:10 +00:00
|
|
|
</div>
|