]>
Commit | Line | Data |
---|---|---|
ecb4e35f C |
1 | import { Component, OnInit } from '@angular/core' |
2 | import { FormBuilder, FormGroup, Validators } from '@angular/forms' | |
3 | import { ActivatedRoute, Router } from '@angular/router' | |
4 | import { USER_PASSWORD, UserService } from '@app/shared' | |
5 | import { NotificationsService } from 'angular2-notifications' | |
6 | import { AuthService } from '../core' | |
7 | import { FormReactive } from '../shared' | |
b1d40cff | 8 | import { I18n } from '@ngx-translate/i18n-polyfill' |
ecb4e35f C |
9 | |
10 | @Component({ | |
11 | selector: 'my-login', | |
12 | templateUrl: './reset-password.component.html', | |
13 | styleUrls: [ './reset-password.component.scss' ] | |
14 | }) | |
15 | ||
16 | export class ResetPasswordComponent extends FormReactive implements OnInit { | |
17 | form: FormGroup | |
18 | formErrors = { | |
19 | 'password': '', | |
20 | 'password-confirm': '' | |
21 | } | |
22 | validationMessages = { | |
23 | 'password': USER_PASSWORD.MESSAGES, | |
24 | 'password-confirm': { | |
25 | 'required': 'Confirmation of the password is required.' | |
26 | } | |
27 | } | |
28 | ||
29 | private userId: number | |
30 | private verificationString: string | |
31 | ||
32 | constructor ( | |
33 | private authService: AuthService, | |
34 | private userService: UserService, | |
35 | private notificationsService: NotificationsService, | |
36 | private formBuilder: FormBuilder, | |
37 | private router: Router, | |
b1d40cff C |
38 | private route: ActivatedRoute, |
39 | private i18n: I18n | |
ecb4e35f C |
40 | ) { |
41 | super() | |
42 | } | |
43 | ||
44 | buildForm () { | |
45 | this.form = this.formBuilder.group({ | |
46 | password: [ '', USER_PASSWORD.VALIDATORS ], | |
47 | 'password-confirm': [ '', Validators.required ] | |
48 | }) | |
49 | ||
50 | this.form.valueChanges.subscribe(data => this.onValueChanged(data)) | |
51 | } | |
52 | ||
53 | ngOnInit () { | |
54 | this.buildForm() | |
55 | ||
56 | this.userId = this.route.snapshot.queryParams['userId'] | |
57 | this.verificationString = this.route.snapshot.queryParams['verificationString'] | |
58 | ||
59 | if (!this.userId || !this.verificationString) { | |
b1d40cff | 60 | this.notificationsService.error(this.i18n('Error'), this.i18n('Unable to find user id or verification string.')) |
ecb4e35f C |
61 | this.router.navigate([ '/' ]) |
62 | } | |
63 | } | |
64 | ||
65 | resetPassword () { | |
66 | this.userService.resetPassword(this.userId, this.verificationString, this.form.value.password) | |
67 | .subscribe( | |
68 | () => { | |
b1d40cff | 69 | this.notificationsService.success(this.i18n('Success'), this.i18n('Your password has been successfully reset!')) |
ecb4e35f C |
70 | this.router.navigate([ '/login' ]) |
71 | }, | |
72 | ||
73 | err => this.notificationsService.error('Error', err.message) | |
74 | ) | |
75 | } | |
76 | ||
77 | isConfirmedPasswordValid () { | |
78 | const values = this.form.value | |
79 | return values.password === values['password-confirm'] | |
80 | } | |
81 | } |