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-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 class=
"row justify-content-center">
37 <div class=
"col-12 col-lg-9 mb-2">
38 <my-embed [video]=
"video"></my-embed>
42 <div class=
"mb-1 start-at" formGroupName=
"timestamp">
44 formControlName=
"hasStart"
45 i18n-labelText
labelText=
"Start at"
46 ></my-peertube-checkbox>
49 [timestamp]=
"timestamp.startAt"
50 [maxTimestamp]=
"video.duration"
51 formControlName=
"startAt"
57 <div class=
"mb-3 stop-at" formGroupName=
"timestamp" *
ngIf=
"timestamp.hasStart">
59 formControlName=
"hasEnd"
60 i18n-labelText
labelText=
"Stop at"
61 ></my-peertube-checkbox>
64 [timestamp]=
"timestamp.endAt"
65 [maxTimestamp]=
"video.duration"
66 formControlName=
"endAt"
72 <div i18n
class=
"information">
73 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>.
76 <div class=
"form-group">
78 i18n-placeholder
placeholder=
"Please describe the issue..." formControlName=
"reason" ngbAutofocus
79 [ngClass]=
"{ 'input-error': formErrors['reason'] }" class=
"form-control"
81 <div *
ngIf=
"formErrors.reason" class=
"form-error">
82 {{ formErrors.reason }}
88 <div class=
"form-group inputs">
90 type=
"button" role=
"button" i18n-value
value=
"Cancel" class=
"peertube-button grey-button"
91 (click)=
"hide()" (key.enter)=
"hide()"
94 <input type=
"submit" i18n-value
value=
"Submit" class=
"peertube-button orange-button" [disabled]=
"!form.valid">