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">
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"
29 <div *
ngIf=
"isReplacingExistingCaption()" class=
"warning-replace-caption" i18n
>
30 This will replace an existing caption!
34 <div class=
"modal-footer inputs">
35 <span i18n
class=
"action-button action-button-cancel" (click)=
"hide()">
40 type=
"submit" i18n-value
value=
"Add this caption" class=
"action-button-submit"
41 [disabled]=
"!form.valid" (click)=
"addCaption()"