client/src/app/videos/+video-watch/modal/video-share.component.html

   1 <div bsModal #modal="bs-modal" class="modal" tabindex="-1">
   2   <div class="modal-dialog">
   3     <div class="modal-content">
   4
   5       <div class="modal-header">
   6         <span class="close" aria-hidden="true" (click)="hide()"></span>
   7         <h4 i18n class="modal-title">Share</h4>
   8       </div>
   9
  10       <div class="modal-body">
  11         <div class="form-group">
  12           <label i18n>URL</label>
  13           <div class="input-group input-group-sm">
  14             <input #urlInput (click)="urlInput.select()" type="text" class="form-control input-sm readonly" readonly [value]="getVideoUrl()" />
  15             <div class="input-group-btn" placement="bottom right">
  16               <button [ngxClipboard]="urlInput" (click)="activateCopiedMessage()" type="button" class="btn btn-default btn-search">
  17                 <span class="glyphicon glyphicon-copy"></span>
  18               </button>
  19             </div>
  20           </div>
  21         </div>
  22
  23         <div class="form-group">
  24           <label i18n>Embed</label>
  25           <div class="input-group input-group-sm">
  26             <input #shareInput (click)="shareInput.select()" type="text" class="form-control input-sm readonly" readonly [value]="getVideoIframeCode()" />
  27             <div class="input-group-btn" placement="bottom right">
  28               <button [ngxClipboard]="shareInput" (click)="activateCopiedMessage()" type="button" class="btn btn-default btn-search">
  29                 <span class="glyphicon glyphicon-copy"></span>
  30               </button>
  31             </div>
  32           </div>
  33         </div>
  34
  35         <div i18n *ngIf="notSecure()" class="alert alert-warning">
  36           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).
  37         </div>
  38
  39         <div class="form-group inputs">
  40           <span i18n class="action-button action-button-cancel" (click)="hide()">
  41             Cancel
  42           </span>
  43         </div>
  44       </div>
  45     </div>
  46   </div>
  47 </div>