]>
Commit | Line | Data |
---|---|---|
63347a0f C |
1 | <ng-template #modal> |
2 | <div class="modal-header"> | |
3 | <h4 i18n class="modal-title">Report video</h4> | |
457bb213 | 4 | <my-global-icon iconName="cross" aria-label="Close" role="button" (click)="hide()"></my-global-icon> |
63347a0f | 5 | </div> |
4f8c0eb0 | 6 | |
63347a0f | 7 | <div class="modal-body"> |
4f8c0eb0 | 8 | |
a1b2f876 | 9 | <div i18n class="information"> |
76314386 | 10 | Your report will be sent to moderators of {{ currentHost }}<ng-container *ngIf="isRemoteVideo()"> and will be forwarded to the video origin ({{ originHost }}) too</ng-container>. |
a1b2f876 C |
11 | </div> |
12 | ||
63347a0f C |
13 | <form novalidate [formGroup]="form" (ngSubmit)="report()"> |
14 | <div class="form-group"> | |
a6d5ff76 RK |
15 | <textarea |
16 | i18n-placeholder placeholder="Reason..." formControlName="reason" | |
17 | [ngClass]="{ 'input-error': formErrors['reason'] }" class="form-control" | |
18 | ></textarea> | |
63347a0f C |
19 | <div *ngIf="formErrors.reason" class="form-error"> |
20 | {{ formErrors.reason }} | |
21 | </div> | |
22 | </div> | |
5f0805d3 | 23 | |
63347a0f | 24 | <div class="form-group inputs"> |
a6d5ff76 RK |
25 | <input |
26 | type="button" role="button" i18n-value value="Cancel" class="action-button action-button-cancel" | |
27 | (click)="hide()" (key.enter)="hide()" | |
28 | > | |
4f8c0eb0 | 29 | |
63347a0f C |
30 | <input |
31 | type="submit" i18n-value value="Submit" class="action-button-submit" | |
32 | [disabled]="!form.valid" | |
33 | > | |
4f8c0eb0 | 34 | </div> |
63347a0f C |
35 | </form> |
36 | ||
4f8c0eb0 | 37 | </div> |
63347a0f | 38 | </ng-template> |