]>
Commit | Line | Data |
---|---|---|
1 | import { } from '@angular/common'; | |
2 | import { Component, OnInit } from '@angular/core'; | |
3 | import { FormBuilder, FormGroup } from '@angular/forms'; | |
4 | import { Router } from '@angular/router'; | |
5 | ||
6 | import { AccountService } from './account.service'; | |
7 | import { FormReactive, USER_PASSWORD } from '../shared'; | |
8 | ||
9 | @Component({ | |
10 | selector: 'my-account', | |
11 | templateUrl: './account.component.html' | |
12 | }) | |
13 | ||
14 | export class AccountComponent extends FormReactive implements OnInit { | |
15 | information: string = null; | |
16 | error: string = null; | |
17 | ||
18 | form: FormGroup; | |
19 | formErrors = { | |
20 | 'new-password': '', | |
21 | 'new-confirmed-password': '' | |
22 | }; | |
23 | validationMessages = { | |
24 | 'new-password': USER_PASSWORD.MESSAGES, | |
25 | 'new-confirmed-password': USER_PASSWORD.MESSAGES | |
26 | }; | |
27 | ||
28 | constructor( | |
29 | private accountService: AccountService, | |
30 | private formBuilder: FormBuilder, | |
31 | private router: Router | |
32 | ) { | |
33 | super(); | |
34 | } | |
35 | ||
36 | buildForm() { | |
37 | this.form = this.formBuilder.group({ | |
38 | 'new-password': [ '', USER_PASSWORD.VALIDATORS ], | |
39 | 'new-confirmed-password': [ '', USER_PASSWORD.VALIDATORS ], | |
40 | }); | |
41 | ||
42 | this.form.valueChanges.subscribe(data => this.onValueChanged(data)); | |
43 | } | |
44 | ||
45 | ngOnInit() { | |
46 | this.buildForm(); | |
47 | } | |
48 | ||
49 | changePassword() { | |
50 | const newPassword = this.form.value['new-password']; | |
51 | const newConfirmedPassword = this.form.value['new-confirmed-password']; | |
52 | ||
53 | this.information = null; | |
54 | this.error = null; | |
55 | ||
56 | if (newPassword !== newConfirmedPassword) { | |
57 | this.error = 'The new password and the confirmed password do not correspond.'; | |
58 | return; | |
59 | } | |
60 | ||
61 | this.accountService.changePassword(newPassword).subscribe( | |
62 | ok => this.information = 'Password updated.', | |
63 | ||
64 | err => this.error = err | |
65 | ); | |
66 | } | |
67 | } |