2020-06-23 14:10:17 +02:00
|
|
|
import { forkJoin } from 'rxjs'
|
|
|
|
import { tap } from 'rxjs/operators'
|
2019-06-11 14:30:49 +02:00
|
|
|
import { Component, OnInit } from '@angular/core'
|
2020-06-23 14:10:17 +02:00
|
|
|
import { AuthService, ServerService, UserService } from '@app/core'
|
2020-08-17 11:47:04 +02:00
|
|
|
import { USER_EMAIL_VALIDATOR, USER_PASSWORD_VALIDATOR } from '@app/shared/form-validators/user-validators'
|
|
|
|
import { FormReactive, FormValidatorService } from '@app/shared/shared-forms'
|
2020-06-23 14:10:17 +02:00
|
|
|
import { User } from '@shared/models'
|
2019-06-11 14:30:49 +02:00
|
|
|
|
|
|
|
@Component({
|
|
|
|
selector: 'my-account-change-email',
|
|
|
|
templateUrl: './my-account-change-email.component.html',
|
|
|
|
styleUrls: [ './my-account-change-email.component.scss' ]
|
|
|
|
})
|
|
|
|
export class MyAccountChangeEmailComponent extends FormReactive implements OnInit {
|
|
|
|
error: string = null
|
|
|
|
success: string = null
|
|
|
|
user: User = null
|
|
|
|
|
|
|
|
constructor (
|
|
|
|
protected formValidatorService: FormValidatorService,
|
|
|
|
private authService: AuthService,
|
|
|
|
private userService: UserService,
|
2020-08-12 10:40:04 +02:00
|
|
|
private serverService: ServerService
|
2020-08-17 11:47:04 +02:00
|
|
|
) {
|
2019-06-11 14:30:49 +02:00
|
|
|
super()
|
|
|
|
}
|
|
|
|
|
|
|
|
ngOnInit () {
|
|
|
|
this.buildForm({
|
2020-08-17 11:47:04 +02:00
|
|
|
'new-email': USER_EMAIL_VALIDATOR,
|
|
|
|
'password': USER_PASSWORD_VALIDATOR
|
2019-06-11 14:30:49 +02:00
|
|
|
})
|
|
|
|
|
|
|
|
this.user = this.authService.getUser()
|
|
|
|
}
|
|
|
|
|
|
|
|
changeEmail () {
|
|
|
|
this.error = null
|
|
|
|
this.success = null
|
|
|
|
|
|
|
|
const password = this.form.value[ 'password' ]
|
|
|
|
const email = this.form.value[ 'new-email' ]
|
|
|
|
|
2019-12-18 15:31:54 +01:00
|
|
|
forkJoin([
|
|
|
|
this.serverService.getConfig(),
|
|
|
|
this.userService.changeEmail(password, email)
|
|
|
|
]).pipe(tap(() => this.authService.refreshUserInformation()))
|
|
|
|
.subscribe(
|
|
|
|
([ config ]) => {
|
|
|
|
this.form.reset()
|
2019-06-11 14:30:49 +02:00
|
|
|
|
2019-12-18 15:31:54 +01:00
|
|
|
if (config.signup.requiresEmailVerification) {
|
2020-08-12 10:40:04 +02:00
|
|
|
this.success = $localize`Please check your emails to verify your new email.`
|
2019-12-18 15:31:54 +01:00
|
|
|
} else {
|
2020-08-12 10:40:04 +02:00
|
|
|
this.success = $localize`Email updated.`
|
2019-12-18 15:31:54 +01:00
|
|
|
}
|
|
|
|
},
|
2019-06-11 14:30:49 +02:00
|
|
|
|
2019-12-18 15:31:54 +01:00
|
|
|
err => {
|
|
|
|
if (err.status === 401) {
|
2020-08-12 10:40:04 +02:00
|
|
|
this.error = $localize`You current password is invalid.`
|
2019-12-18 15:31:54 +01:00
|
|
|
return
|
2019-06-11 14:30:49 +02:00
|
|
|
}
|
2019-12-18 15:31:54 +01:00
|
|
|
|
|
|
|
this.error = err.message
|
|
|
|
}
|
|
|
|
)
|
2019-06-11 14:30:49 +02:00
|
|
|
}
|
|
|
|
}
|