2 <ng-container [formGroup]=
"form">
4 <div class=
"modal-header">
5 <h4 i18n
class=
"modal-title">Add caption
</h4>
6 <my-global-icon iconName=
"cross" aria-label=
"Close" role=
"button" (click)=
"hide()"></my-global-icon>
9 <div class=
"modal-body">
10 <label i18n
for=
"language">Language
</label>
11 <div class=
"peertube-select-container">
12 <select id=
"language" formControlName=
"language" class=
"form-control">
14 <option *
ngFor=
"let language of videoCaptionLanguages" [value]=
"language.id">{{ language.label }}
</option>
18 <div *
ngIf=
"formErrors.language" class=
"form-error">
19 {{ formErrors.language }}
22 <div class=
"caption-file">
24 formControlName=
"captionfile" inputName=
"captionfile" i18n-inputLabel
inputLabel=
"Select the caption file"
25 [extensions]=
"videoCaptionExtensions" [maxFileSize]=
"videoCaptionMaxSize" [displayFilename]=
"true"
26 i18n-ngbTooltip [ngbTooltip]=
"'(extensions: ' + videoCaptionExtensions.join(', ') + ')'"
30 <div *
ngIf=
"isReplacingExistingCaption()" class=
"warning-replace-caption" i18n
>
31 This will replace an existing caption!
35 <div class=
"modal-footer inputs">
37 type=
"button" role=
"button" i18n-value
value=
"Cancel" class=
"action-button action-button-cancel"
38 (click)=
"hide()" (key.enter)=
"hide()"
42 type=
"submit" i18n-value
value=
"Add this caption" class=
"action-button-submit"
43 [disabled]=
"!form.valid" (click)=
"addCaption()"