client/src/app/videos/+video-watch/modal/video-download.component.ts

   1 import { Component, ElementRef, Input, OnInit, ViewChild } from '@angular/core'
   2 import { VideoDetails } from '../../../shared/video/video-details.model'
   3 import { NgbModal } from '@ng-bootstrap/ng-bootstrap'
   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: ElementRef
  14
  15   downloadType: 'direct' | 'torrent' | 'magnet' = 'torrent'
  16   resolutionId: number | string = -1
  17
  18   constructor (private modalService: NgbModal) {
  19     // empty
  20   }
  21
  22   ngOnInit () {
  23     this.resolutionId = this.video.files[0].resolution.id
  24   }
  25
  26   show () {
  27     this.modalService.open(this.modal)
  28   }
  29
  30   download () {
  31     // HTML select send us a string, so convert it to a number
  32     this.resolutionId = parseInt(this.resolutionId.toString(), 10)
  33
  34     const file = this.video.files.find(f => f.resolution.id === this.resolutionId)
  35     if (!file) {
  36       console.error('Could not find file with resolution %d.', this.resolutionId)
  37       return
  38     }
  39
  40     const link = (() => {
  41       switch (this.downloadType) {
  42         case 'direct': {
  43           return file.fileDownloadUrl
  44         }
  45         case 'torrent': {
  46           return file.torrentDownloadUrl
  47         }
  48         case 'magnet': {
  49           return file.magnetUri
  50         }
  51       }
  52     })()
  53     window.location.assign(link)
  54   }
  55 }