]>
Commit | Line | Data |
---|---|---|
1 | import { forkJoin } from 'rxjs' | |
2 | import { tap } from 'rxjs/operators' | |
3 | import { Component, OnInit } from '@angular/core' | |
4 | import { AuthService, ServerService, UserService } from '@app/core' | |
5 | import { USER_EMAIL_VALIDATOR, USER_PASSWORD_VALIDATOR } from '@app/shared/form-validators/user-validators' | |
6 | import { FormReactive, FormReactiveService } from '@app/shared/shared-forms' | |
7 | import { HttpStatusCode, User } from '@shared/models' | |
8 | ||
9 | @Component({ | |
10 | selector: 'my-account-change-email', | |
11 | templateUrl: './my-account-change-email.component.html', | |
12 | styleUrls: [ './my-account-change-email.component.scss' ] | |
13 | }) | |
14 | export class MyAccountChangeEmailComponent extends FormReactive implements OnInit { | |
15 | error: string = null | |
16 | success: string = null | |
17 | user: User = null | |
18 | ||
19 | constructor ( | |
20 | protected formReactiveService: FormReactiveService, | |
21 | private authService: AuthService, | |
22 | private userService: UserService, | |
23 | private serverService: ServerService | |
24 | ) { | |
25 | super() | |
26 | } | |
27 | ||
28 | ngOnInit () { | |
29 | this.buildForm({ | |
30 | 'new-email': USER_EMAIL_VALIDATOR, | |
31 | password: USER_PASSWORD_VALIDATOR | |
32 | }) | |
33 | ||
34 | this.user = this.authService.getUser() | |
35 | } | |
36 | ||
37 | changeEmail () { | |
38 | this.error = null | |
39 | this.success = null | |
40 | ||
41 | const password = this.form.value['password'] | |
42 | const email = this.form.value['new-email'] | |
43 | ||
44 | forkJoin([ | |
45 | this.serverService.getConfig(), | |
46 | this.userService.changeEmail(password, email) | |
47 | ]).pipe(tap(() => this.authService.refreshUserInformation())) | |
48 | .subscribe({ | |
49 | next: ([ config ]) => { | |
50 | this.form.reset() | |
51 | ||
52 | if (config.signup.requiresEmailVerification) { | |
53 | this.success = $localize`Please check your emails to verify your new email.` | |
54 | } else { | |
55 | this.success = $localize`Email updated.` | |
56 | } | |
57 | }, | |
58 | ||
59 | error: err => { | |
60 | if (err.status === HttpStatusCode.UNAUTHORIZED_401) { | |
61 | this.error = $localize`You current password is invalid.` | |
62 | return | |
63 | } | |
64 | ||
65 | this.error = err.message | |
66 | } | |
67 | }) | |
68 | } | |
69 | } |