]>
Commit | Line | Data |
---|---|---|
9589907c C |
1 | import { SortMeta } from 'primeng/api' |
2 | import { Component, OnInit, ViewChild } from '@angular/core' | |
3 | import { ActivatedRoute, Router } from '@angular/router' | |
cd940f40 C |
4 | import { ConfirmService, MarkdownService, Notifier, RestPagination, RestTable, ServerService } from '@app/core' |
5 | import { prepareIcu } from '@app/helpers' | |
9589907c C |
6 | import { AdvancedInputFilter } from '@app/shared/shared-forms' |
7 | import { DropdownAction } from '@app/shared/shared-main' | |
8 | import { UserRegistration, UserRegistrationState } from '@shared/models' | |
9 | import { AdminRegistrationService } from './admin-registration.service' | |
10 | import { ProcessRegistrationModalComponent } from './process-registration-modal.component' | |
11 | ||
12 | @Component({ | |
13 | selector: 'my-registration-list', | |
14 | templateUrl: './registration-list.component.html', | |
15 | styleUrls: [ '../../../shared/shared-moderation/moderation.scss', './registration-list.component.scss' ] | |
16 | }) | |
cd940f40 | 17 | export class RegistrationListComponent extends RestTable <UserRegistration> implements OnInit { |
9589907c C |
18 | @ViewChild('processRegistrationModal', { static: true }) processRegistrationModal: ProcessRegistrationModalComponent |
19 | ||
20 | registrations: (UserRegistration & { registrationReasonHTML?: string, moderationResponseHTML?: string })[] = [] | |
21 | totalRecords = 0 | |
22 | sort: SortMeta = { field: 'createdAt', order: -1 } | |
23 | pagination: RestPagination = { count: this.rowsPerPage, start: 0 } | |
24 | ||
25 | registrationActions: DropdownAction<UserRegistration>[][] = [] | |
cd940f40 | 26 | bulkActions: DropdownAction<UserRegistration[]>[] = [] |
9589907c C |
27 | |
28 | inputFilters: AdvancedInputFilter[] = [] | |
29 | ||
30 | requiresEmailVerification: boolean | |
31 | ||
32 | constructor ( | |
33 | protected route: ActivatedRoute, | |
34 | protected router: Router, | |
35 | private server: ServerService, | |
36 | private notifier: Notifier, | |
37 | private markdownRenderer: MarkdownService, | |
cd940f40 | 38 | private confirmService: ConfirmService, |
9589907c C |
39 | private adminRegistrationService: AdminRegistrationService |
40 | ) { | |
41 | super() | |
42 | ||
43 | this.registrationActions = [ | |
44 | [ | |
45 | { | |
cd940f40 | 46 | label: $localize`Accept this request`, |
9589907c C |
47 | handler: registration => this.openRegistrationRequestProcessModal(registration, 'accept'), |
48 | isDisplayed: registration => registration.state.id === UserRegistrationState.PENDING | |
49 | }, | |
50 | { | |
cd940f40 | 51 | label: $localize`Reject this request`, |
9589907c C |
52 | handler: registration => this.openRegistrationRequestProcessModal(registration, 'reject'), |
53 | isDisplayed: registration => registration.state.id === UserRegistrationState.PENDING | |
54 | }, | |
55 | { | |
cd940f40 C |
56 | label: $localize`Remove this request`, |
57 | handler: registration => this.removeRegistrations([ registration ]) | |
9589907c C |
58 | } |
59 | ] | |
60 | ] | |
cd940f40 C |
61 | |
62 | this.bulkActions = [ | |
63 | { | |
64 | label: $localize`Delete`, | |
65 | handler: registrations => this.removeRegistrations(registrations) | |
66 | } | |
67 | ] | |
9589907c C |
68 | } |
69 | ||
70 | ngOnInit () { | |
71 | this.initialize() | |
72 | ||
73 | this.server.getConfig() | |
74 | .subscribe(config => { | |
75 | this.requiresEmailVerification = config.signup.requiresEmailVerification | |
76 | }) | |
77 | } | |
78 | ||
79 | getIdentifier () { | |
80 | return 'RegistrationListComponent' | |
81 | } | |
82 | ||
83 | isRegistrationAccepted (registration: UserRegistration) { | |
84 | return registration.state.id === UserRegistrationState.ACCEPTED | |
85 | } | |
86 | ||
87 | isRegistrationRejected (registration: UserRegistration) { | |
88 | return registration.state.id === UserRegistrationState.REJECTED | |
89 | } | |
90 | ||
91 | onRegistrationProcessed () { | |
92 | this.reloadData() | |
93 | } | |
94 | ||
95 | protected reloadData () { | |
96 | this.adminRegistrationService.listRegistrations({ | |
97 | pagination: this.pagination, | |
98 | sort: this.sort, | |
99 | search: this.search | |
100 | }).subscribe({ | |
101 | next: async resultList => { | |
102 | this.totalRecords = resultList.total | |
103 | this.registrations = resultList.data | |
104 | ||
105 | for (const registration of this.registrations) { | |
106 | registration.registrationReasonHTML = await this.toHtml(registration.registrationReason) | |
107 | registration.moderationResponseHTML = await this.toHtml(registration.moderationResponse) | |
108 | } | |
109 | }, | |
110 | ||
111 | error: err => this.notifier.error(err.message) | |
112 | }) | |
113 | } | |
114 | ||
115 | private openRegistrationRequestProcessModal (registration: UserRegistration, mode: 'accept' | 'reject') { | |
116 | this.processRegistrationModal.openModal(registration, mode) | |
117 | } | |
118 | ||
cd940f40 C |
119 | private async removeRegistrations (registrations: UserRegistration[]) { |
120 | const icuParams = { count: registrations.length, username: registrations[0].username } | |
121 | ||
122 | // eslint-disable-next-line max-len | |
123 | const message = prepareIcu($localize`Do you really want to delete {count, plural, =1 {{username} registration request?} other {{count} registration requests?}}`)( | |
124 | icuParams, | |
125 | $localize`Do you really want to delete these registration requests?` | |
126 | ) | |
127 | ||
128 | const res = await this.confirmService.confirm(message, $localize`Delete`) | |
129 | if (res === false) return | |
130 | ||
131 | this.adminRegistrationService.removeRegistrations(registrations) | |
9589907c C |
132 | .subscribe({ |
133 | next: () => { | |
cd940f40 C |
134 | // eslint-disable-next-line max-len |
135 | const message = prepareIcu($localize`Removed {count, plural, =1 {{username} registration request} other {{count} registration requests}}`)( | |
136 | icuParams, | |
137 | $localize`Registration requests removed` | |
138 | ) | |
139 | ||
140 | this.notifier.success(message) | |
9589907c C |
141 | this.reloadData() |
142 | }, | |
143 | ||
144 | error: err => this.notifier.error(err.message) | |
145 | }) | |
146 | } | |
147 | ||
148 | private toHtml (text: string) { | |
149 | return this.markdownRenderer.textMarkdownToHTML({ markdown: text }) | |
150 | } | |
151 | } |