diff options
Diffstat (limited to 'client/src/app/shared/shared-abuse-list/abuse-message-modal.component.html')
-rw-r--r-- | client/src/app/shared/shared-abuse-list/abuse-message-modal.component.html | 50 |
1 files changed, 50 insertions, 0 deletions
diff --git a/client/src/app/shared/shared-abuse-list/abuse-message-modal.component.html b/client/src/app/shared/shared-abuse-list/abuse-message-modal.component.html new file mode 100644 index 000000000..cb965b71d --- /dev/null +++ b/client/src/app/shared/shared-abuse-list/abuse-message-modal.component.html | |||
@@ -0,0 +1,50 @@ | |||
1 | <ng-template #modal> | ||
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> | ||
6 | </h4> | ||
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"> | ||
12 | <div class="messages" #messagesBlock> | ||
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"> | ||
21 | <div class="content">{{ message.message }}</div> | ||
22 | <div class="date">{{ message.createdAt | date }}</div> | ||
23 | </div> | ||
24 | </div> | ||
25 | </div> | ||
26 | |||
27 | <div class="no-messages" *ngIf="noResults" i18n> | ||
28 | No messages for now. | ||
29 | </div> | ||
30 | |||
31 | <form novalidate [formGroup]="form" (ngSubmit)="addMessage()"> | ||
32 | <div class="form-group"> | ||
33 | <textarea | ||
34 | formControlName="message" ngbAutofocus [placeholder]="getPlaceholderMessage()" | ||
35 | [ngClass]="{ 'input-error': formErrors['message'] }" class="form-control" | ||
36 | ></textarea> | ||
37 | |||
38 | <div *ngIf="formErrors.message" class="form-error"> | ||
39 | {{ formErrors.message }} | ||
40 | </div> | ||
41 | </div> | ||
42 | |||
43 | <div class="form-group inputs"> | ||
44 | <input type="submit" i18n-value value="Add a message" class="action-button-submit" [disabled]="!form.valid || sendingMessage"> | ||
45 | </div> | ||
46 | </form> | ||
47 | |||
48 | </div> | ||
49 | |||
50 | </ng-template> | ||