Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 | 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x | import { HttpErrorResponse } from '@angular/common/http';
import { Component } from '@angular/core';
import { ReactiveFormsModule, UntypedFormBuilder, UntypedFormControl, UntypedFormGroup } from '@angular/forms';
import { Router } from '@angular/router';
import { catchError, throwError } from 'rxjs';
import { AdminService } from '../../../service/admin.service';
import { ProfileService } from '../../../service/api/profile.service';
import { Store } from '../../../store/store';
import { scrollToFirstInvalid } from '../../../util/form';
import { printError } from '../../../util/http';
@Component({
selector: 'app-settings-password-page',
templateUrl: './password.component.html',
styleUrls: ['./password.component.scss'],
imports: [ReactiveFormsModule]
})
export class SettingsPasswordPageI {
submitted = false;
passwordForm!: UntypedFormGroup;
serverError: string[] = [];
constructor(
public admin: AdminService,
private router: Router,
private store: Store,
private profiles: ProfileService,
private fb: UntypedFormBuilder,
) {
this.passwordForm = fb.group({
password: [''],
});
}
get password() {
return this.passwordForm.get('password') as UntypedFormControl;
}
save() {
this.serverError = [];
this.submitted = true;
this.passwordForm.markAllAsTouched();
if (!this.passwordForm.valid) {
scrollToFirstInvalid();
return;
}
this.profiles.changePassword({
...this.passwordForm.value,
tag: this.store.account.tag
}).pipe(
catchError((res: HttpErrorResponse) => {
this.serverError = printError(res);
return throwError(() => res);
}),
).subscribe(() => {
this.router.navigate(['/tag', this.store.account.tag]);
});
}
}
|