1 <ng-template #modal
let-hide=
"close">
2 <div class=
"modal-header">
3 <h4 i18n
class=
"modal-title">Share
</h4>
4 <my-global-icon iconName=
"cross" aria-label=
"Close" role=
"button" (click)=
"hide()"></my-global-icon>
8 <div class=
"modal-body">
10 <div class=
"playlist" *
ngIf=
"playlist">
11 <div class=
"title-page title-page-single" i18n *
ngIf=
"video">Share the playlist
</div>
13 <div ngbNav #
nav=
"ngbNav" class=
"nav-tabs" [(activeId)]=
"activePlaylistId">
15 <ng-container ngbNavItem=
"url">
16 <a ngbNavLink i18n
>URL
</a>
18 <ng-template ngbNavContent
>
19 <div class=
"nav-content">
21 <my-input-toggle-hidden [value]=
"getPlaylistUrl()" [withToggle]=
"false" [withCopy]=
"true" [show]=
"true" [readonly]=
"true"></my-input-toggle-hidden>
26 <ng-container ngbNavItem=
"qrcode">
27 <a ngbNavLink i18n
>QR-Code
</a>
29 <ng-template ngbNavContent
>
30 <div class=
"nav-content">
31 <qrcode [qrdata]=
"getPlaylistUrl()" [size]=
"256" level=
"Q"></qrcode>
36 <ng-container ngbNavItem=
"embed">
37 <a ngbNavLink i18n
>Embed
</a>
39 <ng-template ngbNavContent
>
40 <div class=
"nav-content">
41 <my-input-toggle-hidden [value]=
"getPlaylistIframeCode()" [withToggle]=
"false" [withCopy]=
"true" [show]=
"true" [readonly]=
"true"></my-input-toggle-hidden>
43 <div i18n *
ngIf=
"notSecure()" class=
"alert alert-warning">
44 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).
52 <div [ngbNavOutlet]=
"nav"></div>
56 <div class=
"form-group" *
ngIf=
"video">
57 <my-peertube-checkbox inputName=
"includeVideoInPlaylist" [(ngModel)]=
"includeVideoInPlaylist" i18n-labelText
58 labelText=
"Share the playlist at this video position"></my-peertube-checkbox>
65 <div class=
"video" *
ngIf=
"video">
66 <div class=
"title-page title-page-single" *
ngIf=
"playlist" i18n
>Share the video
</div>
68 <div ngbNav #
nav=
"ngbNav" class=
"nav-tabs" [(activeId)]=
"activeVideoId">
70 <ng-container ngbNavItem=
"url">
71 <a ngbNavLink i18n
>URL
</a>
73 <ng-template ngbNavContent
>
74 <div class=
"nav-content">
75 <my-input-toggle-hidden [value]=
"getVideoUrl()" [withToggle]=
"false" [withCopy]=
"true" [show]=
"true" [readonly]=
"true"></my-input-toggle-hidden>
80 <ng-container ngbNavItem=
"qrcode">
81 <a ngbNavLink i18n
>QR-Code
</a>
83 <ng-template ngbNavContent
>
84 <div class=
"nav-content">
85 <qrcode [qrdata]=
"getVideoUrl()" [size]=
"256" level=
"Q"></qrcode>
90 <ng-container ngbNavItem=
"embed">
91 <a ngbNavLink i18n
>Embed
</a>
93 <ng-template ngbNavContent
>
94 <div class=
"nav-content">
95 <my-input-toggle-hidden [value]=
"getVideoIframeCode()" [withToggle]=
"false" [withCopy]=
"true" [show]=
"true" [readonly]=
"true"></my-input-toggle-hidden>
97 <div i18n *
ngIf=
"notSecure()" class=
"alert alert-warning">
98 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).
106 <div [ngbNavOutlet]=
"nav"></div>
108 <div class=
"filters">
110 <div class=
"form-group start-at" *
ngIf=
"!video.isLive">
111 <my-peertube-checkbox
112 inputName=
"startAt" [(ngModel)]=
"customizations.startAtCheckbox"
113 i18n-labelText
labelText=
"Start at"
114 ></my-peertube-checkbox>
117 [timestamp]=
"customizations.startAt"
118 [maxTimestamp]=
"video.duration"
119 [disabled]=
"!customizations.startAtCheckbox"
120 [(ngModel)]=
"customizations.startAt"
122 </my-timestamp-input>
125 <div *
ngIf=
"videoCaptions.length !== 0" class=
"form-group video-caption-block">
126 <my-peertube-checkbox
127 inputName=
"subtitleCheckbox" [(ngModel)]=
"customizations.subtitleCheckbox"
128 i18n-labelText
labelText=
"Auto select subtitle"
129 ></my-peertube-checkbox>
131 <div class=
"peertube-select-container" [ngClass]=
"{ disabled: !customizations.subtitleCheckbox }">
132 <select [(ngModel)]=
"customizations.subtitle" [disabled]=
"!customizations.subtitleCheckbox">
133 <option *
ngFor=
"let caption of videoCaptions" [value]=
"caption.language.id">{{ caption.language.label }}
</option>
139 <div class=
"advanced-filters collapse-transition" [ngbCollapse]=
"isAdvancedCustomizationCollapsed">
141 <div class=
"form-group stop-at" *
ngIf=
"!video.isLive">
142 <my-peertube-checkbox
143 inputName=
"stopAt" [(ngModel)]=
"customizations.stopAtCheckbox"
144 i18n-labelText
labelText=
"Stop at"
145 ></my-peertube-checkbox>
148 [timestamp]=
"customizations.stopAt"
149 [maxTimestamp]=
"video.duration"
150 [disabled]=
"!customizations.stopAtCheckbox"
151 [(ngModel)]=
"customizations.stopAt"
153 </my-timestamp-input>
156 <div class=
"form-group">
157 <my-peertube-checkbox
158 inputName=
"autoplay" [(ngModel)]=
"customizations.autoplay"
159 i18n-labelText
labelText=
"Autoplay"
160 ></my-peertube-checkbox>
163 <div class=
"form-group">
164 <my-peertube-checkbox
165 inputName=
"muted" [(ngModel)]=
"customizations.muted"
166 i18n-labelText
labelText=
"Muted"
167 ></my-peertube-checkbox>
170 <div class=
"form-group" *
ngIf=
"!video.isLive">
171 <my-peertube-checkbox
172 inputName=
"loop" [(ngModel)]=
"customizations.loop"
173 i18n-labelText
labelText=
"Loop"
174 ></my-peertube-checkbox>
177 <div *
ngIf=
"!isLocalVideo() && !isVideoInEmbedTab()" class=
"form-group">
178 <my-peertube-checkbox
179 inputName=
"originUrl" [(ngModel)]=
"customizations.originUrl"
180 i18n-labelText
labelText=
"Use origin instance URL"
181 ></my-peertube-checkbox>
185 <ng-container *
ngIf=
"isVideoInEmbedTab()">
186 <div class=
"form-group">
187 <my-peertube-checkbox
188 inputName=
"title" [(ngModel)]=
"customizations.title"
189 i18n-labelText
labelText=
"Display video title"
190 ></my-peertube-checkbox>
193 <div class=
"form-group">
194 <my-peertube-checkbox
195 inputName=
"warningTitle" [(ngModel)]=
"customizations.warningTitle"
196 i18n-labelText
labelText=
"Display privacy warning"
197 ></my-peertube-checkbox>
200 <div class=
"form-group">
201 <my-peertube-checkbox
202 inputName=
"controls" [(ngModel)]=
"customizations.controls"
203 i18n-labelText
labelText=
"Display player controls"
204 ></my-peertube-checkbox>
207 <div class=
"form-group">
208 <my-peertube-checkbox
209 inputName=
"controls" [(ngModel)]=
"customizations.peertubeLink"
210 i18n-labelText
labelText=
"Display PeerTube button link"
211 ></my-peertube-checkbox>
216 <div (click)=
"isAdvancedCustomizationCollapsed = !isAdvancedCustomizationCollapsed" role=
"button" class=
"advanced-filters-button"
217 [attr.aria-expanded]=
"!isAdvancedCustomizationCollapsed" aria-controls=
"collapseBasic">
219 <ng-container *
ngIf=
"isAdvancedCustomizationCollapsed">
220 <span class=
"glyphicon glyphicon-menu-down"></span>
227 <ng-container *
ngIf=
"!isAdvancedCustomizationCollapsed">
228 <span class=
"glyphicon glyphicon-menu-up"></span>