Design video update
[oweals/peertube.git] / client / src / app / videos / +video-watch / video-share.component.html
1 <div bsModal #modal="bs-modal" class="modal" tabindex="-1">
2   <div class="modal-dialog modal-lg">
3     <div class="modal-content">
4
5       <div class="modal-header">
6         <button type="button" class="close" aria-label="Close" (click)="hide()">
7           <span aria-hidden="true">&times;</span>
8         </button>
9         <h4 class="title-page title-page-single">Share</h4>
10       </div>
11
12       <div class="modal-body">
13         <div class="form-group">
14           <label>URL</label>
15           <input #urlInput (click)="urlInput.select()" type="text" class="form-control input-sm readonly" readonly [value]="getVideoUrl()" />
16         </div>
17
18         <div class="form-group">
19           <label>Embed</label>
20           <input #shareInput (click)="shareInput.select()" type="text" class="form-control input-sm readonly" readonly [value]="getVideoIframeCode()" />
21         </div>
22
23         <div *ngIf="notSecure()" class="alert alert-warning">
24           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).
25         </div>
26       </div>
27     </div>
28   </div>
29 </div>