1 import { SortMeta } from 'primeng/api'
2 import { finalize } from 'rxjs/operators'
3 import { Component, OnInit } from '@angular/core'
4 import { ActivatedRoute, Router } from '@angular/router'
5 import { AuthService, ConfirmService, Notifier, RestPagination, RestTable } from '@app/core'
6 import { AdvancedInputFilter } from '@app/shared/shared-forms'
7 import { DropdownAction, Video, VideoService } from '@app/shared/shared-main'
8 import { VideoActionsDisplayType } from '@app/shared/shared-video-miniature'
9 import { UserRight, VideoPrivacy, VideoState, VideoStreamingPlaylistType } from '@shared/models'
12 selector: 'my-video-list',
13 templateUrl: './video-list.component.html',
14 styleUrls: [ './video-list.component.scss' ]
16 export class VideoListComponent extends RestTable implements OnInit {
20 sort: SortMeta = { field: 'publishedAt', order: -1 }
21 pagination: RestPagination = { count: this.rowsPerPage, start: 0 }
23 bulkVideoActions: DropdownAction<Video[]>[][] = []
25 selectedVideos: Video[] = []
27 inputFilters: AdvancedInputFilter[] = [
29 title: $localize`Advanced filters`,
32 queryParams: { search: 'isLocal:false' },
33 label: $localize`Remote videos`
36 queryParams: { search: 'isLocal:true' },
37 label: $localize`Local videos`
43 videoActionsOptions: VideoActionsDisplayType = {
58 protected route: ActivatedRoute,
59 protected router: Router,
60 private confirmService: ConfirmService,
61 private auth: AuthService,
62 private notifier: Notifier,
63 private videoService: VideoService
69 return this.auth.getUser()
75 this.bulkVideoActions = [
78 label: $localize`Delete`,
79 handler: videos => this.removeVideos(videos),
80 isDisplayed: () => this.authUser.hasRight(UserRight.REMOVE_ANY_VIDEO)
87 return 'VideoListComponent'
90 isInSelectionMode () {
91 return this.selectedVideos.length !== 0
98 getPrivacyBadgeClass (privacy: VideoPrivacy) {
99 if (privacy === VideoPrivacy.PUBLIC) return 'badge-blue'
101 return 'badge-yellow'
104 isUnpublished (state: VideoState) {
105 return state !== VideoState.LIVE_ENDED && state !== VideoState.PUBLISHED
108 isAccountBlocked (video: Video) {
109 return video.blockedOwner
112 isServerBlocked (video: Video) {
113 return video.blockedServer
116 isVideoBlocked (video: Video) {
117 return video.blacklisted
120 isHLS (video: Video) {
121 return video.streamingPlaylists.some(p => p.type === VideoStreamingPlaylistType.HLS)
124 isWebTorrent (video: Video) {
125 return video.files.length !== 0
128 getFilesSize (video: Video) {
129 let files = video.files
131 if (this.isHLS(video)) {
132 files = files.concat(video.streamingPlaylists[0].files)
135 return files.reduce((p, f) => p += f.size, 0)
138 protected reloadData () {
139 this.selectedVideos = []
143 this.videoService.getAdminVideos({
144 pagination: this.pagination,
147 }).pipe(finalize(() => this.loading = false))
149 next: resultList => {
150 this.videos = resultList.data
151 this.totalRecords = resultList.total
154 error: err => this.notifier.error(err.message)
158 private async removeVideos (videos: Video[]) {
159 const message = $localize`Are you sure you want to delete these ${videos.length} videos?`
160 const res = await this.confirmService.confirm(message, $localize`Delete`)
161 if (res === false) return
163 this.videoService.removeVideo(videos.map(v => v.id))
166 this.notifier.success($localize`${videos.length} videos deleted.`)
170 error: err => this.notifier.error(err.message)