client/src/app/+my-library/my-video-imports/my-video-imports.component.ts

   1 import { SortMeta } from 'primeng/api'
   2 import { Component, OnInit } from '@angular/core'
   3 import { Notifier, RestPagination, RestTable } from '@app/core'
   4 import { Video, VideoImportService } from '@app/shared/shared-main'
   5 import { VideoImport, VideoImportState } from '@shared/models'
   6
   7 @Component({
   8   templateUrl: './my-video-imports.component.html',
   9   styleUrls: [ './my-video-imports.component.scss' ]
  10 })
  11 export class MyVideoImportsComponent extends RestTable implements OnInit {
  12   videoImports: VideoImport[] = []
  13   totalRecords = 0
  14   sort: SortMeta = { field: 'createdAt', order: 1 }
  15   pagination: RestPagination = { count: this.rowsPerPage, start: 0 }
  16
  17   constructor (
  18     private notifier: Notifier,
  19     private videoImportService: VideoImportService
  20   ) {
  21     super()
  22   }
  23
  24   ngOnInit () {
  25     this.initialize()
  26   }
  27
  28   getIdentifier () {
  29     return 'MyVideoImportsComponent'
  30   }
  31
  32   getVideoImportStateClass (state: VideoImportState) {
  33     switch (state) {
  34       case VideoImportState.FAILED:
  35         return 'badge-red'
  36       case VideoImportState.REJECTED:
  37         return 'badge-banned'
  38       case VideoImportState.PENDING:
  39         return 'badge-yellow'
  40       case VideoImportState.PROCESSING:
  41         return 'badge-blue'
  42       default:
  43         return 'badge-green'
  44     }
  45   }
  46
  47   isVideoImportSuccess (videoImport: VideoImport) {
  48     return videoImport.state.id === VideoImportState.SUCCESS
  49   }
  50
  51   isVideoImportPending (videoImport: VideoImport) {
  52     return videoImport.state.id === VideoImportState.PENDING
  53   }
  54
  55   isVideoImportFailed (videoImport: VideoImport) {
  56     return videoImport.state.id === VideoImportState.FAILED
  57   }
  58
  59   isVideoImportCancelled (videoImport: VideoImport) {
  60     return videoImport.state.id === VideoImportState.CANCELLED
  61   }
  62
  63   getVideoUrl (video: { uuid: string }) {
  64     return Video.buildWatchUrl(video)
  65   }
  66
  67   getEditVideoUrl (video: { uuid: string }) {
  68     return Video.buildUpdateUrl(video)
  69   }
  70
  71   deleteImport (videoImport: VideoImport) {
  72     this.videoImportService.deleteVideoImport(videoImport)
  73       .subscribe({
  74         next: () => this.reloadData(),
  75
  76         error: err => this.notifier.error(err.message)
  77       })
  78   }
  79
  80   cancelImport (videoImport: VideoImport) {
  81     this.videoImportService.cancelVideoImport(videoImport)
  82       .subscribe({
  83         next: () => this.reloadData(),
  84
  85         error: err => this.notifier.error(err.message)
  86       })
  87   }
  88
  89   protected reloadData () {
  90     this.videoImportService.getMyVideoImports(this.pagination, this.sort)
  91         .subscribe({
  92           next: resultList => {
  93             this.videoImports = resultList.data
  94             this.totalRecords = resultList.total
  95           },
  96
  97           error: err => this.notifier.error(err.message)
  98         })
  99   }
 100 }