diff options
author | Chocobozzz <me@florianbigard.com> | 2022-08-11 15:28:11 +0200 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2022-08-11 15:28:11 +0200 |
commit | de61544582726713c965d3369902f4a464f72e20 (patch) | |
tree | d66d87bb7d633906e1a36c4e72ee7109316db713 /client/src/app/shared/shared-share-modal/video-share.component.html | |
parent | 2a95b88477a547c319108c0bab8692624df6804c (diff) | |
download | PeerTube-de61544582726713c965d3369902f4a464f72e20.tar.gz PeerTube-de61544582726713c965d3369902f4a464f72e20.tar.zst PeerTube-de61544582726713c965d3369902f4a464f72e20.zip |
Add plugin hooks/placeholder to share modal
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 | 21 |
1 files changed, 12 insertions, 9 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 b163d3581..f4d249b41 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 | |||
@@ -25,7 +25,7 @@ | |||
25 | 25 | ||
26 | <ng-template ngbNavContent> | 26 | <ng-template ngbNavContent> |
27 | <div class="nav-content"> | 27 | <div class="nav-content"> |
28 | <my-input-text [value]="getPlaylistUrl()" [withToggle]="false" [withCopy]="true" [show]="true" [readonly]="true"></my-input-text> | 28 | <my-input-text [value]="playlistUrl" [withToggle]="false" [withCopy]="true" [show]="true" [readonly]="true"></my-input-text> |
29 | </div> | 29 | </div> |
30 | </ng-template> | 30 | </ng-template> |
31 | </ng-container> | 31 | </ng-container> |
@@ -35,7 +35,7 @@ | |||
35 | 35 | ||
36 | <ng-template ngbNavContent> | 36 | <ng-template ngbNavContent> |
37 | <div class="nav-content"> | 37 | <div class="nav-content"> |
38 | <qrcode [qrdata]="getPlaylistUrl()" [width]="256" level="Q"></qrcode> | 38 | <qrcode [qrdata]="playlistUrl" [width]="256" level="Q"></qrcode> |
39 | </div> | 39 | </div> |
40 | </ng-template> | 40 | </ng-template> |
41 | </ng-container> | 41 | </ng-container> |
@@ -46,7 +46,7 @@ | |||
46 | <ng-template ngbNavContent> | 46 | <ng-template ngbNavContent> |
47 | <div class="nav-content"> | 47 | <div class="nav-content"> |
48 | <my-input-text | 48 | <my-input-text |
49 | [value]="customizations.onlyEmbedUrl ? getPlaylistEmbedUrl() : getPlaylistIframeCode()" (change)="updateEmbedCode()" | 49 | [value]="customizations.onlyEmbedUrl ? playlistEmbedUrl : playlistEmbedHTML" (change)="onUpdate()" |
50 | [withToggle]="false" [withCopy]="true" [show]="true" [readonly]="true" | 50 | [withToggle]="false" [withCopy]="true" [show]="true" [readonly]="true" |
51 | ></my-input-text> | 51 | ></my-input-text> |
52 | 52 | ||
@@ -54,7 +54,7 @@ | |||
54 | 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 | 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 | </div> | 55 | </div> |
56 | 56 | ||
57 | <div class="embed" [innerHTML]="playlistEmbedHTML"></div> | 57 | <div class="embed" [innerHTML]="playlistEmbedSafeHTML"></div> |
58 | </div> | 58 | </div> |
59 | </ng-template> | 59 | </ng-template> |
60 | </ng-container> | 60 | </ng-container> |
@@ -67,7 +67,7 @@ | |||
67 | 67 | ||
68 | <div class="form-group" *ngIf="video"> | 68 | <div class="form-group" *ngIf="video"> |
69 | <my-peertube-checkbox | 69 | <my-peertube-checkbox |
70 | inputName="includeVideoInPlaylist" [(ngModel)]="includeVideoInPlaylist" | 70 | inputName="includeVideoInPlaylist" [(ngModel)]="customizations.includeVideoInPlaylist" |
71 | i18n-labelText labelText="Share the playlist at this video position" | 71 | i18n-labelText labelText="Share the playlist at this video position" |
72 | ></my-peertube-checkbox> | 72 | ></my-peertube-checkbox> |
73 | </div> | 73 | </div> |
@@ -80,6 +80,7 @@ | |||
80 | ></my-peertube-checkbox> | 80 | ></my-peertube-checkbox> |
81 | </div> | 81 | </div> |
82 | 82 | ||
83 | <my-plugin-placeholder pluginId="share-modal-playlist-settings"></my-plugin-placeholder> | ||
83 | </div> | 84 | </div> |
84 | </div> | 85 | </div> |
85 | 86 | ||
@@ -102,7 +103,7 @@ | |||
102 | 103 | ||
103 | <ng-template ngbNavContent> | 104 | <ng-template ngbNavContent> |
104 | <div class="nav-content"> | 105 | <div class="nav-content"> |
105 | <my-input-text [value]="getVideoUrl()" [withToggle]="false" [withCopy]="true" [show]="true" [readonly]="true"></my-input-text> | 106 | <my-input-text [value]="videoUrl" [withToggle]="false" [withCopy]="true" [show]="true" [readonly]="true"></my-input-text> |
106 | </div> | 107 | </div> |
107 | </ng-template> | 108 | </ng-template> |
108 | </ng-container> | 109 | </ng-container> |
@@ -112,7 +113,7 @@ | |||
112 | 113 | ||
113 | <ng-template ngbNavContent> | 114 | <ng-template ngbNavContent> |
114 | <div class="nav-content"> | 115 | <div class="nav-content"> |
115 | <qrcode [qrdata]="getVideoUrl()" [width]="256" level="Q"></qrcode> | 116 | <qrcode [qrdata]="videoUrl" [width]="256" level="Q"></qrcode> |
116 | </div> | 117 | </div> |
117 | </ng-template> | 118 | </ng-template> |
118 | </ng-container> | 119 | </ng-container> |
@@ -123,7 +124,7 @@ | |||
123 | <ng-template ngbNavContent> | 124 | <ng-template ngbNavContent> |
124 | <div class="nav-content"> | 125 | <div class="nav-content"> |
125 | <my-input-text | 126 | <my-input-text |
126 | [value]="customizations.onlyEmbedUrl ? getVideoEmbedUrl() : getVideoIframeCode()" (ngModelChange)="updateEmbedCode()" | 127 | [value]="customizations.onlyEmbedUrl ? videoEmbedUrl : videoEmbedHTML" (ngModelChange)="onUpdate()" |
127 | [withToggle]="false" [withCopy]="true" [show]="true" [readonly]="true" | 128 | [withToggle]="false" [withCopy]="true" [show]="true" [readonly]="true" |
128 | ></my-input-text> | 129 | ></my-input-text> |
129 | 130 | ||
@@ -131,7 +132,7 @@ | |||
131 | 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). | 132 | 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). |
132 | </div> | 133 | </div> |
133 | 134 | ||
134 | <div class="embed" [innerHTML]="videoEmbedHTML"></div> | 135 | <div class="embed" [innerHTML]="videoEmbedSafeHTML"></div> |
135 | </div> | 136 | </div> |
136 | </ng-template> | 137 | </ng-template> |
137 | </ng-container> | 138 | </ng-container> |
@@ -176,6 +177,8 @@ | |||
176 | i18n-labelText labelText="Only display embed URL" | 177 | i18n-labelText labelText="Only display embed URL" |
177 | ></my-peertube-checkbox> | 178 | ></my-peertube-checkbox> |
178 | </div> | 179 | </div> |
180 | |||
181 | <my-plugin-placeholder pluginId="share-modal-video-settings"></my-plugin-placeholder> | ||
179 | </div> | 182 | </div> |
180 | 183 | ||
181 | <div class="advanced-filters collapse-transition" [ngbCollapse]="isAdvancedCustomizationCollapsed"> | 184 | <div class="advanced-filters collapse-transition" [ngbCollapse]="isAdvancedCustomizationCollapsed"> |