Change Password
A current/new/confirm password form that signs the user back in on success, so the session is never left stale — used both as the /login?mode=changepassword route and embedded in a profile panel.
ChangePassword renders the change-password form and, on success, signs the user back in with the new
password — the session is never left stale. It is used both as a standalone view (the
/login?mode=changepassword route, through AuthPageComponent) and embedded —
the user-profile panel hosts it inline.
Minimal example
import { Component, signal } from "@angular/core";
import { ChangePasswordComponent } from "@sinequa/atomic-angular";
@Component({
selector: "sample-component",
imports: [ChangePasswordComponent],
template: `<change-password [username]="username()" (cancel)="back()" />`,
})
export class SampleComponent {
readonly username = signal("john");
back() {
/* … */
}
}How it works
The old token is cleared after the change succeeds, never before — a failed change leaves the session intact.
Recipes
Embedded in a panel or a dialog
<ChangePassword
[username]="username()"
[redirectAfterSuccess]="false"
[redirectAfterCancel]="false"
(cancel)="changingPassword.set(false)"
(success)="changingPassword.set(false)"
/>Options
Prop
Type
Prop
Type
Pitfalls
What's next
Auth interceptor
Attaches the CSRF token, bearer authorization and impersonation headers to every request built with Angular's HttpClient — the one channel the atomic client itself never sees.
Forgot Password
A one-field form that requests a password-reset email — no router, no navigation, safe to drop into a dialog or a wizard step as-is.