mirror of
https://github.com/avatao-content/frontend-tutorial-framework
synced 2025-04-03 12:12:39 +00:00
23 lines
1.1 KiB
HTML
23 lines
1.1 KiB
HTML
<!-- Copyright (C) 2018 Avatao.com Innovative Learning Kft.
|
|
All Rights Reserved. See LICENSE file for details. -->
|
|
|
|
<div class="tfw-messages-main">
|
|
<div class="tfw-grid-messages-header">
|
|
<div class="tao-grid-top-left"><span>Instructions</span></div>
|
|
<div class="tao-grid-center-right"><button *ngIf="showNextButton" (click)="stepFSM()" class="tao-btn-rainbow">Next</button></div>
|
|
</div>
|
|
<div *ngIf="messageInQueue" class="tfw-grid-message jumping-circle-container">
|
|
<div class="jumping-circle" id="jc1"></div>
|
|
<div class="jumping-circle" id="jc2"></div>
|
|
<div class="jumping-circle" id="jc3"></div>
|
|
</div>
|
|
<div class="tfw-grid-message" *ngFor="let message of messages.slice().reverse()">
|
|
<div class="tfw-grid-message-header">
|
|
<img class="tao-grid-center-left" src="images/avataobot.svg"/>
|
|
<div class="tao-grid-center-left originator">{{message.originator}}</div>
|
|
<div class="timestamp tao-grid-center-right">{{message.timestamp | date:'HH:mm:ss'}}</div>
|
|
</div>
|
|
<div [innerHtml]="message.message"></div>
|
|
</div>
|
|
</div>
|