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