2 <div class=
"modal-header">
3 <h4 class=
"modal-title">
4 <ng-container i18n *
ngIf=
"isAdminView">Messages with the reporter
</ng-container>
5 <ng-container i18n *
ngIf=
"!isAdminView">Messages with the moderation team
</ng-container>
8 <my-global-icon iconName=
"cross" aria-label=
"Close" role=
"button" (click)=
"hide()"></my-global-icon>
11 <div class=
"modal-body">
12 <div class=
"messages">
14 *
ngFor=
"let message of abuseMessages"
15 class=
"message-block" [ngClass]=
"{ 'by-moderator': message.byModerator, 'by-me': isMessageByMe(message) }"
18 <div class=
"author">{{ message.account.name }}
</div>
21 <div class=
"content" [innerHTML]=
"message.messageHtml"></div>
22 <div class=
"date">{{ message.createdAt | date }}
</div>
27 <div class=
"no-messages" *
ngIf=
"noResults" i18n
>
31 <form novalidate [formGroup]=
"form" (ngSubmit)=
"addMessage()">
32 <div class=
"form-group">
34 formControlName=
"message" ngbAutofocus [placeholder]=
"getPlaceholderMessage()"
35 [ngClass]=
"{ 'input-error': formErrors['message'] }" class=
"form-control"
38 <div *
ngIf=
"formErrors.message" class=
"form-error">
39 {{ formErrors.message }}
43 <div class=
"form-group inputs">
44 <input type=
"submit" i18n-value
value=
"Add a message" class=
"peertube-button orange-button" [disabled]=
"!form.valid || sendingMessage">