client/src/app/account/account-change-password/account-change-password.component.ts

   1 import { Component, OnInit } from '@angular/core'
   2 import { FormBuilder, FormGroup } from '@angular/forms'
   3 import { Router } from '@angular/router'
   4
   5 import { NotificationsService } from 'angular2-notifications'
   6
   7 import { FormReactive, UserService, USER_PASSWORD } from '../../shared'
   8
   9 @Component({
  10   selector: 'my-account-change-password',
  11   templateUrl: './account-change-password.component.html'
  12 })
  13
  14 export class AccountChangePasswordComponent extends FormReactive implements OnInit {
  15   error: string = null
  16
  17   form: FormGroup
  18   formErrors = {
  19     'new-password': '',
  20     'new-confirmed-password': ''
  21   }
  22   validationMessages = {
  23     'new-password': USER_PASSWORD.MESSAGES,
  24     'new-confirmed-password': USER_PASSWORD.MESSAGES
  25   }
  26
  27   constructor (
  28     private formBuilder: FormBuilder,
  29     private router: Router,
  30     private notificationsService: NotificationsService,
  31     private userService: UserService
  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.error = null
  54
  55     if (newPassword !== newConfirmedPassword) {
  56       this.error = 'The new password and the confirmed password do not correspond.'
  57       return
  58     }
  59
  60     this.userService.changePassword(newPassword).subscribe(
  61       () => this.notificationsService.success('Success', 'Password updated.'),
  62
  63       err => this.error = err
  64     )
  65   }
  66 }