blob: 17e9ce4cf31415412c0c613fb32e91b993c16311 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
|
<ng-template #modal>
<div class="modal-header">
<h4 class="modal-title">
<ng-container i18n *ngIf="isAdminView">Messages with the reporter</ng-container>
<ng-container i18n *ngIf="!isAdminView">Messages with the moderation team</ng-container>
</h4>
<my-global-icon iconName="cross" aria-label="Close" role="button" (click)="hide()"></my-global-icon>
</div>
<div class="modal-body">
<div class="messages">
<div
*ngFor="let message of abuseMessages"
class="message-block" [ngClass]="{ 'by-moderator': message.byModerator, 'by-me': isMessageByMe(message) }"
>
<div class="author">{{ message.account.name }}</div>
<div class="bubble">
<div class="content" [innerHTML]="message.messageHtml"></div>
<div class="date">{{ message.createdAt | date }}</div>
</div>
</div>
</div>
<div class="no-messages" *ngIf="noResults" i18n>
No messages for now.
</div>
<form novalidate [formGroup]="form" (ngSubmit)="addMessage()">
<div class="form-group">
<textarea
formControlName="message" ngbAutofocus [placeholder]="getPlaceholderMessage()"
[ngClass]="{ 'input-error': formErrors['message'] }" class="form-control"
></textarea>
<div *ngIf="formErrors.message" class="form-error">
{{ formErrors.message }}
</div>
</div>
<div class="form-group inputs">
<input type="submit" i18n-value value="Add a message" class="action-button-submit" [disabled]="!form.valid || sendingMessage">
</div>
</form>
</div>
</ng-template>
|