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>
7 <div class=
"modal-body">
8 <ngb-tabset class=
"root-tabset bootstrap" (tabChange)=
"onTabChange($event)">
10 <ngb-tab i18n-title
title=
"URL" id=
"url">
11 <ng-template ngbTabContent
>
13 <div class=
"tab-content">
14 <div class=
"input-group">
15 <input #urlInput (click)=
"urlInput.select()" type=
"text" class=
"form-control readonly" readonly [value]=
"getVideoUrl()" />
16 <div class=
"input-group-append">
17 <button [ngxClipboard]=
"urlInput" (click)=
"activateCopiedMessage()" type=
"button" class=
"btn btn-outline-secondary">
18 <span class=
"glyphicon glyphicon-copy"></span>
27 <ngb-tab i18n-title
title=
"QR-Code" id=
"qrcode">
28 <ng-template ngbTabContent
>
29 <div class=
"tab-content">
30 <ngx-qrcode qrc-element-type=
"url" [qrc-value]=
"getVideoUrl()" qrc-errorCorrectionLevel=
"Q"></ngx-qrcode>
35 <ngb-tab i18n-title
title=
"Embed" id=
"embed">
36 <ng-template ngbTabContent
>
37 <div class=
"tab-content">
38 <div class=
"input-group">
39 <input #shareInput (click)=
"shareInput.select()" type=
"text" class=
"form-control readonly" readonly [value]=
"getVideoIframeCode()" />
40 <div class=
"input-group-append">
41 <button [ngxClipboard]=
"shareInput" (click)=
"activateCopiedMessage()" type=
"button" class=
"btn btn-outline-secondary">
42 <span class=
"glyphicon glyphicon-copy"></span>
47 <div i18n *
ngIf=
"notSecure()" class=
"alert alert-warning">
48 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).
58 <div class=
"form-group start-at">
60 inputName=
"startAt" [(ngModel)]=
"customizations.startAtCheckbox"
61 i18n-labelText
labelText=
"Start at"
62 ></my-peertube-checkbox>
65 [timestamp]=
"customizations.startAt"
66 [maxTimestamp]=
"video.duration"
67 [disabled]=
"!customizations.startAtCheckbox"
68 [(ngModel)]=
"customizations.startAt"
73 <div *
ngIf=
"videoCaptions.length !== 0" class=
"form-group video-caption-block">
75 inputName=
"subtitleCheckbox" [(ngModel)]=
"customizations.subtitleCheckbox"
76 i18n-labelText
labelText=
"Auto select subtitle"
77 ></my-peertube-checkbox>
79 <div class=
"peertube-select-container" [ngClass]=
"{ disabled: !customizations.subtitleCheckbox }">
80 <select [(ngModel)]=
"customizations.subtitle" [disabled]=
"!customizations.subtitleCheckbox">
81 <option *
ngFor=
"let caption of videoCaptions" [value]=
"caption.language.id">{{ caption.language.label }}
</option>
87 <div (click)=
"isAdvancedCustomizationCollapsed = !isAdvancedCustomizationCollapsed" role=
"button" class=
"advanced-filters-button"
88 [attr.aria-expanded]=
"!isAdvancedCustomizationCollapsed" aria-controls=
"collapseBasic">
90 <ng-container *
ngIf=
"isAdvancedCustomizationCollapsed">
91 <span class=
"glyphicon glyphicon-menu-down"></span>
98 <ng-container *
ngIf=
"!isAdvancedCustomizationCollapsed">
99 <span class=
"glyphicon glyphicon-menu-up"></span>
107 <div class=
"advanced-filters collapse-transition" [ngbCollapse]=
"isAdvancedCustomizationCollapsed">
109 <div class=
"form-group stop-at">
110 <my-peertube-checkbox
111 inputName=
"stopAt" [(ngModel)]=
"customizations.stopAtCheckbox"
112 i18n-labelText
labelText=
"Stop at"
113 ></my-peertube-checkbox>
116 [timestamp]=
"customizations.stopAt"
117 [maxTimestamp]=
"video.duration"
118 [disabled]=
"!customizations.stopAtCheckbox"
119 [(ngModel)]=
"customizations.stopAt"
121 </my-timestamp-input>
124 <div class=
"form-group">
125 <my-peertube-checkbox
126 inputName=
"autoplay" [(ngModel)]=
"customizations.autoplay"
127 i18n-labelText
labelText=
"Autoplay"
128 ></my-peertube-checkbox>
131 <div class=
"form-group">
132 <my-peertube-checkbox
133 inputName=
"muted" [(ngModel)]=
"customizations.muted"
134 i18n-labelText
labelText=
"Muted"
135 ></my-peertube-checkbox>
138 <div class=
"form-group">
139 <my-peertube-checkbox
140 inputName=
"loop" [(ngModel)]=
"customizations.loop"
141 i18n-labelText
labelText=
"Loop"
142 ></my-peertube-checkbox>
146 <ng-container *
ngIf=
"isInEmbedTab()">
147 <div class=
"form-group">
148 <my-peertube-checkbox
149 inputName=
"title" [(ngModel)]=
"customizations.title"
150 i18n-labelText
labelText=
"Display video title"
151 ></my-peertube-checkbox>
154 <div class=
"form-group">
155 <my-peertube-checkbox
156 inputName=
"warningTitle" [(ngModel)]=
"customizations.warningTitle"
157 i18n-labelText
labelText=
"Display privacy warning"
158 ></my-peertube-checkbox>
161 <div class=
"form-group">
162 <my-peertube-checkbox
163 inputName=
"controls" [(ngModel)]=
"customizations.controls"
164 i18n-labelText
labelText=
"Display player controls"
165 ></my-peertube-checkbox>
172 <div class=
"modal-footer inputs">
173 <span i18n
class=
"action-button action-button-cancel" (click)=
"hide()">Close
</span>