X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;ds=sidebyside;f=client%2Fsrc%2Fapp%2Fshared%2Fshared-video-miniature%2Fvideo-actions-dropdown.component.ts;h=3c2b46d16d68e41d4e196cc486c1a75ac8dcf856;hb=8cbc40b2fe9d36ef0505b9441276ca561342e9e9;hp=9bd0741dfbcc4eda6463858c76eb6d70f151f5e7;hpb=d473fd94ce2fd04bffc6cf6ee8f193db309c1d83;p=github%2FChocobozzz%2FPeerTube.git diff --git a/client/src/app/shared/shared-video-miniature/video-actions-dropdown.component.ts b/client/src/app/shared/shared-video-miniature/video-actions-dropdown.component.ts index 9bd0741df..3c2b46d16 100644 --- a/client/src/app/shared/shared-video-miniature/video-actions-dropdown.component.ts +++ b/client/src/app/shared/shared-video-miniature/video-actions-dropdown.component.ts @@ -1,10 +1,19 @@ import { Component, EventEmitter, Input, OnChanges, Output, ViewChild } from '@angular/core' import { AuthService, ConfirmService, Notifier, ScreenService } from '@app/core' -import { VideoBlockComponent, VideoBlockService, VideoReportComponent, BlocklistService } from '@app/shared/shared-moderation' +import { BlocklistService, VideoBlockComponent, VideoBlockService, VideoReportComponent } from '@app/shared/shared-moderation' import { NgbDropdown } from '@ng-bootstrap/ng-bootstrap' -import { I18n } from '@ngx-translate/i18n-polyfill' import { VideoCaption } from '@shared/models' -import { DropdownAction, DropdownButtonSize, DropdownDirection, RedundancyService, Video, VideoDetails, VideoService, Actor } from '../shared-main' +import { + Actor, + DropdownAction, + DropdownButtonSize, + DropdownDirection, + RedundancyService, + Video, + VideoDetails, + VideoService +} from '../shared-main' +import { LiveStreamInformationComponent } from '../shared-video-live' import { VideoAddToPlaylistComponent } from '../shared-video-playlist' import { VideoDownloadComponent } from './video-download.component' @@ -17,6 +26,7 @@ export type VideoActionsDisplayType = { report?: boolean duplicate?: boolean mute?: boolean + liveInfo?: boolean } @Component({ @@ -31,6 +41,7 @@ export class VideoActionsDropdownComponent implements OnChanges { @ViewChild('videoDownloadModal') videoDownloadModal: VideoDownloadComponent @ViewChild('videoReportModal') videoReportModal: VideoReportComponent @ViewChild('videoBlockModal') videoBlockModal: VideoBlockComponent + @ViewChild('liveStreamInformationModal') liveStreamInformationModal: LiveStreamInformationComponent @Input() video: Video | VideoDetails @Input() videoCaptions: VideoCaption[] = [] @@ -43,7 +54,8 @@ export class VideoActionsDropdownComponent implements OnChanges { delete: true, report: true, duplicate: true, - mute: true + mute: true, + liveInfo: false } @Input() placement = 'left' @@ -71,8 +83,7 @@ export class VideoActionsDropdownComponent implements OnChanges { private videoBlocklistService: VideoBlockService, private screenService: ScreenService, private videoService: VideoService, - private redundancyService: RedundancyService, - private i18n: I18n + private redundancyService: RedundancyService ) { } get user () { @@ -82,7 +93,7 @@ export class VideoActionsDropdownComponent implements OnChanges { ngOnChanges () { if (this.loaded) { this.loaded = false - this.playlistAdd.reload() + if (this.playlistAdd) this.playlistAdd.reload() } this.buildActions() @@ -120,6 +131,12 @@ export class VideoActionsDropdownComponent implements OnChanges { this.videoBlockModal.show() } + showLiveInfoModal (video: Video) { + this.modalOpened.emit() + + this.liveStreamInformationModal.show(video) + } + /* Actions checker */ isVideoUpdatable () { @@ -138,12 +155,19 @@ export class VideoActionsDropdownComponent implements OnChanges { return this.video.isUnblockableBy(this.user) } + isVideoLiveInfoAvailable () { + return this.video.isLiveInfoAvailableBy(this.user) + } + isVideoDownloadable () { - return this.video && this.video instanceof VideoDetails && this.video.downloadEnabled + return this.video && + this.video.isLive !== true && + this.video instanceof VideoDetails && + this.video.downloadEnabled } canVideoBeDuplicated () { - return this.video.canBeDuplicatedBy(this.user) + return !this.video.isLive && this.video.canBeDuplicatedBy(this.user) } isVideoAccountMutable () { @@ -153,17 +177,15 @@ export class VideoActionsDropdownComponent implements OnChanges { /* Action handlers */ async unblockVideo () { - const confirmMessage = this.i18n( - 'Do you really want to unblock this video? It will be available again in the videos list.' - ) + const confirmMessage = $localize`Do you really want to unblock this video? It will be available again in the videos list.` - const res = await this.confirmService.confirm(confirmMessage, this.i18n('Unblock')) + const res = await this.confirmService.confirm(confirmMessage, $localize`Unblock`) if (res === false) return this.videoBlocklistService.unblockVideo(this.video.id) .subscribe( () => { - this.notifier.success(this.i18n('Video {{name}} unblocked.', { name: this.video.name })) + this.notifier.success($localize`Video ${this.video.name} unblocked.`) this.video.blacklisted = false this.video.blockedReason = null @@ -178,14 +200,18 @@ export class VideoActionsDropdownComponent implements OnChanges { async removeVideo () { this.modalOpened.emit() - const res = await this.confirmService.confirm(this.i18n('Do you really want to delete this video?'), this.i18n('Delete')) + let message = $localize`Do you really want to delete this video?` + if (this.video.isLive) { + message += ' ' + $localize`The live stream will be automatically terminated.` + } + + const res = await this.confirmService.confirm(message, $localize`Delete`) if (res === false) return this.videoService.removeVideo(this.video.id) .subscribe( () => { - this.notifier.success(this.i18n('Video {{videoName}} deleted.', { videoName: this.video.name })) - + this.notifier.success($localize`Video ${this.video.name} deleted.`) this.videoRemoved.emit() }, @@ -197,7 +223,7 @@ export class VideoActionsDropdownComponent implements OnChanges { this.redundancyService.addVideoRedundancy(this.video) .subscribe( () => { - const message = this.i18n('This video will be duplicated by your instance.') + const message = $localize`This video will be duplicated by your instance.` this.notifier.success(message) }, @@ -211,8 +237,7 @@ export class VideoActionsDropdownComponent implements OnChanges { this.blocklistService.blockAccountByUser(params) .subscribe( () => { - this.notifier.success(this.i18n('Account {{nameWithHost}} muted.', params)) - + this.notifier.success($localize`Account ${params.nameWithHost} muted.`) this.videoAccountMuted.emit() }, @@ -236,7 +261,7 @@ export class VideoActionsDropdownComponent implements OnChanges { this.videoActions = [ [ { - label: this.i18n('Save to playlist'), + label: $localize`Save to playlist`, handler: () => this.playlistDropdown.toggle(), isDisplayed: () => this.authService.isLoggedIn() && this.displayOptions.playlist, iconName: 'playlist-add' @@ -244,51 +269,57 @@ export class VideoActionsDropdownComponent implements OnChanges { ], [ // actions regarding the video { - label: this.i18n('Download'), + label: $localize`Download`, handler: () => this.showDownloadModal(), isDisplayed: () => this.displayOptions.download && this.isVideoDownloadable(), iconName: 'download' }, { - label: this.i18n('Update'), + label: $localize`Display live information`, + handler: ({ video }) => this.showLiveInfoModal(video), + isDisplayed: () => this.displayOptions.liveInfo && this.isVideoLiveInfoAvailable(), + iconName: 'live' + }, + { + label: $localize`Update`, linkBuilder: ({ video }) => [ '/videos/update', video.uuid ], iconName: 'edit', isDisplayed: () => this.authService.isLoggedIn() && this.displayOptions.update && this.isVideoUpdatable() }, { - label: this.i18n('Block'), + label: $localize`Block`, handler: () => this.showBlockModal(), iconName: 'no', isDisplayed: () => this.authService.isLoggedIn() && this.displayOptions.blacklist && this.isVideoBlockable() }, { - label: this.i18n('Unblock'), + label: $localize`Unblock`, handler: () => this.unblockVideo(), iconName: 'undo', isDisplayed: () => this.authService.isLoggedIn() && this.displayOptions.blacklist && this.isVideoUnblockable() }, { - label: this.i18n('Mirror'), + label: $localize`Mirror`, handler: () => this.duplicateVideo(), isDisplayed: () => this.authService.isLoggedIn() && this.displayOptions.duplicate && this.canVideoBeDuplicated(), iconName: 'cloud-download' }, { - label: this.i18n('Delete'), + label: $localize`Delete`, handler: () => this.removeVideo(), isDisplayed: () => this.authService.isLoggedIn() && this.displayOptions.delete && this.isVideoRemovable(), iconName: 'delete' }, { - label: this.i18n('Report'), + label: $localize`Report`, handler: () => this.showReportModal(), isDisplayed: () => this.authService.isLoggedIn() && this.displayOptions.report, - iconName: 'alert' + iconName: 'flag' } ], [ // actions regarding the account/its server { - label: this.i18n('Mute account'), + label: $localize`Mute account`, handler: () => this.muteVideoAccount(), isDisplayed: () => this.authService.isLoggedIn() && this.displayOptions.mute && this.isVideoAccountMutable(), iconName: 'no'