]>
Commit | Line | Data |
---|---|---|
63347a0f C |
1 | <ng-template #modal> |
2 | <ng-container [formGroup]="form"> | |
40e87e9e | 3 | |
63347a0f C |
4 | <div class="modal-header"> |
5 | <h4 i18n class="modal-title">Add caption</h4> | |
457bb213 | 6 | <my-global-icon iconName="cross" aria-label="Close" role="button" (click)="hide()"></my-global-icon> |
63347a0f | 7 | </div> |
40e87e9e | 8 | |
63347a0f C |
9 | <div class="modal-body"> |
10 | <label i18n for="language">Language</label> | |
11 | <div class="peertube-select-container"> | |
12 | <select id="language" formControlName="language"> | |
13 | <option></option> | |
14 | <option *ngFor="let language of videoCaptionLanguages" [value]="language.id">{{ language.label }}</option> | |
15 | </select> | |
16 | </div> | |
40e87e9e | 17 | |
63347a0f C |
18 | <div *ngIf="formErrors.language" class="form-error"> |
19 | {{ formErrors.language }} | |
20 | </div> | |
40e87e9e | 21 | |
63347a0f C |
22 | <div class="caption-file"> |
23 | <my-reactive-file | |
24 | formControlName="captionfile" inputName="captionfile" i18n-inputLabel inputLabel="Select the caption file" | |
25 | [extensions]="videoCaptionExtensions" [maxFileSize]="videoCaptionMaxSize" [displayFilename]="true" | |
26 | ></my-reactive-file> | |
27 | </div> | |
40e87e9e | 28 | |
63347a0f C |
29 | <div *ngIf="isReplacingExistingCaption()" class="warning-replace-caption" i18n> |
30 | This will replace an existing caption! | |
31 | </div> | |
32 | </div> | |
40e87e9e | 33 | |
63347a0f | 34 | <div class="modal-footer inputs"> |
a6d5ff76 RK |
35 | <input |
36 | type="button" role="button" i18n-value value="Cancel" class="action-button action-button-cancel" | |
37 | (click)="hide()" (key.enter)="hide()" | |
38 | > | |
40e87e9e | 39 | |
63347a0f C |
40 | <input |
41 | type="submit" i18n-value value="Add this caption" class="action-button-submit" | |
42 | [disabled]="!form.valid" (click)="addCaption()" | |
43 | > | |
40e87e9e | 44 | </div> |
63347a0f C |
45 | </ng-container> |
46 | </ng-template> |