label: $localize`Switch video block to manual`,
handler: videoBlock => {
this.videoBlocklistService.unblockVideo(videoBlock.video.id).pipe(
- switchMap(_ => this.videoBlocklistService.blockVideo(videoBlock.video.id, undefined, true))
+ switchMap(_ => this.videoBlocklistService.blockVideo([ { videoId: videoBlock.video.id, unfederate: true } ]))
).subscribe({
next: () => {
this.notifier.success($localize`Video ${videoBlock.video.name} switched to manual block.`)
</tr>
</ng-template>
</p-table>
+
+<my-video-block #videoBlockModal (videoBlocked)="onVideoBlocked()"></my-video-block>
import { SortMeta } from 'primeng/api'
import { finalize } from 'rxjs/operators'
-import { Component, OnInit } from '@angular/core'
+import { Component, OnInit, ViewChild } from '@angular/core'
import { ActivatedRoute, Router } from '@angular/router'
import { AuthService, ConfirmService, Notifier, RestPagination, RestTable } from '@app/core'
import { AdvancedInputFilter } from '@app/shared/shared-forms'
import { DropdownAction, Video, VideoService } from '@app/shared/shared-main'
+import { VideoBlockComponent, VideoBlockService } from '@app/shared/shared-moderation'
import { VideoActionsDisplayType } from '@app/shared/shared-video-miniature'
import { UserRight, VideoPrivacy, VideoState, VideoStreamingPlaylistType } from '@shared/models'
import { VideoAdminService } from './video-admin.service'
styleUrls: [ './video-list.component.scss' ]
})
export class VideoListComponent extends RestTable implements OnInit {
+ @ViewChild('videoBlockModal') videoBlockModal: VideoBlockComponent
+
videos: Video[] = []
totalRecords = 0
private auth: AuthService,
private notifier: Notifier,
private videoService: VideoService,
- private videoAdminService: VideoAdminService
+ private videoAdminService: VideoAdminService,
+ private videoBlockService: VideoBlockService
) {
super()
}
label: $localize`Delete`,
handler: videos => this.removeVideos(videos),
isDisplayed: () => this.authUser.hasRight(UserRight.REMOVE_ANY_VIDEO)
+ },
+ {
+ label: $localize`Block`,
+ handler: videos => this.videoBlockModal.show(videos),
+ isDisplayed: videos => this.authUser.hasRight(UserRight.MANAGE_VIDEO_BLACKLIST) && videos.every(v => !v.blacklisted)
+ },
+ {
+ label: $localize`Unblock`,
+ handler: videos => this.unblockVideos(videos),
+ isDisplayed: videos => this.authUser.hasRight(UserRight.MANAGE_VIDEO_BLACKLIST) && videos.every(v => v.blacklisted)
}
]
]
return files.reduce((p, f) => p += f.size, 0)
}
+ onVideoBlocked () {
+ this.reloadData()
+ }
+
protected reloadData () {
this.selectedVideos = []
this.videoService.removeVideo(videos.map(v => v.id))
.subscribe({
next: () => {
- this.notifier.success($localize`${videos.length} videos deleted.`)
+ this.notifier.success($localize`Deleted ${videos.length} videos.`)
+ this.reloadData()
+ },
+
+ error: err => this.notifier.error(err.message)
+ })
+ }
+
+ private unblockVideos (videos: Video[]) {
+ this.videoBlockService.unblockVideo(videos.map(v => v.id))
+ .subscribe({
+ next: () => {
+ this.notifier.success($localize`Unblocked ${videos.length} videos.`)
this.reloadData()
},
<td *ngIf="abuse.video.deleted" class="c-hand" [pRowToggler]="abuse">
<div class="table-video" i18n-title title="Video was deleted">
- <div class="table-video-image">
- <span i18n>Deleted</span>
- </div>
-
<div class="table-video-text">
<div>
{{ abuse.video.name }}
label: $localize`Block video`,
isDisplayed: abuse => abuse.video && !abuse.video.deleted && !abuse.video.blacklisted,
handler: abuse => {
- this.videoBlocklistService.blockVideo(abuse.video.id, undefined, abuse.video.channel.isLocal)
+ this.videoBlocklistService.blockVideo([ { videoId: abuse.video.id, unfederate: abuse.video.channel.isLocal } ])
.subscribe({
next: () => {
this.notifier.success($localize`Video blocked.`)
<ng-template #modal>
<div class="modal-header">
- <h4 i18n class="modal-title" *ngIf="!video.isLive">Block video "{{ video.name }}"</h4>
- <h4 i18n class="modal-title" *ngIf="video.isLive">Block live "{{ video.name }}"</h4>
+ <ng-container *ngIf="isMultiple()">
+ <h4 i18n class="modal-title">Block {{ videos.length }} videos</h4>
+ </ng-container>
+
+ <ng-container *ngIf="!isMultiple()">
+ <h4 i18n class="modal-title" *ngIf="!getSingleVideo().isLive">Block video "{{ getSingleVideo().name }}"</h4>
+ <h4 i18n class="modal-title" *ngIf="getSingleVideo().isLive">Block live "{{ getSingleVideo().name }}"</h4>
+ </ng-container>
+
<my-global-icon iconName="cross" aria-label="Close" role="button" (click)="hide()"></my-global-icon>
</div>
</div>
</div>
- <div class="form-group" *ngIf="video.isLocal">
+ <div class="form-group" *ngIf="hasLocal()">
<my-peertube-checkbox
inputName="unfederate" formControlName="unfederate"
- i18n-labelText labelText="Unfederate the video"
+ i18n-labelText labelText="Unfederate"
>
<ng-container ngProjectAs="description">
- <span i18n>This will ask remote instances to delete it</span>
+ <span *ngIf="isMultiple()" i18n>This will ask remote instances to delete local videos</span>
+ <span *ngIf="!isMultiple()" i18n>This will ask remote instances to delete this video</span>
</ng-container>
</my-peertube-checkbox>
</div>
- <strong class="live-info" *ngIf="video.isLive" i18n>
- Blocking this live will automatically terminate the live stream.
+ <strong class="live-info" *ngIf="hasLive()" i18n>
+ Blocking a live will automatically terminate the live stream.
</strong>
<div class="form-group inputs">
(click)="hide()" (key.enter)="hide()"
>
- <input type="submit" i18n-value value="Submit" class="peertube-button orange-button" [disabled]="!form.valid" />
+ <input type="submit" i18n-value value="Block" class="peertube-button orange-button" [disabled]="!form.valid" />
</div>
</form>
-import { Component, EventEmitter, Input, OnInit, Output, ViewChild } from '@angular/core'
+import { Component, EventEmitter, OnInit, Output, ViewChild } from '@angular/core'
import { Notifier } from '@app/core'
import { FormReactive, FormValidatorService } from '@app/shared/shared-forms'
import { Video } from '@app/shared/shared-main'
styleUrls: [ './video-block.component.scss' ]
})
export class VideoBlockComponent extends FormReactive implements OnInit {
- @Input() video: Video = null
-
@ViewChild('modal', { static: true }) modal: NgbModal
@Output() videoBlocked = new EventEmitter()
+ videos: Video[]
+
error: string = null
private openedModal: NgbModalRef
}, defaultValues)
}
- show () {
+ isMultiple () {
+ return this.videos.length > 1
+ }
+
+ getSingleVideo () {
+ return this.videos[0]
+ }
+
+ hasLive () {
+ return this.videos.some(v => v.isLive)
+ }
+
+ hasLocal () {
+ return this.videos.some(v => v.isLocal)
+ }
+
+ show (videos: Video[]) {
+ this.videos = videos
+
this.openedModal = this.modalService.open(this.modal, { centered: true, keyboard: false })
}
}
block () {
- const reason = this.form.value['reason'] || undefined
- const unfederate = this.video.isLocal ? this.form.value['unfederate'] : undefined
+ const options = this.videos.map(v => ({
+ videoId: v.id,
+ reason: this.form.value['reason'] || undefined,
+ unfederate: v.isLocal
+ ? this.form.value['unfederate']
+ : undefined
+ }))
- this.videoBlocklistService.blockVideo(this.video.id, reason, unfederate)
+ this.videoBlocklistService.blockVideo(options)
.subscribe({
next: () => {
- this.notifier.success($localize`Video blocked.`)
+ const message = this.isMultiple
+ ? $localize`Blocked ${this.videos.length} videos.`
+ : $localize`Blocked ${this.getSingleVideo().name}`
+
+ this.notifier.success(message)
this.hide()
- this.video.blacklisted = true
- this.video.blacklistedReason = reason
+ for (const o of options) {
+ const video = this.videos.find(v => v.id === o.videoId)
+
+ video.blacklisted = true
+ video.blacklistedReason = o.reason
+ }
this.videoBlocked.emit()
},
)
}
- blockVideo (videoId: number, reason: string, unfederate: boolean) {
- const body = {
- unfederate,
- reason
- }
+ blockVideo (options: {
+ videoId: number
+ reason?: string
+ unfederate: boolean
+ }[]) {
+ return observableFrom(options)
+ .pipe(
+ concatMap(({ videoId, unfederate, reason }) => {
+ const body = { unfederate, reason }
- return this.authHttp.post(VideoBlockService.BASE_VIDEOS_URL + videoId + '/blacklist', body)
- .pipe(
- map(this.restExtractor.extractDataBool),
- catchError(res => this.restExtractor.handleError(res))
- )
+ return this.authHttp.post(VideoBlockService.BASE_VIDEOS_URL + videoId + '/blacklist', body)
+ }),
+ toArray(),
+ catchError(res => this.restExtractor.handleError(res))
+ )
}
}
<my-video-download #videoDownloadModal></my-video-download>
<my-video-report #videoReportModal [video]="video"></my-video-report>
- <my-video-block #videoBlockModal [video]="video" (videoBlocked)="onVideoBlocked()"></my-video-block>
+ <my-video-block #videoBlockModal (videoBlocked)="onVideoBlocked()"></my-video-block>
<my-live-stream-information #liveStreamInformationModal *ngIf="displayOptions.liveInfo"></my-live-stream-information>
</ng-container>
showBlockModal () {
this.modalOpened.emit()
- this.videoBlockModal.show()
+ this.videoBlockModal.show([ this.video ])
}
showLiveInfoModal (video: Video) {