import { Component, EventEmitter, Input, OnChanges, Output, ViewChild } from '@angular/core'
-import { AuthService, ConfirmService, Notifier, ScreenService } from '@app/core'
+import { AuthService, ConfirmService, Notifier, ScreenService, ServerService } from '@app/core'
import { BlocklistService, VideoBlockComponent, VideoBlockService, VideoReportComponent } from '@app/shared/shared-moderation'
import { NgbDropdown } from '@ng-bootstrap/ng-bootstrap'
import { VideoCaption } from '@shared/models'
duplicate?: boolean
mute?: boolean
liveInfo?: boolean
+ removeFiles?: boolean
+ transcoding?: boolean
+ studio?: boolean
+ stats?: boolean
}
@Component({
report: true,
duplicate: true,
mute: true,
- liveInfo: false
+ liveInfo: false,
+ removeFiles: false,
+ transcoding: false,
+ studio: true,
+ stats: true
}
@Input() placement = 'left'
+ @Input() moreActions: DropdownAction<{ video: Video }>[][] = []
@Input() label: string
@Input() buttonSize: DropdownButtonSize = 'normal'
@Input() buttonDirection: DropdownDirection = 'vertical'
+ @Output() videoFilesRemoved = new EventEmitter()
@Output() videoRemoved = new EventEmitter()
@Output() videoUnblocked = new EventEmitter()
@Output() videoBlocked = new EventEmitter()
@Output() videoAccountMuted = new EventEmitter()
+ @Output() transcodingCreated = new EventEmitter()
@Output() modalOpened = new EventEmitter()
videoActions: DropdownAction<{ video: Video }>[][] = []
private videoBlocklistService: VideoBlockService,
private screenService: ScreenService,
private videoService: VideoService,
- private redundancyService: RedundancyService
+ private redundancyService: RedundancyService,
+ private serverService: ServerService
) { }
get user () {
return this.video.isUpdatableBy(this.user)
}
+ isVideoEditable () {
+ return this.video.isEditableBy(this.user, this.serverService.getHTMLConfig().videoStudio.enabled)
+ }
+
+ isVideoStatsAvailable () {
+ return this.video.canSeeStats(this.user)
+ }
+
isVideoRemovable () {
return this.video.isRemovableBy(this.user)
}
return this.video.account.id !== this.user.account.id
}
+ canRemoveVideoFiles () {
+ return this.video.canRemoveFiles(this.user)
+ }
+
+ canRunTranscoding () {
+ return this.video.canRunTranscoding(this.user)
+ }
+
/* Action handlers */
async unblockVideo () {
let message = $localize`Do you really want to delete ${this.video.name}?`
if (this.video.isLive) {
- message += ' ' + $localize`The live stream will be automatically terminated.`
+ message += ' ' + $localize`The live stream will be automatically terminated and replays won't be saved.`
}
const res = await this.confirmService.confirm(message, $localize`Delete ${this.video.name}`)
})
}
+ async removeVideoFiles (video: Video, type: 'hls' | 'webtorrent') {
+ const confirmMessage = $localize`Do you really want to remove "${this.video.name}" files?`
+
+ const res = await this.confirmService.confirm(confirmMessage, $localize`Remove "${this.video.name}" files`)
+ if (res === false) return
+
+ this.videoService.removeVideoFiles([ video.id ], type)
+ .subscribe({
+ next: () => {
+ this.notifier.success($localize`Removed files of ${video.name}.`)
+ this.videoFilesRemoved.emit()
+ },
+
+ error: err => this.notifier.error(err.message)
+ })
+ }
+
+ runTranscoding (video: Video, type: 'hls' | 'webtorrent') {
+ this.videoService.runTranscoding([ video.id ], type)
+ .subscribe({
+ next: () => {
+ this.notifier.success($localize`Transcoding jobs created for ${video.name}.`)
+ this.transcodingCreated.emit()
+ },
+
+ error: err => this.notifier.error(err.message)
+ })
+ }
+
onVideoBlocked () {
this.videoBlocked.emit()
}
iconName: 'edit',
isDisplayed: () => this.authService.isLoggedIn() && this.displayOptions.update && this.isVideoUpdatable()
},
+ {
+ label: $localize`Studio`,
+ linkBuilder: ({ video }) => [ '/studio/edit', video.uuid ],
+ iconName: 'film',
+ isDisplayed: () => this.authService.isLoggedIn() && this.displayOptions.studio && this.isVideoEditable()
+ },
+ {
+ label: $localize`Stats`,
+ linkBuilder: ({ video }) => [ '/stats/videos', video.uuid ],
+ iconName: 'stats',
+ isDisplayed: () => this.authService.isLoggedIn() && this.displayOptions.stats && this.isVideoStatsAvailable()
+ },
{
label: $localize`Block`,
handler: () => this.showBlockModal(),
iconName: 'flag'
}
],
+ [
+ {
+ label: $localize`Run HLS transcoding`,
+ handler: ({ video }) => this.runTranscoding(video, 'hls'),
+ isDisplayed: () => this.displayOptions.transcoding && this.canRunTranscoding(),
+ iconName: 'cog'
+ },
+ {
+ label: $localize`Run WebTorrent transcoding`,
+ handler: ({ video }) => this.runTranscoding(video, 'webtorrent'),
+ isDisplayed: () => this.displayOptions.transcoding && this.canRunTranscoding(),
+ iconName: 'cog'
+ },
+ {
+ label: $localize`Delete HLS files`,
+ handler: ({ video }) => this.removeVideoFiles(video, 'hls'),
+ isDisplayed: () => this.displayOptions.removeFiles && this.canRemoveVideoFiles(),
+ iconName: 'delete'
+ },
+ {
+ label: $localize`Delete WebTorrent files`,
+ handler: ({ video }) => this.removeVideoFiles(video, 'webtorrent'),
+ isDisplayed: () => this.displayOptions.removeFiles && this.canRemoveVideoFiles(),
+ iconName: 'delete'
+ }
+ ],
[ // actions regarding the account/its server
{
label: $localize`Mute account`,
}
]
]
+
+ this.videoActions = this.videoActions.concat(this.moreActions)
}
}