diff options
Diffstat (limited to 'client/src/app/shared/shared-share-modal/video-share.component.html')
-rw-r--r-- | client/src/app/shared/shared-share-modal/video-share.component.html | 15 |
1 files changed, 12 insertions, 3 deletions
diff --git a/client/src/app/shared/shared-share-modal/video-share.component.html b/client/src/app/shared/shared-share-modal/video-share.component.html index 059699d3b..f41c085e1 100644 --- a/client/src/app/shared/shared-share-modal/video-share.component.html +++ b/client/src/app/shared/shared-share-modal/video-share.component.html | |||
@@ -10,7 +10,6 @@ | |||
10 | <div class="playlist" *ngIf="playlist"> | 10 | <div class="playlist" *ngIf="playlist"> |
11 | <div class="title-page title-page-single" i18n *ngIf="video">Share the playlist</div> | 11 | <div class="title-page title-page-single" i18n *ngIf="video">Share the playlist</div> |
12 | 12 | ||
13 | |||
14 | <div *ngIf="isPrivatePlaylist()" class="alert-private alert alert-warning"> | 13 | <div *ngIf="isPrivatePlaylist()" class="alert-private alert alert-warning"> |
15 | <div i18n>This playlist is private so you won't be able to share it with external users</div> | 14 | <div i18n>This playlist is private so you won't be able to share it with external users</div> |
16 | 15 | ||
@@ -47,11 +46,16 @@ | |||
47 | 46 | ||
48 | <ng-template ngbNavContent> | 47 | <ng-template ngbNavContent> |
49 | <div class="nav-content"> | 48 | <div class="nav-content"> |
50 | <my-input-toggle-hidden [value]="getPlaylistIframeCode()" [withToggle]="false" [withCopy]="true" [show]="true" [readonly]="true"></my-input-toggle-hidden> | 49 | <my-input-toggle-hidden |
50 | [value]="getPlaylistIframeCode()" (change)="updateEmbedCode()" | ||
51 | [withToggle]="false" [withCopy]="true" [show]="true" [readonly]="true" | ||
52 | ></my-input-toggle-hidden> | ||
51 | 53 | ||
52 | <div i18n *ngIf="notSecure()" class="alert alert-warning"> | 54 | <div i18n *ngIf="notSecure()" class="alert alert-warning"> |
53 | 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). | 55 | 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). |
54 | </div> | 56 | </div> |
57 | |||
58 | <div [innerHTML]="playlistEmbedHTML"></div> | ||
55 | </div> | 59 | </div> |
56 | </ng-template> | 60 | </ng-template> |
57 | </ng-container> | 61 | </ng-container> |
@@ -109,11 +113,16 @@ | |||
109 | 113 | ||
110 | <ng-template ngbNavContent> | 114 | <ng-template ngbNavContent> |
111 | <div class="nav-content"> | 115 | <div class="nav-content"> |
112 | <my-input-toggle-hidden [value]="getVideoIframeCode()" [withToggle]="false" [withCopy]="true" [show]="true" [readonly]="true"></my-input-toggle-hidden> | 116 | <my-input-toggle-hidden |
117 | [value]="getVideoIframeCode()" (ngModelChange)="updateEmbedCode()" | ||
118 | [withToggle]="false" [withCopy]="true" [show]="true" [readonly]="true" | ||
119 | ></my-input-toggle-hidden> | ||
113 | 120 | ||
114 | <div i18n *ngIf="notSecure()" class="alert alert-warning"> | 121 | <div i18n *ngIf="notSecure()" class="alert alert-warning"> |
115 | 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). | 122 | 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). |
116 | </div> | 123 | </div> |
124 | |||
125 | <div [innerHTML]="videoEmbedHTML"></div> | ||
117 | </div> | 126 | </div> |
118 | </ng-template> | 127 | </ng-template> |
119 | </ng-container> | 128 | </ng-container> |