<div class="modal-body">
<label i18n for="language">Language</label>
- <div class="peertube-select-container">
- <select id="language" formControlName="language" class="form-control">
- <option></option>
- <option *ngFor="let language of videoCaptionLanguages" [value]="language.id">{{ language.label }}</option>
- </select>
+ <div class="peertube-ng-select-container">
+ <ng-select
+ labelForId="language" [items]="videoCaptionLanguages" formControlName="language"
+ bindLabel="label" bindValue="id"
+ ></ng-select>
</div>
<div *ngIf="formErrors.language" class="form-error">
<my-reactive-file
formControlName="captionfile" inputName="captionfile" i18n-inputLabel inputLabel="Select the caption file"
[extensions]="videoCaptionExtensions" [maxFileSize]="videoCaptionMaxSize" [displayFilename]="true"
- i18n-ngbTooltip [ngbTooltip]="'(extensions: ' + videoCaptionExtensions.join(', ') + ')'"
+ [buttonTooltip]="getReactiveFileButtonTooltip()"
></my-reactive-file>
</div>
<div class="modal-footer inputs">
<input
- type="button" role="button" i18n-value value="Cancel" class="action-button action-button-cancel"
+ type="button" role="button" i18n-value value="Cancel" class="peertube-button grey-button"
(click)="hide()" (key.enter)="hide()"
>
<input
- type="submit" i18n-value value="Add this caption" class="action-button-submit"
+ type="submit" i18n-value value="Add this caption" class="peertube-button orange-button"
[disabled]="!form.valid" (click)="addCaption()"
>
</div>