import { Component, OnInit } from '@angular/core'
-import { FormBuilder, FormGroup } from '@angular/forms'
import { NotificationsService } from 'angular2-notifications'
-import { FormReactive, USER_PASSWORD, UserService } from '../../../shared'
+import { FormReactive, UserService } from '../../../shared'
import { I18n } from '@ngx-translate/i18n-polyfill'
+import { FormValidatorService } from '@app/shared/forms/form-validators/form-validator.service'
+import { UserValidatorsService } from '@app/shared/forms/form-validators/user-validators.service'
@Component({
selector: 'my-account-change-password',
})
export class MyAccountChangePasswordComponent extends FormReactive implements OnInit {
error: string = null
-
- form: FormGroup
- formErrors = {
- 'new-password': '',
- 'new-confirmed-password': ''
- }
- validationMessages = {
- 'new-password': USER_PASSWORD.MESSAGES,
- 'new-confirmed-password': USER_PASSWORD.MESSAGES
- }
+ unsendable = true // default to true to not have to not the if in change password
constructor (
- private formBuilder: FormBuilder,
+ protected formValidatorService: FormValidatorService,
+ private userValidatorsService: UserValidatorsService,
private notificationsService: NotificationsService,
private userService: UserService,
private i18n: I18n
super()
}
- buildForm () {
- this.form = this.formBuilder.group({
- 'new-password': [ '', USER_PASSWORD.VALIDATORS ],
- 'new-confirmed-password': [ '', USER_PASSWORD.VALIDATORS ]
+ ngOnInit () {
+ this.buildForm({
+ 'new-password': this.userValidatorsService.USER_PASSWORD,
+ 'new-confirmed-password': this.userValidatorsService.USER_PASSWORD
})
+ }
- this.form.valueChanges.subscribe(data => this.onValueChanged(data))
+ validateNewPassword () {
+ if (this.form.value['new-password'] && this.form.value['new-confirmed-password']) {
+ if (this.form.value['new-password'] === this.form.value['new-confirmed-password']) {
+ this.error = null
+ this.unsendable = false
+ return
+ }
+ }
+ this.unsendable = true
}
- ngOnInit () {
- this.buildForm()
+ printAnError () {
+ console.log(this.unsendable)
+ this.validateNewPassword()
+ if (this.unsendable) {
+ this.error = this.i18n('The new password and the confirmed password do not correspond.')
+ }
}
changePassword () {
- const newPassword = this.form.value['new-password']
- const newConfirmedPassword = this.form.value['new-confirmed-password']
-
- this.error = null
-
- if (newPassword !== newConfirmedPassword) {
- this.error = this.i18n('The new password and the confirmed password do not correspond.')
+ if (this.unsendable) {
return
}
- this.userService.changePassword(newPassword).subscribe(
+ this.userService.changePassword(this.form.value['new-password']).subscribe(
() => this.notificationsService.success(this.i18n('Success'), this.i18n('Password updated.')),
err => this.error = err.message