mirror of https://github.com/Chocobozzz/PeerTube
220 lines
6.9 KiB
TypeScript
220 lines
6.9 KiB
TypeScript
import { SortMeta, SharedModule } from 'primeng/api'
|
|
import { Component, OnInit } from '@angular/core'
|
|
import { ActivatedRoute, Router } from '@angular/router'
|
|
import { AuthService, ConfirmService, MarkdownService, Notifier, RestPagination, RestTable } from '@app/core'
|
|
import { FeedFormat, UserRight } from '@peertube/peertube-models'
|
|
import { formatICU } from '@app/helpers'
|
|
import { AutoColspanDirective } from '../../../shared/shared-main/angular/auto-colspan.directive'
|
|
import { ActorAvatarComponent } from '../../../shared/shared-actor-image/actor-avatar.component'
|
|
import { TableExpanderIconComponent } from '../../../shared/shared-tables/table-expander-icon.component'
|
|
import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap'
|
|
import { ButtonComponent } from '../../../shared/shared-main/buttons/button.component'
|
|
import { AdvancedInputFilter, AdvancedInputFilterComponent } from '../../../shared/shared-forms/advanced-input-filter.component'
|
|
import { ActionDropdownComponent, DropdownAction } from '../../../shared/shared-main/buttons/action-dropdown.component'
|
|
import { NgIf, NgClass, DatePipe } from '@angular/common'
|
|
import { TableModule } from 'primeng/table'
|
|
import { FeedComponent } from '../../../shared/shared-main/feeds/feed.component'
|
|
import { GlobalIconComponent } from '../../../shared/shared-icons/global-icon.component'
|
|
import { VideoCommentAdmin } from '@app/shared/shared-video-comment/video-comment.model'
|
|
import { BulkService } from '@app/shared/shared-moderation/bulk.service'
|
|
import { VideoCommentService } from '@app/shared/shared-video-comment/video-comment.service'
|
|
|
|
@Component({
|
|
selector: 'my-video-comment-list',
|
|
templateUrl: './video-comment-list.component.html',
|
|
styleUrls: [ '../../../shared/shared-moderation/moderation.scss', './video-comment-list.component.scss' ],
|
|
standalone: true,
|
|
imports: [
|
|
GlobalIconComponent,
|
|
FeedComponent,
|
|
TableModule,
|
|
SharedModule,
|
|
NgIf,
|
|
ActionDropdownComponent,
|
|
AdvancedInputFilterComponent,
|
|
ButtonComponent,
|
|
NgbTooltip,
|
|
TableExpanderIconComponent,
|
|
NgClass,
|
|
ActorAvatarComponent,
|
|
AutoColspanDirective,
|
|
DatePipe
|
|
]
|
|
})
|
|
export class VideoCommentListComponent extends RestTable <VideoCommentAdmin> implements OnInit {
|
|
comments: VideoCommentAdmin[]
|
|
totalRecords = 0
|
|
sort: SortMeta = { field: 'createdAt', order: -1 }
|
|
pagination: RestPagination = { count: this.rowsPerPage, start: 0 }
|
|
|
|
videoCommentActions: DropdownAction<VideoCommentAdmin>[][] = []
|
|
|
|
syndicationItems = [
|
|
{
|
|
format: FeedFormat.RSS,
|
|
label: 'media rss 2.0',
|
|
url: VideoCommentService.BASE_FEEDS_URL + FeedFormat.RSS.toLowerCase()
|
|
},
|
|
{
|
|
format: FeedFormat.ATOM,
|
|
label: 'atom 1.0',
|
|
url: VideoCommentService.BASE_FEEDS_URL + FeedFormat.ATOM.toLowerCase()
|
|
},
|
|
{
|
|
format: FeedFormat.JSON,
|
|
label: 'json 1.0',
|
|
url: VideoCommentService.BASE_FEEDS_URL + FeedFormat.JSON.toLowerCase()
|
|
}
|
|
]
|
|
|
|
bulkActions: DropdownAction<VideoCommentAdmin[]>[] = []
|
|
|
|
inputFilters: AdvancedInputFilter[] = [
|
|
{
|
|
title: $localize`Advanced filters`,
|
|
children: [
|
|
{
|
|
value: 'local:true',
|
|
label: $localize`Local comments`
|
|
},
|
|
{
|
|
value: 'local:false',
|
|
label: $localize`Remote comments`
|
|
},
|
|
{
|
|
value: 'localVideo:true',
|
|
label: $localize`Comments on local videos`
|
|
}
|
|
]
|
|
}
|
|
]
|
|
|
|
get authUser () {
|
|
return this.auth.getUser()
|
|
}
|
|
|
|
constructor (
|
|
protected router: Router,
|
|
protected route: ActivatedRoute,
|
|
private auth: AuthService,
|
|
private notifier: Notifier,
|
|
private confirmService: ConfirmService,
|
|
private videoCommentService: VideoCommentService,
|
|
private markdownRenderer: MarkdownService,
|
|
private bulkService: BulkService
|
|
) {
|
|
super()
|
|
|
|
this.videoCommentActions = [
|
|
[
|
|
{
|
|
label: $localize`Delete this comment`,
|
|
handler: comment => this.deleteComment(comment),
|
|
isDisplayed: () => this.authUser.hasRight(UserRight.REMOVE_ANY_VIDEO_COMMENT)
|
|
},
|
|
|
|
{
|
|
label: $localize`Delete all comments of this account`,
|
|
description: $localize`Comments are deleted after a few minutes`,
|
|
handler: comment => this.deleteUserComments(comment),
|
|
isDisplayed: () => this.authUser.hasRight(UserRight.REMOVE_ANY_VIDEO_COMMENT)
|
|
}
|
|
]
|
|
]
|
|
}
|
|
|
|
ngOnInit () {
|
|
this.initialize()
|
|
|
|
this.bulkActions = [
|
|
{
|
|
label: $localize`Delete`,
|
|
handler: comments => this.removeComments(comments),
|
|
isDisplayed: () => this.authUser.hasRight(UserRight.REMOVE_ANY_VIDEO_COMMENT),
|
|
iconName: 'delete'
|
|
}
|
|
]
|
|
}
|
|
|
|
getIdentifier () {
|
|
return 'VideoCommentListComponent'
|
|
}
|
|
|
|
toHtml (text: string) {
|
|
return this.markdownRenderer.textMarkdownToHTML({ markdown: text, withHtml: true, withEmoji: true })
|
|
}
|
|
|
|
protected reloadDataInternal () {
|
|
this.videoCommentService.getAdminVideoComments({
|
|
pagination: this.pagination,
|
|
sort: this.sort,
|
|
search: this.search
|
|
}).subscribe({
|
|
next: async resultList => {
|
|
this.totalRecords = resultList.total
|
|
|
|
this.comments = []
|
|
|
|
for (const c of resultList.data) {
|
|
this.comments.push(
|
|
new VideoCommentAdmin(c, await this.toHtml(c.text))
|
|
)
|
|
}
|
|
},
|
|
|
|
error: err => this.notifier.error(err.message)
|
|
})
|
|
}
|
|
|
|
private removeComments (comments: VideoCommentAdmin[]) {
|
|
const commentArgs = comments.map(c => ({ videoId: c.video.id, commentId: c.id }))
|
|
|
|
this.videoCommentService.deleteVideoComments(commentArgs)
|
|
.subscribe({
|
|
next: () => {
|
|
this.notifier.success(
|
|
formatICU(
|
|
$localize`{count, plural, =1 {1 comment deleted.} other {{count} comments deleted.}}`,
|
|
{ count: commentArgs.length }
|
|
)
|
|
)
|
|
|
|
this.reloadData()
|
|
},
|
|
|
|
error: err => this.notifier.error(err.message),
|
|
|
|
complete: () => this.selectedRows = []
|
|
})
|
|
}
|
|
|
|
private deleteComment (comment: VideoCommentAdmin) {
|
|
this.videoCommentService.deleteVideoComment(comment.video.id, comment.id)
|
|
.subscribe({
|
|
next: () => this.reloadData(),
|
|
|
|
error: err => this.notifier.error(err.message)
|
|
})
|
|
}
|
|
|
|
private async deleteUserComments (comment: VideoCommentAdmin) {
|
|
const message = $localize`Do you really want to delete all comments of ${comment.by}?`
|
|
const res = await this.confirmService.confirm(message, $localize`Delete`)
|
|
if (res === false) return
|
|
|
|
const options = {
|
|
accountName: comment.by,
|
|
scope: 'instance' as 'instance'
|
|
}
|
|
|
|
this.bulkService.removeCommentsOf(options)
|
|
.subscribe({
|
|
next: () => {
|
|
this.notifier.success($localize`Comments of ${options.accountName} will be deleted in a few minutes`)
|
|
},
|
|
|
|
error: err => this.notifier.error(err.message)
|
|
})
|
|
}
|
|
}
|