add description to live transcoding profile selector

pull/3672/head
Rigel Kent 2021-01-29 09:04:36 +01:00
parent b3eafc5fc5
commit 8a23909fe2
No known key found for this signature in database
GPG Key ID: 5E53E96A494E452F
1 changed files with 16 additions and 9 deletions

View File

@ -897,7 +897,7 @@
{{ item }} {{ item }}
<ng-container *ngIf="item === 'default'"> <ng-container *ngIf="item === 'default'">
<br> <br>
<span class="text-muted">x264, targeting maximum device compatibility</span> <span class="text-muted" i18n>x264, targeting maximum device compatibility</span>
</ng-container> </ng-container>
</ng-template> </ng-template>
</ng-select> </ng-select>
@ -1046,15 +1046,22 @@
<div class="form-group mt-4" [ngClass]="{ 'disabled-checkbox-extra': !isLiveEnabled() || !isLiveTranscodingEnabled() }"> <div class="form-group mt-4" [ngClass]="{ 'disabled-checkbox-extra': !isLiveEnabled() || !isLiveTranscodingEnabled() }">
<label i18n for="liveTranscodingProfile">Live transcoding profile</label> <label i18n for="liveTranscodingProfile">Live transcoding profile</label>
<span class="text-muted ml-1" i18n>New live transcoding profiles can be added by PeerTube plugins</span> <span class="text-muted ml-1" i18n>new live transcoding profiles can be added by PeerTube plugins</span>
<div class="peertube-select-container"> <ng-select
<select id="liveTranscodingProfile" formControlName="profile" class="form-control"> id="liveTranscodingProfile"
<option *ngFor="let liveTranscodingProfileOption of getAvailableTranscodingProfile('live')" [value]="liveTranscodingProfileOption"> formControlName="profile"
{{ liveTranscodingProfileOption }} [items]="getAvailableTranscodingProfile('live')"
</option> [clearable]="false"
</select> >
</div> <ng-template ng-option-tmp let-item="item" let-index="index">
{{ item }}
<ng-container *ngIf="item === 'default'">
<br>
<span class="text-muted" i18n>x264, targeting maximum device compatibility</span>
</ng-container>
</ng-template>
</ng-select>
<div *ngIf="formErrors.live.transcoding.profile" class="form-error">{{ formErrors.live.transcoding.profile }}</div> <div *ngIf="formErrors.live.transcoding.profile" class="form-error">{{ formErrors.live.transcoding.profile }}</div>
</div> </div>