2 <div class=
"modal-header">
3 <h4 class=
"modal-title">{{ modalTitle }}
</h4>
4 <my-global-icon iconName=
"cross" aria-label=
"Close" role=
"button" (click)=
"hide()"></my-global-icon>
7 <div class=
"modal-body">
8 <form novalidate [formGroup]=
"form" (ngSubmit)=
"report()">
11 <div class=
"col-5 form-group">
13 <label i18n
for=
"reportPredefinedReasons">What is the issue?
</label>
15 <div class=
"ml-2 mt-2 d-flex flex-column">
16 <ng-container formGroupName=
"predefinedReasons">
18 <div class=
"form-group" *
ngFor=
"let reason of predefinedReasons">
19 <my-peertube-checkbox [inputName]=
"reason.id" [formControlName]=
"reason.id" [labelText]=
"reason.label">
20 <ng-template *
ngIf=
"reason.help" ptTemplate=
"help">
21 <div [innerHTML]=
"reason.help"></div>
24 <ng-container *
ngIf=
"reason.description" ngProjectAs=
"description">
25 <div [innerHTML]=
"reason.description"></div>
27 </my-peertube-checkbox>
36 <div i18n
class=
"information">
37 Your report will be sent to moderators of {{ currentHost }}
<ng-container *
ngIf=
"isRemote()"> and will be forwarded to the comment origin ({{ originHost }}) too
</ng-container>.
40 <div class=
"form-group">
42 i18n-placeholder
placeholder=
"Please describe the issue..." formControlName=
"reason" ngbAutofocus
43 [ngClass]=
"{ 'input-error': formErrors['reason'] }" class=
"form-control"
45 <div *
ngIf=
"formErrors.reason" class=
"form-error">
46 {{ formErrors.reason }}
52 <div class=
"form-group inputs">
54 type=
"button" role=
"button" i18n-value
value=
"Cancel" class=
"peertube-button grey-button"
55 (click)=
"hide()" (key.enter)=
"hide()"
58 <input type=
"submit" i18n-value
value=
"Submit" class=
"peertube-button orange-button" [disabled]=
"!form.valid">