2 <div class=
"modal-header">
3 <h4 i18n
class=
"modal-title">Report video "{{ video.name }}"
</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-12 col-md-5">
12 <label i18n
for=
"reportPredefinedReasons">What is the issue?
</label>
14 <div class=
"ms-2 mt-2 d-flex flex-column">
15 <ng-container formGroupName=
"predefinedReasons">
17 <div class=
"form-group" *
ngFor=
"let reason of predefinedReasons">
18 <my-peertube-checkbox [inputName]=
"reason.id" [formControlName]=
"reason.id" [labelText]=
"reason.label">
19 <ng-template *
ngIf=
"reason.help" ptTemplate=
"help">
20 <div [innerHTML]=
"reason.help"></div>
23 <ng-container *
ngIf=
"reason.description" ngProjectAs=
"description">
24 <div [innerHTML]=
"reason.description"></div>
26 </my-peertube-checkbox>
33 <div class=
"col-12 col-md-7">
34 <my-embed [video]=
"video"></my-embed>
36 <div class=
"mb-1 mt-3 start-at" formGroupName=
"timestamp">
38 formControlName=
"hasStart"
39 i18n-labelText
labelText=
"Start at"
40 ></my-peertube-checkbox>
43 [timestamp]=
"timestamp.startAt"
44 [maxTimestamp]=
"video.duration"
45 formControlName=
"startAt"
51 <div class=
"mb-3 stop-at" formGroupName=
"timestamp" *
ngIf=
"timestamp.hasStart">
53 formControlName=
"hasEnd"
54 i18n-labelText
labelText=
"Stop at"
55 ></my-peertube-checkbox>
58 [timestamp]=
"timestamp.endAt"
59 [maxTimestamp]=
"video.duration"
60 formControlName=
"endAt"
66 <div i18n
class=
"information">
67 Your report will be sent to moderators of {{ currentHost }}
<ng-container *
ngIf=
"isRemote()"> and will be forwarded to the video origin ({{ originHost }}) too
</ng-container>.
70 <div class=
"form-group">
72 i18n-placeholder
placeholder=
"Please describe the issue..." formControlName=
"reason" ngbAutofocus
73 [ngClass]=
"{ 'input-error': formErrors['reason'] }" class=
"form-control"
75 <div *
ngIf=
"formErrors.reason" class=
"form-error">
76 {{ formErrors.reason }}
82 <div class=
"form-group inputs">
84 type=
"button" role=
"button" i18n-value
value=
"Cancel" class=
"peertube-button grey-button"
85 (click)=
"hide()" (key.enter)=
"hide()"
88 <input type=
"submit" i18n-value
value=
"Submit" class=
"peertube-button orange-button" [disabled]=
"!form.valid">