2018-08-09 12:55:06 +00:00
|
|
|
<ng-template #modal let-hide="close">
|
|
|
|
<div class="modal-header">
|
|
|
|
<h4 i18n class="modal-title">Share</h4>
|
2019-01-16 15:05:40 +00:00
|
|
|
<my-global-icon iconName="cross" aria-label="Close" role="button" (click)="hide()"></my-global-icon>
|
2018-08-09 12:55:06 +00:00
|
|
|
</div>
|
2016-11-20 15:09:38 +00:00
|
|
|
|
2018-08-09 12:55:06 +00:00
|
|
|
<div class="modal-body">
|
2018-09-05 13:32:15 +00:00
|
|
|
|
2019-03-07 16:06:00 +00:00
|
|
|
<div class="start-at">
|
2018-09-05 13:32:15 +00:00
|
|
|
<my-peertube-checkbox
|
|
|
|
inputName="startAt" [(ngModel)]="startAtCheckbox"
|
2019-03-07 16:06:00 +00:00
|
|
|
i18n-labelText labelText="Start at"
|
2018-09-05 13:32:15 +00:00
|
|
|
></my-peertube-checkbox>
|
2019-03-07 16:06:00 +00:00
|
|
|
|
|
|
|
<my-timestamp-input
|
|
|
|
[timestamp]="currentVideoTimestamp"
|
|
|
|
[maxTimestamp]="video.duration"
|
|
|
|
[disabled]="!startAtCheckbox"
|
|
|
|
[(ngModel)]="currentVideoTimestamp"
|
|
|
|
>
|
|
|
|
</my-timestamp-input>
|
2018-09-05 13:32:15 +00:00
|
|
|
</div>
|
|
|
|
|
2018-08-09 12:55:06 +00:00
|
|
|
<div class="form-group">
|
|
|
|
<label i18n>URL</label>
|
|
|
|
<div class="input-group input-group-sm">
|
|
|
|
<input #urlInput (click)="urlInput.select()" type="text" class="form-control input-sm readonly" readonly [value]="getVideoUrl()" />
|
|
|
|
<div class="input-group-append">
|
|
|
|
<button [ngxClipboard]="urlInput" (click)="activateCopiedMessage()" type="button" class="btn btn-outline-secondary">
|
|
|
|
<span class="glyphicon glyphicon-copy"></span>
|
|
|
|
</button>
|
2016-11-20 15:09:38 +00:00
|
|
|
</div>
|
2018-08-09 12:55:06 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
2016-11-20 15:13:42 +00:00
|
|
|
|
2018-08-27 13:59:00 +00:00
|
|
|
<div class="form-group qr-code-group">
|
|
|
|
<label i18n>QR-Code</label>
|
|
|
|
<ngx-qrcode qrc-element-type="url" [qrc-value]="getVideoUrl()" qrc-errorCorrectionLevel="Q"></ngx-qrcode>
|
|
|
|
</div>
|
|
|
|
|
2018-08-09 12:55:06 +00:00
|
|
|
<div class="form-group">
|
|
|
|
<label i18n>Embed</label>
|
|
|
|
<div class="input-group input-group-sm">
|
|
|
|
<input #shareInput (click)="shareInput.select()" type="text" class="form-control input-sm readonly" readonly [value]="getVideoIframeCode()" />
|
|
|
|
<div class="input-group-append">
|
|
|
|
<button [ngxClipboard]="shareInput" (click)="activateCopiedMessage()" type="button" class="btn btn-outline-secondary">
|
|
|
|
<span class="glyphicon glyphicon-copy"></span>
|
|
|
|
</button>
|
2016-11-20 15:13:42 +00:00
|
|
|
</div>
|
2018-08-09 12:55:06 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
2017-12-20 16:49:58 +00:00
|
|
|
|
2018-08-09 12:55:06 +00:00
|
|
|
<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>
|
2018-08-27 13:59:00 +00:00
|
|
|
</div>
|
2018-07-12 17:43:42 +00:00
|
|
|
|
2018-08-09 12:55:06 +00:00
|
|
|
<div class="modal-footer inputs">
|
2018-08-27 13:59:00 +00:00
|
|
|
<span i18n class="action-button action-button-cancel" (click)="hide()">Close</span>
|
2018-08-09 12:55:06 +00:00
|
|
|
</div>
|
|
|
|
|
|
|
|
</ng-template>
|