]>
Commit | Line | Data |
---|---|---|
1 | import { Component, EventEmitter, Input, OnChanges, Output, ViewChild } from '@angular/core' | |
2 | import { I18n } from '@ngx-translate/i18n-polyfill' | |
3 | import { DropdownAction } from '@app/shared/buttons/action-dropdown.component' | |
4 | import { UserBanModalComponent } from '@app/shared/moderation/user-ban-modal.component' | |
5 | import { UserService } from '@app/shared/users' | |
6 | import { AuthService, ConfirmService, Notifier, ServerService } from '@app/core' | |
7 | import { User, UserRight } from '../../../../../shared/models/users' | |
8 | import { Account } from '@app/shared/account/account.model' | |
9 | import { BlocklistService } from '@app/shared/blocklist' | |
10 | ||
11 | @Component({ | |
12 | selector: 'my-user-moderation-dropdown', | |
13 | templateUrl: './user-moderation-dropdown.component.html' | |
14 | }) | |
15 | export class UserModerationDropdownComponent implements OnChanges { | |
16 | @ViewChild('userBanModal') userBanModal: UserBanModalComponent | |
17 | ||
18 | @Input() user: User | |
19 | @Input() account: Account | |
20 | ||
21 | @Input() buttonSize: 'normal' | 'small' = 'normal' | |
22 | @Input() placement = 'left' | |
23 | ||
24 | @Output() userChanged = new EventEmitter() | |
25 | @Output() userDeleted = new EventEmitter() | |
26 | ||
27 | userActions: DropdownAction<{ user: User, account: Account }>[][] = [] | |
28 | ||
29 | constructor ( | |
30 | private authService: AuthService, | |
31 | private notifier: Notifier, | |
32 | private confirmService: ConfirmService, | |
33 | private serverService: ServerService, | |
34 | private userService: UserService, | |
35 | private blocklistService: BlocklistService, | |
36 | private i18n: I18n | |
37 | ) { } | |
38 | ||
39 | get requiresEmailVerification () { | |
40 | return this.serverService.getConfig().signup.requiresEmailVerification | |
41 | } | |
42 | ||
43 | ngOnChanges () { | |
44 | this.buildActions() | |
45 | } | |
46 | ||
47 | openBanUserModal (user: User) { | |
48 | if (user.username === 'root') { | |
49 | this.notifier.error(this.i18n('You cannot ban root.')) | |
50 | return | |
51 | } | |
52 | ||
53 | this.userBanModal.openModal(user) | |
54 | } | |
55 | ||
56 | onUserBanned () { | |
57 | this.userChanged.emit() | |
58 | } | |
59 | ||
60 | async unbanUser (user: User) { | |
61 | const message = this.i18n('Do you really want to unban {{username}}?', { username: user.username }) | |
62 | const res = await this.confirmService.confirm(message, this.i18n('Unban')) | |
63 | if (res === false) return | |
64 | ||
65 | this.userService.unbanUsers(user) | |
66 | .subscribe( | |
67 | () => { | |
68 | this.notifier.success(this.i18n('User {{username}} unbanned.', { username: user.username })) | |
69 | ||
70 | this.userChanged.emit() | |
71 | }, | |
72 | ||
73 | err => this.notifier.error(err.message) | |
74 | ) | |
75 | } | |
76 | ||
77 | async removeUser (user: User) { | |
78 | if (user.username === 'root') { | |
79 | this.notifier.error(this.i18n('You cannot delete root.')) | |
80 | return | |
81 | } | |
82 | ||
83 | const message = this.i18n('If you remove this user, you will not be able to create another with the same username!') | |
84 | const res = await this.confirmService.confirm(message, this.i18n('Delete')) | |
85 | if (res === false) return | |
86 | ||
87 | this.userService.removeUser(user).subscribe( | |
88 | () => { | |
89 | this.notifier.success(this.i18n('User {{username}} deleted.', { username: user.username })) | |
90 | this.userDeleted.emit() | |
91 | }, | |
92 | ||
93 | err => this.notifier.error(err.message) | |
94 | ) | |
95 | } | |
96 | ||
97 | setEmailAsVerified (user: User) { | |
98 | this.userService.updateUser(user.id, { emailVerified: true }).subscribe( | |
99 | () => { | |
100 | this.notifier.success(this.i18n('User {{username}} email set as verified', { username: user.username })) | |
101 | ||
102 | this.userChanged.emit() | |
103 | }, | |
104 | ||
105 | err => this.notifier.error(err.message) | |
106 | ) | |
107 | } | |
108 | ||
109 | blockAccountByUser (account: Account) { | |
110 | this.blocklistService.blockAccountByUser(account) | |
111 | .subscribe( | |
112 | () => { | |
113 | this.notifier.success(this.i18n('Account {{nameWithHost}} muted.', { nameWithHost: account.nameWithHost })) | |
114 | ||
115 | this.account.mutedByUser = true | |
116 | this.userChanged.emit() | |
117 | }, | |
118 | ||
119 | err => this.notifier.error(err.message) | |
120 | ) | |
121 | } | |
122 | ||
123 | unblockAccountByUser (account: Account) { | |
124 | this.blocklistService.unblockAccountByUser(account) | |
125 | .subscribe( | |
126 | () => { | |
127 | this.notifier.success(this.i18n('Account {{nameWithHost}} unmuted.', { nameWithHost: account.nameWithHost })) | |
128 | ||
129 | this.account.mutedByUser = false | |
130 | this.userChanged.emit() | |
131 | }, | |
132 | ||
133 | err => this.notifier.error(err.message) | |
134 | ) | |
135 | } | |
136 | ||
137 | blockServerByUser (host: string) { | |
138 | this.blocklistService.blockServerByUser(host) | |
139 | .subscribe( | |
140 | () => { | |
141 | this.notifier.success(this.i18n('Instance {{host}} muted.', { host })) | |
142 | ||
143 | this.account.mutedServerByUser = true | |
144 | this.userChanged.emit() | |
145 | }, | |
146 | ||
147 | err => this.notifier.error(err.message) | |
148 | ) | |
149 | } | |
150 | ||
151 | unblockServerByUser (host: string) { | |
152 | this.blocklistService.unblockServerByUser(host) | |
153 | .subscribe( | |
154 | () => { | |
155 | this.notifier.success(this.i18n('Instance {{host}} unmuted.', { host })) | |
156 | ||
157 | this.account.mutedServerByUser = false | |
158 | this.userChanged.emit() | |
159 | }, | |
160 | ||
161 | err => this.notifier.error(err.message) | |
162 | ) | |
163 | } | |
164 | ||
165 | blockAccountByInstance (account: Account) { | |
166 | this.blocklistService.blockAccountByInstance(account) | |
167 | .subscribe( | |
168 | () => { | |
169 | this.notifier.success(this.i18n('Account {{nameWithHost}} muted by the instance.', { nameWithHost: account.nameWithHost })) | |
170 | ||
171 | this.account.mutedByInstance = true | |
172 | this.userChanged.emit() | |
173 | }, | |
174 | ||
175 | err => this.notifier.error(err.message) | |
176 | ) | |
177 | } | |
178 | ||
179 | unblockAccountByInstance (account: Account) { | |
180 | this.blocklistService.unblockAccountByInstance(account) | |
181 | .subscribe( | |
182 | () => { | |
183 | this.notifier.success(this.i18n('Account {{nameWithHost}} unmuted by the instance.', { nameWithHost: account.nameWithHost })) | |
184 | ||
185 | this.account.mutedByInstance = false | |
186 | this.userChanged.emit() | |
187 | }, | |
188 | ||
189 | err => this.notifier.error(err.message) | |
190 | ) | |
191 | } | |
192 | ||
193 | blockServerByInstance (host: string) { | |
194 | this.blocklistService.blockServerByInstance(host) | |
195 | .subscribe( | |
196 | () => { | |
197 | this.notifier.success(this.i18n('Instance {{host}} muted by the instance.', { host })) | |
198 | ||
199 | this.account.mutedServerByInstance = true | |
200 | this.userChanged.emit() | |
201 | }, | |
202 | ||
203 | err => this.notifier.error(err.message) | |
204 | ) | |
205 | } | |
206 | ||
207 | unblockServerByInstance (host: string) { | |
208 | this.blocklistService.unblockServerByInstance(host) | |
209 | .subscribe( | |
210 | () => { | |
211 | this.notifier.success(this.i18n('Instance {{host}} unmuted by the instance.', { host })) | |
212 | ||
213 | this.account.mutedServerByInstance = false | |
214 | this.userChanged.emit() | |
215 | }, | |
216 | ||
217 | err => this.notifier.error(err.message) | |
218 | ) | |
219 | } | |
220 | ||
221 | getRouterUserEditLink (user: User) { | |
222 | return [ '/admin', 'users', 'update', user.id ] | |
223 | } | |
224 | ||
225 | private buildActions () { | |
226 | this.userActions = [] | |
227 | ||
228 | if (this.authService.isLoggedIn()) { | |
229 | const authUser = this.authService.getUser() | |
230 | ||
231 | if (this.user && authUser.id === this.user.id) return | |
232 | ||
233 | if (this.user && authUser.hasRight(UserRight.MANAGE_USERS)) { | |
234 | this.userActions.push([ | |
235 | { | |
236 | label: this.i18n('Edit'), | |
237 | linkBuilder: ({ user }) => this.getRouterUserEditLink(user) | |
238 | }, | |
239 | { | |
240 | label: this.i18n('Delete'), | |
241 | handler: ({ user }) => this.removeUser(user) | |
242 | }, | |
243 | { | |
244 | label: this.i18n('Ban'), | |
245 | handler: ({ user }) => this.openBanUserModal(user), | |
246 | isDisplayed: ({ user }) => !user.blocked | |
247 | }, | |
248 | { | |
249 | label: this.i18n('Unban'), | |
250 | handler: ({ user }) => this.unbanUser(user), | |
251 | isDisplayed: ({ user }) => user.blocked | |
252 | }, | |
253 | { | |
254 | label: this.i18n('Set Email as Verified'), | |
255 | handler: ({ user }) => this.setEmailAsVerified(user), | |
256 | isDisplayed: ({ user }) => this.requiresEmailVerification && !user.blocked && user.emailVerified === false | |
257 | } | |
258 | ]) | |
259 | } | |
260 | ||
261 | // Actions on accounts/servers | |
262 | if (this.account) { | |
263 | // User actions | |
264 | this.userActions.push([ | |
265 | { | |
266 | label: this.i18n('Mute this account'), | |
267 | isDisplayed: ({ account }) => account.mutedByUser === false, | |
268 | handler: ({ account }) => this.blockAccountByUser(account) | |
269 | }, | |
270 | { | |
271 | label: this.i18n('Unmute this account'), | |
272 | isDisplayed: ({ account }) => account.mutedByUser === true, | |
273 | handler: ({ account }) => this.unblockAccountByUser(account) | |
274 | }, | |
275 | { | |
276 | label: this.i18n('Mute the instance'), | |
277 | isDisplayed: ({ account }) => !account.userId && account.mutedServerByInstance === false, | |
278 | handler: ({ account }) => this.blockServerByUser(account.host) | |
279 | }, | |
280 | { | |
281 | label: this.i18n('Unmute the instance'), | |
282 | isDisplayed: ({ account }) => !account.userId && account.mutedServerByInstance === true, | |
283 | handler: ({ account }) => this.unblockServerByUser(account.host) | |
284 | } | |
285 | ]) | |
286 | ||
287 | let instanceActions: DropdownAction<{ user: User, account: Account }>[] = [] | |
288 | ||
289 | // Instance actions | |
290 | if (authUser.hasRight(UserRight.MANAGE_ACCOUNTS_BLOCKLIST)) { | |
291 | instanceActions = instanceActions.concat([ | |
292 | { | |
293 | label: this.i18n('Mute this account by your instance'), | |
294 | isDisplayed: ({ account }) => account.mutedByInstance === false, | |
295 | handler: ({ account }) => this.blockAccountByInstance(account) | |
296 | }, | |
297 | { | |
298 | label: this.i18n('Unmute this account by your instance'), | |
299 | isDisplayed: ({ account }) => account.mutedByInstance === true, | |
300 | handler: ({ account }) => this.unblockAccountByInstance(account) | |
301 | } | |
302 | ]) | |
303 | } | |
304 | ||
305 | // Instance actions | |
306 | if (authUser.hasRight(UserRight.MANAGE_SERVERS_BLOCKLIST)) { | |
307 | instanceActions = instanceActions.concat([ | |
308 | { | |
309 | label: this.i18n('Mute the instance by your instance'), | |
310 | isDisplayed: ({ account }) => !account.userId && account.mutedServerByInstance === false, | |
311 | handler: ({ account }) => this.blockServerByInstance(account.host) | |
312 | }, | |
313 | { | |
314 | label: this.i18n('Unmute the instance by your instance'), | |
315 | isDisplayed: ({ account }) => !account.userId && account.mutedServerByInstance === true, | |
316 | handler: ({ account }) => this.unblockServerByInstance(account.host) | |
317 | } | |
318 | ]) | |
319 | } | |
320 | ||
321 | if (instanceActions.length !== 0) { | |
322 | this.userActions.push(instanceActions) | |
323 | } | |
324 | } | |
325 | } | |
326 | } | |
327 | } |