1 <div bsModal #
modal=
"bs-modal" class=
"modal" tabindex=
"-1">
2 <div class=
"modal-dialog">
3 <div class=
"modal-content" [formGroup]=
"form">
5 <div class=
"modal-header">
6 <span class=
"close" aria-hidden=
"true" (click)=
"hide()"></span>
7 <h4 i18n
class=
"modal-title">Add caption
</h4>
10 <div class=
"modal-body">
11 <label i18n
for=
"language">Language
</label>
12 <div class=
"peertube-select-container">
13 <select id=
"language" formControlName=
"language">
15 <option *
ngFor=
"let language of videoCaptionLanguages" [value]=
"language.id">{{ language.label }}
</option>
19 <div *
ngIf=
"formErrors.language" class=
"form-error">
20 {{ formErrors.language }}
23 <div class=
"caption-file">
25 formControlName=
"captionfile" inputName=
"captionfile" i18n-inputLabel
inputLabel=
"Select the caption file"
26 [extensions]=
"videoCaptionExtensions" [maxFileSize]=
"videoCaptionMaxSize" [displayFilename]=
"true"
30 <div *
ngIf=
"isReplacingExistingCaption()" class=
"warning-replace-caption" i18n
>
31 This will replace an existing caption!
34 <div class=
"form-group 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()"