2 <div class=
"modal-header">
3 <h4 i18n
class=
"modal-title">Messages
</h4>
5 <my-global-icon iconName=
"cross" aria-label=
"Close" role=
"button" (click)=
"hide()"></my-global-icon>
8 <div class=
"modal-body">
9 <div class=
"messages" #messagesBlock
>
11 *
ngFor=
"let message of abuseMessages"
12 class=
"message-block" [ngClass]=
"{ 'by-moderator': message.byModerator, 'by-me': isMessageByMe(message) }"
15 <div class=
"author">{{ message.account.name }}
</div>
18 <div class=
"content">{{ message.message }}
</div>
19 <div class=
"date">{{ message.createdAt | date }}
</div>
24 <form novalidate [formGroup]=
"form" (ngSubmit)=
"addMessage()">
25 <div class=
"form-group">
26 <textarea formControlName=
"message" ngbAutofocus [ngClass]=
"{ 'input-error': formErrors['message'] }" class=
"form-control"></textarea>
28 <div *
ngIf=
"formErrors.message" class=
"form-error">
29 {{ formErrors.message }}
33 <div class=
"form-group inputs">
34 <input type=
"submit" i18n-value
value=
"Add message" class=
"action-button-submit" [disabled]=
"!form.valid || sendingMessage">