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 <div class=
"screenratio">
39 <div [innerHTML]=
"embedHtml"></div>
44 <div class=
"mb-1 start-at" formGroupName=
"timestamp">
46 formControlName=
"hasStart"
47 i18n-labelText
labelText=
"Start at"
48 ></my-peertube-checkbox>
51 [timestamp]=
"timestamp.startAt"
52 [maxTimestamp]=
"video.duration"
53 formControlName=
"startAt"
59 <div class=
"mb-3 stop-at" formGroupName=
"timestamp" *
ngIf=
"timestamp.hasStart">
61 formControlName=
"hasEnd"
62 i18n-labelText
labelText=
"Stop at"
63 ></my-peertube-checkbox>
66 [timestamp]=
"timestamp.endAt"
67 [maxTimestamp]=
"video.duration"
68 formControlName=
"endAt"
74 <div i18n
class=
"information">
75 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>.
78 <div class=
"form-group">
80 i18n-placeholder
placeholder=
"Please describe the issue..." formControlName=
"reason" ngbAutofocus
81 [ngClass]=
"{ 'input-error': formErrors['reason'] }" class=
"form-control"
83 <div *
ngIf=
"formErrors.reason" class=
"form-error">
84 {{ formErrors.reason }}
90 <div class=
"form-group inputs">
92 type=
"button" role=
"button" i18n-value
value=
"Cancel" class=
"peertube-button grey-button"
93 (click)=
"hide()" (key.enter)=
"hide()"
96 <input type=
"submit" i18n-value
value=
"Submit" class=
"peertube-button orange-button" [disabled]=
"!form.valid">