<ng-template ngbNavContent>
<div class="nav-content">
-
- <my-input-toggle-hidden [value]="getPlaylistUrl()" [withToggle]="false" [withCopy]="true" [show]="true" [readonly]="true"></my-input-toggle-hidden>
+ <my-input-text [value]="getPlaylistUrl()" [withToggle]="false" [withCopy]="true" [show]="true" [readonly]="true"></my-input-text>
</div>
</ng-template>
</ng-container>
<ng-template ngbNavContent>
<div class="nav-content">
- <qrcode [qrdata]="getPlaylistUrl()" [size]="256" level="Q"></qrcode>
+ <qrcode [qrdata]="getPlaylistUrl()" [width]="256" level="Q"></qrcode>
</div>
</ng-template>
</ng-container>
<ng-template ngbNavContent>
<div class="nav-content">
- <my-input-toggle-hidden
- [value]="getPlaylistIframeCode()" (change)="updateEmbedCode()"
+ <my-input-text
+ [value]="customizations.onlyEmbedUrl ? getPlaylistEmbedUrl() : getPlaylistIframeCode()" (change)="updateEmbedCode()"
[withToggle]="false" [withCopy]="true" [show]="true" [readonly]="true"
- ></my-input-toggle-hidden>
+ ></my-input-text>
<div i18n *ngIf="notSecure()" class="alert alert-warning">
The url is not secured (no HTTPS), so the embed video won't work on HTTPS websites (web browsers block non secured HTTP requests on HTTPS websites).
</div>
- <div [innerHTML]="playlistEmbedHTML"></div>
+ <div class="embed" [innerHTML]="playlistEmbedHTML"></div>
</div>
</ng-template>
</ng-container>
<div class="filters">
<div class="form-group" *ngIf="video">
- <my-peertube-checkbox inputName="includeVideoInPlaylist" [(ngModel)]="includeVideoInPlaylist" i18n-labelText
- labelText="Share the playlist at this video position"></my-peertube-checkbox>
+ <my-peertube-checkbox
+ inputName="includeVideoInPlaylist" [(ngModel)]="includeVideoInPlaylist"
+ i18n-labelText labelText="Share the playlist at this video position"
+ ></my-peertube-checkbox>
+ </div>
+
+ <div class="form-group">
+ <my-peertube-checkbox
+ *ngIf="isInPlaylistEmbedTab()"
+ inputName="onlyEmbedUrl" [(ngModel)]="customizations.onlyEmbedUrl"
+ i18n-labelText labelText="Only display embed URL"
+ ></my-peertube-checkbox>
</div>
</div>
<ng-template ngbNavContent>
<div class="nav-content">
- <my-input-toggle-hidden [value]="getVideoUrl()" [withToggle]="false" [withCopy]="true" [show]="true" [readonly]="true"></my-input-toggle-hidden>
+ <my-input-text [value]="getVideoUrl()" [withToggle]="false" [withCopy]="true" [show]="true" [readonly]="true"></my-input-text>
</div>
</ng-template>
</ng-container>
<ng-template ngbNavContent>
<div class="nav-content">
- <qrcode [qrdata]="getVideoUrl()" [size]="256" level="Q"></qrcode>
+ <qrcode [qrdata]="getVideoUrl()" [width]="256" level="Q"></qrcode>
</div>
</ng-template>
</ng-container>
<ng-template ngbNavContent>
<div class="nav-content">
- <my-input-toggle-hidden
- [value]="getVideoIframeCode()" (ngModelChange)="updateEmbedCode()"
+ <my-input-text
+ [value]="customizations.onlyEmbedUrl ? getVideoEmbedUrl() : getVideoIframeCode()" (ngModelChange)="updateEmbedCode()"
[withToggle]="false" [withCopy]="true" [show]="true" [readonly]="true"
- ></my-input-toggle-hidden>
+ ></my-input-text>
<div i18n *ngIf="notSecure()" class="alert alert-warning">
The url is not secured (no HTTPS), so the embed video won't work on HTTPS websites (web browsers block non secured HTTP requests on HTTPS websites).
</div>
- <div [innerHTML]="videoEmbedHTML"></div>
+ <div class="embed" [innerHTML]="videoEmbedHTML"></div>
</div>
</ng-template>
</ng-container>
</select>
</div>
</div>
+
+ <div class="form-group" *ngIf="isInVideoEmbedTab()">
+ <my-peertube-checkbox
+ inputName="onlyEmbedUrl" [(ngModel)]="customizations.onlyEmbedUrl"
+ i18n-labelText labelText="Only display embed URL"
+ ></my-peertube-checkbox>
+ </div>
</div>
<div class="advanced-filters collapse-transition" [ngbCollapse]="isAdvancedCustomizationCollapsed">
></my-peertube-checkbox>
</div>
- <div *ngIf="!isLocalVideo() && !isVideoInEmbedTab()" class="form-group">
+ <div *ngIf="!isLocalVideo() && !isInVideoEmbedTab()" class="form-group">
<my-peertube-checkbox
inputName="originUrl" [(ngModel)]="customizations.originUrl"
i18n-labelText labelText="Use origin instance URL"
</div>
</div>
- <ng-container *ngIf="isVideoInEmbedTab()">
+ <ng-container *ngIf="isInVideoEmbedTab()">
<div class="form-group">
<my-peertube-checkbox
inputName="title" [(ngModel)]="customizations.title"
<div class="form-group">
<my-peertube-checkbox
- inputName="controls" [(ngModel)]="customizations.controls"
- i18n-labelText labelText="Display player controls"
+ inputName="controlBar" [(ngModel)]="customizations.controlBar"
+ i18n-labelText labelText="Display player control bar"
></my-peertube-checkbox>
</div>
[attr.aria-expanded]="!isAdvancedCustomizationCollapsed" aria-controls="collapseBasic">
<ng-container *ngIf="isAdvancedCustomizationCollapsed">
- <span class="glyphicon glyphicon-menu-down"></span>
+ <span class="chevron-down"></span>
<ng-container i18n>
More customization
</ng-container>
<ng-container *ngIf="!isAdvancedCustomizationCollapsed">
- <span class="glyphicon glyphicon-menu-up"></span>
+ <span class="chevron-up"></span>
<ng-container i18n>
Less customization