1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
|
import { Component, ElementRef, ViewChild } from '@angular/core'
import { VideoDetails } from '../../../shared/video/video-details.model'
import { NgbActiveModal, NgbModal } from '@ng-bootstrap/ng-bootstrap'
import { I18n } from '@ngx-translate/i18n-polyfill'
import { AuthService, Notifier } from '@app/core'
import { VideoPrivacy, VideoCaption } from '@shared/models'
type DownloadType = 'video' | 'subtitles'
@Component({
selector: 'my-video-download',
templateUrl: './video-download.component.html',
styleUrls: [ './video-download.component.scss' ]
})
export class VideoDownloadComponent {
@ViewChild('modal', { static: true }) modal: ElementRef
downloadType: 'direct' | 'torrent' = 'torrent'
resolutionId: number | string = -1
subtitleLanguageId: string
video: VideoDetails
videoCaptions: VideoCaption[]
activeModal: NgbActiveModal
type: DownloadType = 'video'
constructor (
private notifier: Notifier,
private modalService: NgbModal,
private auth: AuthService,
private i18n: I18n
) { }
get typeText () {
return this.type === 'video'
? this.i18n('video')
: this.i18n('subtitles')
}
getVideoFiles () {
if (!this.video) return []
return this.video.getFiles()
}
show (video: VideoDetails, videoCaptions?: VideoCaption[]) {
this.video = video
this.videoCaptions = videoCaptions && videoCaptions.length ? videoCaptions : undefined
this.activeModal = this.modalService.open(this.modal, { centered: true })
this.resolutionId = this.getVideoFiles()[0].resolution.id
if (this.videoCaptions) this.subtitleLanguageId = this.videoCaptions[0].language.id
}
onClose () {
this.video = undefined
this.videoCaptions = undefined
}
download () {
window.location.assign(this.getLink())
this.activeModal.close()
}
getLink () {
return this.type === 'subtitles' && this.videoCaptions
? this.getSubtitlesLink()
: this.getVideoLink()
}
getVideoLink () {
// HTML select send us a string, so convert it to a number
this.resolutionId = parseInt(this.resolutionId.toString(), 10)
const file = this.getVideoFiles().find(f => f.resolution.id === this.resolutionId)
if (!file) {
console.error('Could not find file with resolution %d.', this.resolutionId)
return
}
const suffix = this.video.privacy.id === VideoPrivacy.PRIVATE || this.video.privacy.id === VideoPrivacy.INTERNAL
? '?access_token=' + this.auth.getAccessToken()
: ''
switch (this.downloadType) {
case 'direct':
return file.fileDownloadUrl + suffix
case 'torrent':
return file.torrentDownloadUrl + suffix
}
}
getSubtitlesLink () {
return window.location.origin + this.videoCaptions.find(caption => caption.language.id === this.subtitleLanguageId).captionPath
}
activateCopiedMessage () {
this.notifier.success(this.i18n('Copied'))
}
switchToType (type: DownloadType) {
this.type = type
}
}
|
