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">
17 <div class=
"form-group" *
ngFor=
"let reason of predefinedReasons">
18 <my-peertube-checkbox formControlName=
"{{reason.id}}" labelText=
"{{reason.label}}">
19 <ng-template *
ngIf=
"reason.help" ptTemplate=
"help">
20 <div [innerHTML]=
"reason.help"></div>
22 <ng-container *
ngIf=
"reason.description" ngProjectAs=
"description">
23 <div [innerHTML]=
"reason.description"></div>
25 </my-peertube-checkbox>
33 <div class=
"row justify-content-center">
34 <div class=
"col-12 col-lg-9 mb-2">
35 <div class=
"screenratio">
36 <div [innerHTML]=
"embedHtml"></div>
41 <div class=
"mb-1 start-at" formGroupName=
"timestamp">
43 formControlName=
"hasStart"
44 i18n-labelText
labelText=
"Start at"
45 ></my-peertube-checkbox>
48 [timestamp]=
"timestamp.startAt"
49 [maxTimestamp]=
"video.duration"
50 formControlName=
"startAt"
56 <div class=
"mb-3 stop-at" formGroupName=
"timestamp" *
ngIf=
"timestamp.hasStart">
58 formControlName=
"hasEnd"
59 i18n-labelText
labelText=
"Stop at"
60 ></my-peertube-checkbox>
63 [timestamp]=
"timestamp.endAt"
64 [maxTimestamp]=
"video.duration"
65 formControlName=
"endAt"
71 <div i18n
class=
"information">
72 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>.
75 <div class=
"form-group">
77 i18n-placeholder
placeholder=
"Please describe the issue..." formControlName=
"reason" ngbAutofocus
78 [ngClass]=
"{ 'input-error': formErrors['reason'] }" class=
"form-control"
80 <div *
ngIf=
"formErrors.reason" class=
"form-error">
81 {{ formErrors.reason }}
87 <div class=
"form-group inputs">
89 type=
"button" role=
"button" i18n-value
value=
"Cancel" class=
"action-button action-button-cancel"
90 (click)=
"hide()" (key.enter)=
"hide()"
92 <input type=
"submit" i18n-value
value=
"Submit" class=
"action-button-submit" [disabled]=
"!form.valid">