1 import { Component, EventEmitter, Input, OnChanges, OnInit, Output, ViewChild } from '@angular/core'
2 import { AuthService, ConfirmService, Notifier, ServerService, UserService } from '@app/core'
3 import { Account, DropdownAction } from '@app/shared/shared-main'
4 import { BulkRemoveCommentsOfBody, User, UserRight } from '@shared/models'
5 import { BlocklistService } from './blocklist.service'
6 import { BulkService } from './bulk.service'
7 import { UserBanModalComponent } from './user-ban-modal.component'
10 selector: 'my-user-moderation-dropdown',
11 templateUrl: './user-moderation-dropdown.component.html'
13 export class UserModerationDropdownComponent implements OnInit, OnChanges {
14 @ViewChild('userBanModal') userBanModal: UserBanModalComponent
17 @Input() account: Account
18 @Input() prependActions: DropdownAction<{ user: User, account: Account }>[]
20 @Input() buttonSize: 'normal' | 'small' = 'normal'
21 @Input() buttonStyled = true
22 @Input() placement = 'right-top right-bottom auto'
23 @Input() label: string
24 @Input() container: 'body' | undefined = undefined
26 @Output() userChanged = new EventEmitter()
27 @Output() userDeleted = new EventEmitter()
29 userActions: DropdownAction<{ user: User, account: Account }>[][] = []
31 requiresEmailVerification = false
34 private authService: AuthService,
35 private notifier: Notifier,
36 private confirmService: ConfirmService,
37 private serverService: ServerService,
38 private userService: UserService,
39 private blocklistService: BlocklistService,
40 private bulkService: BulkService
44 this.serverService.getConfig()
45 .subscribe(config => this.requiresEmailVerification = config.signup.requiresEmailVerification)
52 openBanUserModal (user: User) {
53 if (user.username === 'root') {
54 this.notifier.error($localize`You cannot ban root.`)
58 this.userBanModal.openModal(user)
62 this.userChanged.emit()
65 async unbanUser (user: User) {
66 const res = await this.confirmService.confirm($localize`Do you really want to unban ${user.username}?`, $localize`Unban`)
67 if (res === false) return
69 this.userService.unbanUsers(user)
72 this.notifier.success($localize`User ${user.username} unbanned.`)
73 this.userChanged.emit()
76 error: err => this.notifier.error(err.message)
80 async removeUser (user: User) {
81 if (user.username === 'root') {
82 this.notifier.error($localize`You cannot delete root.`)
86 const message = $localize`If you remove user ${user.username}, you won't be able to create another with the same username!`
87 const res = await this.confirmService.confirm(message, $localize`Delete ${user.username}`)
88 if (res === false) return
90 this.userService.removeUser(user)
93 this.notifier.success($localize`User ${user.username} deleted.`)
94 this.userDeleted.emit()
97 error: err => this.notifier.error(err.message)
101 setEmailAsVerified (user: User) {
102 this.userService.updateUser(user.id, { emailVerified: true })
105 this.notifier.success($localize`User ${user.username} email set as verified`)
106 this.userChanged.emit()
109 error: err => this.notifier.error(err.message)
113 blockAccountByUser (account: Account) {
114 this.blocklistService.blockAccountByUser(account)
117 this.notifier.success($localize`Account ${account.nameWithHost} muted.`)
119 this.account.mutedByUser = true
120 this.userChanged.emit()
123 error: err => this.notifier.error(err.message)
127 unblockAccountByUser (account: Account) {
128 this.blocklistService.unblockAccountByUser(account)
131 this.notifier.success($localize`Account ${account.nameWithHost} unmuted.`)
133 this.account.mutedByUser = false
134 this.userChanged.emit()
137 error: err => this.notifier.error(err.message)
141 blockServerByUser (host: string) {
142 this.blocklistService.blockServerByUser(host)
145 this.notifier.success($localize`Instance ${host} muted.`)
147 this.account.mutedServerByUser = true
148 this.userChanged.emit()
151 error: err => this.notifier.error(err.message)
155 unblockServerByUser (host: string) {
156 this.blocklistService.unblockServerByUser(host)
159 this.notifier.success($localize`Instance ${host} unmuted.`)
161 this.account.mutedServerByUser = false
162 this.userChanged.emit()
165 error: err => this.notifier.error(err.message)
169 blockAccountByInstance (account: Account) {
170 this.blocklistService.blockAccountByInstance(account)
173 this.notifier.success($localize`Account ${account.nameWithHost} muted by the instance.`)
175 this.account.mutedByInstance = true
176 this.userChanged.emit()
179 error: err => this.notifier.error(err.message)
183 unblockAccountByInstance (account: Account) {
184 this.blocklistService.unblockAccountByInstance(account)
187 this.notifier.success($localize`Account ${account.nameWithHost} unmuted by the instance.`)
189 this.account.mutedByInstance = false
190 this.userChanged.emit()
193 error: err => this.notifier.error(err.message)
197 blockServerByInstance (host: string) {
198 this.blocklistService.blockServerByInstance(host)
201 this.notifier.success($localize`Instance ${host} muted by the instance.`)
203 this.account.mutedServerByInstance = true
204 this.userChanged.emit()
207 error: err => this.notifier.error(err.message)
211 unblockServerByInstance (host: string) {
212 this.blocklistService.unblockServerByInstance(host)
215 this.notifier.success($localize`Instance ${host} unmuted by the instance.`)
217 this.account.mutedServerByInstance = false
218 this.userChanged.emit()
221 error: err => this.notifier.error(err.message)
225 async bulkRemoveCommentsOf (body: BulkRemoveCommentsOfBody) {
226 const message = $localize`Are you sure you want to remove all the comments of this account?`
227 const res = await this.confirmService.confirm(message, $localize`Delete account comments`)
228 if (res === false) return
230 this.bulkService.removeCommentsOf(body)
233 this.notifier.success($localize`Will remove comments of this account (may take several minutes).`)
236 error: err => this.notifier.error(err.message)
240 getRouterUserEditLink (user: User) {
241 return [ '/admin', 'users', 'update', user.id ]
244 private isMyUser (user: User) {
245 return user && this.authService.getUser().id === user.id
248 private isMyAccount (account: Account) {
249 return account && this.authService.getUser().account.id === account.id
252 private buildActions () {
253 this.userActions = []
255 if (this.prependActions && this.prependActions.length !== 0) {
261 const myAccountModerationActions = this.buildMyAccountModerationActions()
262 const instanceModerationActions = this.buildInstanceModerationActions()
264 if (myAccountModerationActions.length !== 0) this.userActions.push(myAccountModerationActions)
265 if (instanceModerationActions.length !== 0) this.userActions.push(instanceModerationActions)
268 private buildMyAccountModerationActions () {
269 if (!this.account || !this.authService.isLoggedIn()) return []
271 const myAccountActions: DropdownAction<{ user: User, account: Account }>[] = [
273 label: $localize`My account moderation`,
278 label: $localize`Mute this account`,
279 description: $localize`Hide any content from that user from you.`,
280 isDisplayed: ({ account }) => !this.isMyAccount(account) && account.mutedByUser === false,
281 handler: ({ account }) => this.blockAccountByUser(account)
284 label: $localize`Unmute this account`,
285 description: $localize`Show back content from that user for you.`,
286 isDisplayed: ({ account }) => !this.isMyAccount(account) && account.mutedByUser === true,
287 handler: ({ account }) => this.unblockAccountByUser(account)
290 label: $localize`Mute the instance`,
291 description: $localize`Hide any content from that instance for you.`,
292 isDisplayed: ({ account }) => !account.userId && account.mutedServerByInstance === false,
293 handler: ({ account }) => this.blockServerByUser(account.host)
296 label: $localize`Unmute the instance`,
297 description: $localize`Show back content from that instance for you.`,
298 isDisplayed: ({ account }) => !account.userId && account.mutedServerByInstance === true,
299 handler: ({ account }) => this.unblockServerByUser(account.host)
302 label: $localize`Remove comments from your videos`,
303 description: $localize`Remove comments made by this account on your videos.`,
304 isDisplayed: ({ account }) => !this.isMyAccount(account),
305 handler: ({ account }) => this.bulkRemoveCommentsOf({ accountName: account.nameWithHost, scope: 'my-videos' })
309 return myAccountActions
312 private buildInstanceModerationActions () {
313 if (!this.authService.isLoggedIn()) return []
315 const authUser = this.authService.getUser()
317 let instanceActions: DropdownAction<{ user: User, account: Account }>[] = []
319 if (this.user && authUser.hasRight(UserRight.MANAGE_USERS) && authUser.canManage(this.user)) {
320 instanceActions = instanceActions.concat([
322 label: $localize`Edit user`,
323 description: $localize`Change quota, role, and more.`,
324 linkBuilder: ({ user }) => this.getRouterUserEditLink(user)
327 label: $localize`Delete user`,
328 description: $localize`Videos will be deleted, comments will be tombstoned.`,
329 isDisplayed: ({ user }) => !this.isMyUser(user),
330 handler: ({ user }) => this.removeUser(user)
333 label: $localize`Ban`,
334 description: $localize`User won't be able to login anymore, but videos and comments will be kept as is.`,
335 handler: ({ user }) => this.openBanUserModal(user),
336 isDisplayed: ({ user }) => !this.isMyUser(user) && !user.blocked
339 label: $localize`Unban user`,
340 description: $localize`Allow the user to login and create videos/comments again`,
341 handler: ({ user }) => this.unbanUser(user),
342 isDisplayed: ({ user }) => !this.isMyUser(user) && user.blocked
345 label: $localize`Set Email as Verified`,
346 handler: ({ user }) => this.setEmailAsVerified(user),
347 isDisplayed: ({ user }) => this.requiresEmailVerification && !user.blocked && user.emailVerified === false
352 // Instance actions on account blocklists
353 if (this.account && authUser.hasRight(UserRight.MANAGE_ACCOUNTS_BLOCKLIST)) {
354 instanceActions = instanceActions.concat([
356 label: $localize`Mute this account`,
357 description: $localize`Hide any content from that user from you, your instance and its users.`,
358 isDisplayed: ({ account }) => !this.isMyAccount(account) && account.mutedByInstance === false,
359 handler: ({ account }) => this.blockAccountByInstance(account)
362 label: $localize`Unmute this account`,
363 description: $localize`Show this user's content to the users of this instance again.`,
364 isDisplayed: ({ account }) => !this.isMyAccount(account) && account.mutedByInstance === true,
365 handler: ({ account }) => this.unblockAccountByInstance(account)
370 // Instance actions on server blocklists
371 if (this.account && authUser.hasRight(UserRight.MANAGE_SERVERS_BLOCKLIST)) {
372 instanceActions = instanceActions.concat([
374 label: $localize`Mute the instance`,
375 description: $localize`Hide any content from that instance from you, your instance and its users.`,
376 isDisplayed: ({ account }) => !account.userId && account.mutedServerByInstance === false,
377 handler: ({ account }) => this.blockServerByInstance(account.host)
380 label: $localize`Unmute the instance by your instance`,
381 description: $localize`Show back content from that instance for you, your instance and its users.`,
382 isDisplayed: ({ account }) => !account.userId && account.mutedServerByInstance === true,
383 handler: ({ account }) => this.unblockServerByInstance(account.host)
388 if (this.account && authUser.hasRight(UserRight.REMOVE_ANY_VIDEO_COMMENT)) {
389 instanceActions = instanceActions.concat([
391 label: $localize`Remove comments from your instance`,
392 description: $localize`Remove comments made by this account from your instance.`,
393 isDisplayed: ({ account }) => !this.isMyAccount(account),
394 handler: ({ account }) => this.bulkRemoveCommentsOf({ accountName: account.nameWithHost, scope: 'instance' })
399 if (instanceActions.length === 0) return []
401 return [ { label: $localize`Instance moderation`, isHeader: true }, ...instanceActions ]