18 lines
731 B
HTML
18 lines
731 B
HTML
<div id="chat">
|
|
<app-topbar></app-topbar>
|
|
<div #chatPostArea id="chat-post-area" (scroll)="onScroll()">
|
|
<div *ngFor="let message of messages" class="chat-post" [class.chat-own-post]="userId === message.userId">
|
|
<img class="chat-avatar" src="{{url}}/user/{{message.userId}}/avatar?token={{userToken}}">
|
|
<div class="chat-message-area">
|
|
<div class="chat-username">{{message.username}}</div>
|
|
<div class="chat-post-message">{{message.message}}</div>
|
|
<div class="chat-datetime">{{message.datetime}}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="chat-type-area">
|
|
<textarea [(ngModel)]="chatText" id="chat-textarea" (keydown)="onTextInput($event)" autofocus></textarea>
|
|
</div>
|
|
</div>
|