feat(auth): add recover password functionality and forms
Some checks failed
CI / Get Changed Files (pull_request) Successful in 8s
CI / Checkstyle Main (pull_request) Has been skipped
CI / Docker backend validation (pull_request) Has been skipped
CI / oxlint (pull_request) Successful in 19s
CI / eslint (pull_request) Successful in 28s
CI / prettier (pull_request) Failing after 26s
CI / test-build (pull_request) Successful in 42s
CI / Docker frontend validation (pull_request) Successful in 48s

This commit is contained in:
csimonis 2025-05-15 12:53:53 +02:00
commit 9a95ad3d0f
5 changed files with 212 additions and 176 deletions

View file

@ -4,16 +4,25 @@ import { NavbarComponent } from './shared/components/navbar/navbar.component';
import { FooterComponent } from './shared/components/footer/footer.component';
import { LoginComponent } from './feature/auth/login/login.component';
import { RegisterComponent } from './feature/auth/register/register.component';
import { RecoverPasswordComponent } from './feature/auth/recover-password/recover-password.component';
@Component({
selector: 'app-root',
standalone: true,
imports: [RouterOutlet, NavbarComponent, FooterComponent, LoginComponent, RegisterComponent],
imports: [
RouterOutlet,
NavbarComponent,
FooterComponent,
LoginComponent,
RegisterComponent,
RecoverPasswordComponent
],
templateUrl: './app.component.html',
})
export class AppComponent {
showLogin = signal(false);
showRegister = signal(false);
showRecoverPassword = signal(false);
@HostListener('document:keydown.escape')
handleEscapeKey() {
@ -23,18 +32,28 @@ export class AppComponent {
showLoginForm() {
this.showLogin.set(true);
this.showRegister.set(false);
this.showRecoverPassword.set(false);
document.body.style.overflow = 'hidden';
}
showRegisterForm() {
this.showRegister.set(true);
this.showLogin.set(false);
this.showRecoverPassword.set(false);
document.body.style.overflow = 'hidden';
}
showRecoverPasswordForm() {
this.showRecoverPassword.set(true);
this.showLogin.set(false);
this.showRegister.set(false);
document.body.style.overflow = 'hidden';
}
hideAuthForms() {
this.showLogin.set(false);
this.showRegister.set(false);
this.showRecoverPassword.set(false);
document.body.style.overflow = 'auto';
}