diff options
Diffstat (limited to 'client/src/app/videos/+video-watch/modal/video-download.component.html')
-rw-r--r-- | client/src/app/videos/+video-watch/modal/video-download.component.html | 75 |
1 files changed, 35 insertions, 40 deletions
diff --git a/client/src/app/videos/+video-watch/modal/video-download.component.html b/client/src/app/videos/+video-watch/modal/video-download.component.html index 31b2f4228..edd054123 100644 --- a/client/src/app/videos/+video-watch/modal/video-download.component.html +++ b/client/src/app/videos/+video-watch/modal/video-download.component.html | |||
@@ -1,47 +1,42 @@ | |||
1 | <div bsModal #modal="bs-modal" class="modal" tabindex="-1"> | 1 | <ng-template #modal let-hide="close"> |
2 | <div class="modal-dialog"> | 2 | <div class="modal-header"> |
3 | <div class="modal-content"> | 3 | <h4 i18n class="modal-title">Download video</h4> |
4 | 4 | <span class="close" aria-hidden="true" (click)="hide()"></span> | |
5 | <div class="modal-header"> | 5 | </div> |
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 | 6 | ||
17 | <div class="download-type"> | 7 | <div class="modal-body"> |
18 | <div class="peertube-radio-container"> | 8 | <div class="peertube-select-container"> |
19 | <input type="radio" name="download" id="download-direct" [(ngModel)]="downloadType" value="direct"> | 9 | <select [(ngModel)]="resolutionId"> |
20 | <label i18n for="download-direct">Direct download</label> | 10 | <option *ngFor="let file of video.files" [value]="file.resolution.id">{{ file.resolution.label }}</option> |
21 | </div> | 11 | </select> |
22 | 12 | </div> | |
23 | <div class="peertube-radio-container"> | ||
24 | <input type="radio" name="download" id="download-torrent" [(ngModel)]="downloadType" value="torrent"> | ||
25 | <label i18n for="download-torrent">Torrent (.torrent file)</label> | ||
26 | </div> | ||
27 | 13 | ||
28 | <div class="peertube-radio-container"> | 14 | <div class="download-type"> |
29 | <input type="radio" name="download" id="download-magnet" [(ngModel)]="downloadType" value="magnet"> | 15 | <div class="peertube-radio-container"> |
30 | <label i18n for="download-magnet">Torrent (magnet link)</label> | 16 | <input type="radio" name="download" id="download-direct" [(ngModel)]="downloadType" value="direct"> |
31 | </div> | 17 | <label i18n for="download-direct">Direct download</label> |
32 | </div> | 18 | </div> |
33 | 19 | ||
34 | <div class="form-group inputs"> | 20 | <div class="peertube-radio-container"> |
35 | <span i18n class="action-button action-button-cancel" (click)="hide()"> | 21 | <input type="radio" name="download" id="download-torrent" [(ngModel)]="downloadType" value="torrent"> |
36 | Cancel | 22 | <label i18n for="download-torrent">Torrent (.torrent file)</label> |
37 | </span> | 23 | </div> |
38 | 24 | ||
39 | <input | 25 | <div class="peertube-radio-container"> |
40 | type="submit" i18n-value value="Download" class="action-button-submit" | 26 | <input type="radio" name="download" id="download-magnet" [(ngModel)]="downloadType" value="magnet"> |
41 | (click)="download()" | 27 | <label i18n for="download-magnet">Torrent (magnet link)</label> |
42 | > | ||
43 | </div> | ||
44 | </div> | 28 | </div> |
45 | </div> | 29 | </div> |
46 | </div> | 30 | </div> |
47 | </div> | 31 | |
32 | <div class="modal-footer inputs"> | ||
33 | <span i18n class="action-button action-button-cancel" (click)="hide()"> | ||
34 | Cancel | ||
35 | </span> | ||
36 | |||
37 | <input | ||
38 | type="submit" i18n-value value="Download" class="action-button-submit" | ||
39 | (click)="download()" | ||
40 | > | ||
41 | </div> | ||
42 | </ng-template> | ||