client/src/app/videos/+video-watch/modal/video-download.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">Download video</h4>
   8       </div>
   9
  10       <div class="modal-body">
  11         <div class="peertube-select-container">
  12           <select [(ngModel)]="resolutionId">
  13             <option *ngFor="let file of video.files" [value]="file.resolution.id">{{ file.resolution.label }}</option>
  14           </select>
  15         </div>
  16
  17         <div class="download-type">
  18           <div class="peertube-radio-container">
  19             <input type="radio" name="download" id="download-torrent" [(ngModel)]="downloadType" value="torrent">
  20             <label i18n for="download-torrent">Torrent</label>
  21           </div>
  22
  23           <div class="peertube-radio-container">
  24             <input type="radio" name="download" id="download-direct" [(ngModel)]="downloadType" value="direct">
  25             <label i18n for="download-direct">Direct download</label>
  26           </div>
  27
  28           <div class="peertube-radio-container">
  29             <input type="radio" name="download" id="download-magnet" [(ngModel)]="downloadType" value="magnet">
  30             <label i18n for="download-magnet">Torrent (magnet)</label>
  31           </div>
  32         </div>
  33
  34         <div class="form-group inputs">
  35           <span i18n class="action-button action-button-cancel" (click)="hide()">
  36             Cancel
  37           </span>
  38
  39           <input
  40             type="submit" i18n-value value="Download" class="action-button-submit"
  41             (click)="download()"
  42           >
  43         </div>
  44       </div>
  45     </div>
  46   </div>
  47 </div>