diff options
Diffstat (limited to 'client/src/app/account/account-change-password/account-change-password.component.ts')
-rw-r--r-- | client/src/app/account/account-change-password/account-change-password.component.ts | 48 |
1 files changed, 24 insertions, 24 deletions
diff --git a/client/src/app/account/account-change-password/account-change-password.component.ts b/client/src/app/account/account-change-password/account-change-password.component.ts index 15dc42d22..ce786cfa3 100644 --- a/client/src/app/account/account-change-password/account-change-password.component.ts +++ b/client/src/app/account/account-change-password/account-change-password.component.ts | |||
@@ -1,10 +1,10 @@ | |||
1 | import { Component, OnInit } from '@angular/core'; | 1 | import { Component, OnInit } from '@angular/core' |
2 | import { FormBuilder, FormGroup } from '@angular/forms'; | 2 | import { FormBuilder, FormGroup } from '@angular/forms' |
3 | import { Router } from '@angular/router'; | 3 | import { Router } from '@angular/router' |
4 | 4 | ||
5 | import { NotificationsService } from 'angular2-notifications'; | 5 | import { NotificationsService } from 'angular2-notifications' |
6 | 6 | ||
7 | import { FormReactive, UserService, USER_PASSWORD } from '../../shared'; | 7 | import { FormReactive, UserService, USER_PASSWORD } from '../../shared' |
8 | 8 | ||
9 | @Component({ | 9 | @Component({ |
10 | selector: 'my-account-change-password', | 10 | selector: 'my-account-change-password', |
@@ -12,55 +12,55 @@ import { FormReactive, UserService, USER_PASSWORD } from '../../shared'; | |||
12 | }) | 12 | }) |
13 | 13 | ||
14 | export class AccountChangePasswordComponent extends FormReactive implements OnInit { | 14 | export class AccountChangePasswordComponent extends FormReactive implements OnInit { |
15 | error: string = null; | 15 | error: string = null |
16 | 16 | ||
17 | form: FormGroup; | 17 | form: FormGroup |
18 | formErrors = { | 18 | formErrors = { |
19 | 'new-password': '', | 19 | 'new-password': '', |
20 | 'new-confirmed-password': '' | 20 | 'new-confirmed-password': '' |
21 | }; | 21 | } |
22 | validationMessages = { | 22 | validationMessages = { |
23 | 'new-password': USER_PASSWORD.MESSAGES, | 23 | 'new-password': USER_PASSWORD.MESSAGES, |
24 | 'new-confirmed-password': USER_PASSWORD.MESSAGES | 24 | 'new-confirmed-password': USER_PASSWORD.MESSAGES |
25 | }; | 25 | } |
26 | 26 | ||
27 | constructor( | 27 | constructor ( |
28 | private formBuilder: FormBuilder, | 28 | private formBuilder: FormBuilder, |
29 | private router: Router, | 29 | private router: Router, |
30 | private notificationsService: NotificationsService, | 30 | private notificationsService: NotificationsService, |
31 | private userService: UserService | 31 | private userService: UserService |
32 | ) { | 32 | ) { |
33 | super(); | 33 | super() |
34 | } | 34 | } |
35 | 35 | ||
36 | buildForm() { | 36 | buildForm () { |
37 | this.form = this.formBuilder.group({ | 37 | this.form = this.formBuilder.group({ |
38 | 'new-password': [ '', USER_PASSWORD.VALIDATORS ], | 38 | 'new-password': [ '', USER_PASSWORD.VALIDATORS ], |
39 | 'new-confirmed-password': [ '', USER_PASSWORD.VALIDATORS ], | 39 | 'new-confirmed-password': [ '', USER_PASSWORD.VALIDATORS ] |
40 | }); | 40 | }) |
41 | 41 | ||
42 | this.form.valueChanges.subscribe(data => this.onValueChanged(data)); | 42 | this.form.valueChanges.subscribe(data => this.onValueChanged(data)) |
43 | } | 43 | } |
44 | 44 | ||
45 | ngOnInit() { | 45 | ngOnInit () { |
46 | this.buildForm(); | 46 | this.buildForm() |
47 | } | 47 | } |
48 | 48 | ||
49 | changePassword() { | 49 | changePassword () { |
50 | const newPassword = this.form.value['new-password']; | 50 | const newPassword = this.form.value['new-password'] |
51 | const newConfirmedPassword = this.form.value['new-confirmed-password']; | 51 | const newConfirmedPassword = this.form.value['new-confirmed-password'] |
52 | 52 | ||
53 | this.error = null; | 53 | this.error = null |
54 | 54 | ||
55 | if (newPassword !== newConfirmedPassword) { | 55 | if (newPassword !== newConfirmedPassword) { |
56 | this.error = 'The new password and the confirmed password do not correspond.'; | 56 | this.error = 'The new password and the confirmed password do not correspond.' |
57 | return; | 57 | return |
58 | } | 58 | } |
59 | 59 | ||
60 | this.userService.changePassword(newPassword).subscribe( | 60 | this.userService.changePassword(newPassword).subscribe( |
61 | () => this.notificationsService.success('Success', 'Password updated.'), | 61 | () => this.notificationsService.success('Success', 'Password updated.'), |
62 | 62 | ||
63 | err => this.error = err | 63 | err => this.error = err |
64 | ); | 64 | ) |
65 | } | 65 | } |
66 | } | 66 | } |