diff options
Diffstat (limited to 'client/src/app/videos/+video-watch/modal/video-download.component.ts')
-rw-r--r-- | client/src/app/videos/+video-watch/modal/video-download.component.ts | 44 |
1 files changed, 44 insertions, 0 deletions
diff --git a/client/src/app/videos/+video-watch/modal/video-download.component.ts b/client/src/app/videos/+video-watch/modal/video-download.component.ts new file mode 100644 index 000000000..1a73ea6df --- /dev/null +++ b/client/src/app/videos/+video-watch/modal/video-download.component.ts | |||
@@ -0,0 +1,44 @@ | |||
1 | import { Component, Input, OnInit, ViewChild } from '@angular/core' | ||
2 | import { ModalDirective } from 'ngx-bootstrap/modal' | ||
3 | import { VideoDetails } from '../../../shared/video/video-details.model' | ||
4 | |||
5 | @Component({ | ||
6 | selector: 'my-video-download', | ||
7 | templateUrl: './video-download.component.html', | ||
8 | styleUrls: [ './video-download.component.scss' ] | ||
9 | }) | ||
10 | export class VideoDownloadComponent implements OnInit { | ||
11 | @Input() video: VideoDetails = null | ||
12 | |||
13 | @ViewChild('modal') modal: ModalDirective | ||
14 | |||
15 | downloadType: 'direct' | 'torrent' = 'torrent' | ||
16 | resolution = -1 | ||
17 | |||
18 | constructor () { | ||
19 | // empty | ||
20 | } | ||
21 | |||
22 | ngOnInit () { | ||
23 | this.resolution = this.video.files[0].resolution | ||
24 | } | ||
25 | |||
26 | show () { | ||
27 | this.modal.show() | ||
28 | } | ||
29 | |||
30 | hide () { | ||
31 | this.modal.hide() | ||
32 | } | ||
33 | |||
34 | download () { | ||
35 | const file = this.video.files.find(f => f.resolution === this.resolution) | ||
36 | if (!file) { | ||
37 | console.error('Could not find file with resolution %d.', this.resolution) | ||
38 | return | ||
39 | } | ||
40 | |||
41 | const link = this.downloadType === 'direct' ? file.fileUrl : file.torrentUrl | ||
42 | window.open(link) | ||
43 | } | ||
44 | } | ||