X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2F%2Bmy-account%2Fmy-account-settings%2Fmy-account-change-password%2Fmy-account-change-password.component.ts;h=47e54dc23110dbb3fc0febbaaaf122cf928b40a6;hb=5b0ec7cddb1ae6dbd2057f067382866f846b882c;hp=91fe4ec72472beec3d2fc414ba66f479ed9291ef;hpb=66357162f8e1227495f09bd4f68446aad7071c6d;p=github%2FChocobozzz%2FPeerTube.git diff --git a/client/src/app/+my-account/my-account-settings/my-account-change-password/my-account-change-password.component.ts b/client/src/app/+my-account/my-account-settings/my-account-change-password/my-account-change-password.component.ts index 91fe4ec72..47e54dc23 100644 --- a/client/src/app/+my-account/my-account-settings/my-account-change-password/my-account-change-password.component.ts +++ b/client/src/app/+my-account/my-account-settings/my-account-change-password/my-account-change-password.component.ts @@ -1,7 +1,12 @@ import { filter } from 'rxjs/operators' import { Component, OnInit } from '@angular/core' import { AuthService, Notifier, UserService } from '@app/core' -import { FormReactive, FormValidatorService, UserValidatorsService } from '@app/shared/shared-forms' +import { + USER_CONFIRM_PASSWORD_VALIDATOR, + USER_EXISTING_PASSWORD_VALIDATOR, + USER_PASSWORD_VALIDATOR +} from '@app/shared/form-validators/user-validators' +import { FormReactive, FormValidatorService } from '@app/shared/shared-forms' import { User } from '@shared/models' @Component({ @@ -15,19 +20,18 @@ export class MyAccountChangePasswordComponent extends FormReactive implements On constructor ( protected formValidatorService: FormValidatorService, - private userValidatorsService: UserValidatorsService, private notifier: Notifier, private authService: AuthService, private userService: UserService - ) { + ) { super() } ngOnInit () { this.buildForm({ - 'current-password': this.userValidatorsService.USER_PASSWORD, - 'new-password': this.userValidatorsService.USER_PASSWORD, - 'new-confirmed-password': this.userValidatorsService.USER_CONFIRM_PASSWORD + 'current-password': USER_EXISTING_PASSWORD_VALIDATOR, + 'new-password': USER_PASSWORD_VALIDATOR, + 'new-confirmed-password': USER_CONFIRM_PASSWORD_VALIDATOR }) this.user = this.authService.getUser() @@ -35,30 +39,31 @@ export class MyAccountChangePasswordComponent extends FormReactive implements On const confirmPasswordControl = this.form.get('new-confirmed-password') confirmPasswordControl.valueChanges - .pipe(filter(v => v !== this.form.value[ 'new-password' ])) + .pipe(filter(v => v !== this.form.value['new-password'])) .subscribe(() => confirmPasswordControl.setErrors({ matchPassword: true })) } changePassword () { - const currentPassword = this.form.value[ 'current-password' ] - const newPassword = this.form.value[ 'new-password' ] + const currentPassword = this.form.value['current-password'] + const newPassword = this.form.value['new-password'] - this.userService.changePassword(currentPassword, newPassword).subscribe( - () => { - this.notifier.success($localize`Password updated.`) + this.userService.changePassword(currentPassword, newPassword) + .subscribe({ + next: () => { + this.notifier.success($localize`Password updated.`) - this.form.reset() - this.error = null - }, + this.form.reset() + this.error = null + }, - err => { - if (err.status === 401) { - this.error = $localize`You current password is invalid.` - return - } + error: err => { + if (err.status === 401) { + this.error = $localize`You current password is invalid.` + return + } - this.error = err.message - } - ) + this.error = err.message + } + }) } }