diff options
Diffstat (limited to 'client/src/app/videos/+video-edit/shared/video-caption-add-modal.component.html')
| -rw-r--r-- | client/src/app/videos/+video-edit/shared/video-caption-add-modal.component.html | 76 |
1 files changed, 37 insertions, 39 deletions
diff --git a/client/src/app/videos/+video-edit/shared/video-caption-add-modal.component.html b/client/src/app/videos/+video-edit/shared/video-caption-add-modal.component.html index 9cd303b29..30aefdbfc 100644 --- a/client/src/app/videos/+video-edit/shared/video-caption-add-modal.component.html +++ b/client/src/app/videos/+video-edit/shared/video-caption-add-modal.component.html | |||
| @@ -1,47 +1,45 @@ | |||
| 1 | <div bsModal #modal="bs-modal" class="modal" tabindex="-1"> | 1 | <ng-template #modal> |
| 2 | <div class="modal-dialog"> | 2 | <ng-container [formGroup]="form"> |
| 3 | <div class="modal-content" [formGroup]="form"> | ||
| 4 | 3 | ||
| 5 | <div class="modal-header"> | 4 | <div class="modal-header"> |
| 6 | <span class="close" aria-hidden="true" (click)="hide()"></span> | 5 | <h4 i18n class="modal-title">Add caption</h4> |
| 7 | <h4 i18n class="modal-title">Add caption</h4> | 6 | <span class="close" aria-label="Close" role="button" (click)="hide()"></span> |
| 8 | </div> | 7 | </div> |
| 9 | 8 | ||
| 10 | <div class="modal-body"> | 9 | <div class="modal-body"> |
| 11 | <label i18n for="language">Language</label> | 10 | <label i18n for="language">Language</label> |
| 12 | <div class="peertube-select-container"> | 11 | <div class="peertube-select-container"> |
| 13 | <select id="language" formControlName="language"> | 12 | <select id="language" formControlName="language"> |
| 14 | <option></option> | 13 | <option></option> |
| 15 | <option *ngFor="let language of videoCaptionLanguages" [value]="language.id">{{ language.label }}</option> | 14 | <option *ngFor="let language of videoCaptionLanguages" [value]="language.id">{{ language.label }}</option> |
| 16 | </select> | 15 | </select> |
| 17 | </div> | 16 | </div> |
| 18 | 17 | ||
| 19 | <div *ngIf="formErrors.language" class="form-error"> | 18 | <div *ngIf="formErrors.language" class="form-error"> |
| 20 | {{ formErrors.language }} | 19 | {{ formErrors.language }} |
| 21 | </div> | 20 | </div> |
| 22 | 21 | ||
| 23 | <div class="caption-file"> | 22 | <div class="caption-file"> |
| 24 | <my-reactive-file | 23 | <my-reactive-file |
| 25 | formControlName="captionfile" inputName="captionfile" i18n-inputLabel inputLabel="Select the caption file" | 24 | formControlName="captionfile" inputName="captionfile" i18n-inputLabel inputLabel="Select the caption file" |
| 26 | [extensions]="videoCaptionExtensions" [maxFileSize]="videoCaptionMaxSize" [displayFilename]="true" | 25 | [extensions]="videoCaptionExtensions" [maxFileSize]="videoCaptionMaxSize" [displayFilename]="true" |
| 27 | ></my-reactive-file> | 26 | ></my-reactive-file> |
| 28 | </div> | 27 | </div> |
| 29 | 28 | ||
| 30 | <div *ngIf="isReplacingExistingCaption()" class="warning-replace-caption" i18n> | 29 | <div *ngIf="isReplacingExistingCaption()" class="warning-replace-caption" i18n> |
| 31 | This will replace an existing caption! | 30 | This will replace an existing caption! |
| 32 | </div> | 31 | </div> |
| 32 | </div> | ||
| 33 | 33 | ||
| 34 | <div class="form-group inputs"> | 34 | <div class="modal-footer inputs"> |
| 35 | <span i18n class="action-button action-button-cancel" (click)="hide()"> | 35 | <span i18n class="action-button action-button-cancel" (click)="hide()"> |
| 36 | Cancel | 36 | Cancel |
| 37 | </span> | 37 | </span> |
| 38 | 38 | ||
| 39 | <input | 39 | <input |
| 40 | type="submit" i18n-value value="Add this caption" class="action-button-submit" | 40 | type="submit" i18n-value value="Add this caption" class="action-button-submit" |
| 41 | [disabled]="!form.valid" (click)="addCaption()" | 41 | [disabled]="!form.valid" (click)="addCaption()" |
| 42 | > | 42 | > |
| 43 | </div> | ||
| 44 | </div> | ||
| 45 | </div> | 43 | </div> |
| 46 | </div> | 44 | </ng-container> |
| 47 | </div> | 45 | </ng-template> |