2018-03-09 17:14:40 +00:00
|
|
|
<div class="tfw-messages-main">
|
2018-03-14 15:43:44 +00:00
|
|
|
<div class="tfw-grid-messages-header">
|
|
|
|
<div class="tao-grid-top-left"><span>Instructions</span></div>
|
2018-03-14 17:06:37 +00:00
|
|
|
<div class="tao-grid-center-right"><button *ngIf="showNextButton" class="tao-btn-rainbow">Next</button></div>
|
2018-03-14 15:43:44 +00:00
|
|
|
</div>
|
2018-03-09 17:14:40 +00:00
|
|
|
<div class="tfw-grid-message" *ngFor="let message of messages.slice().reverse()">
|
|
|
|
<div class="tfw-grid-message-header">
|
2018-03-07 13:18:51 +00:00
|
|
|
<img class="tao-grid-center-left" src="images/avataobot.svg"/>
|
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>
|
|
|
|
<div [innerHtml]="message.message"></div>
|
|
|
|
</div>
|
2017-12-18 16:52:10 +00:00
|
|
|
</div>
|