From 7f0ed041cc4d28347a81590a233f29a10b41c61d Mon Sep 17 00:00:00 2001
From: Igor Propisnov
Date: Wed, 26 Jun 2024 15:37:15 +0200
Subject: [PATCH] some renamings, added remember me checkbox and forgot
password text (inoop)
---
frontend/src/app/app.routes.ts | 2 +-
.../email-verify-root.component.html | 2 +-
.../email-verify-root.component.ts | 6 ++--
.../register-root.component.html | 30 +++++++++++++++++++
.../register-root/register-root.component.ts | 14 ++++++++-
5 files changed, 48 insertions(+), 6 deletions(-)
diff --git a/frontend/src/app/app.routes.ts b/frontend/src/app/app.routes.ts
index 5175263..3f90917 100644
--- a/frontend/src/app/app.routes.ts
+++ b/frontend/src/app/app.routes.ts
@@ -9,7 +9,7 @@ const publicRoutes: Routes = [
),
},
{
- path: 'signup',
+ path: 'welcome',
loadComponent: () =>
import('./pages/register-root/register-root.component').then(
(m) => m.RegisterRootComponent
diff --git a/frontend/src/app/pages/email-verify-root/email-verify-root.component.html b/frontend/src/app/pages/email-verify-root/email-verify-root.component.html
index 5c5b3ad..d0a31c5 100644
--- a/frontend/src/app/pages/email-verify-root/email-verify-root.component.html
+++ b/frontend/src/app/pages/email-verify-root/email-verify-root.component.html
@@ -15,7 +15,7 @@
the application shortly.
diff --git a/frontend/src/app/pages/email-verify-root/email-verify-root.component.ts b/frontend/src/app/pages/email-verify-root/email-verify-root.component.ts
index c5336f2..22fa081 100644
--- a/frontend/src/app/pages/email-verify-root/email-verify-root.component.ts
+++ b/frontend/src/app/pages/email-verify-root/email-verify-root.component.ts
@@ -56,10 +56,10 @@ export class EmailVerifyRootComponent implements OnInit {
this.backgroundStyle = { 'background-image': `url("${svgUrl}")` };
}
- public navigateToSignup(): void {
+ public navigateToWelcomeScreen(): void {
const email: string = this.extractEmail();
- this.router.navigate(['/signup'], {
+ this.router.navigate(['/welcome'], {
queryParams: { verified: true, email: email },
});
}
@@ -96,7 +96,7 @@ export class EmailVerifyRootComponent implements OnInit {
delay(10000)
)
.subscribe(() => {
- this.navigateToSignup();
+ this.navigateToWelcomeScreen();
});
}
}
diff --git a/frontend/src/app/pages/register-root/register-root.component.html b/frontend/src/app/pages/register-root/register-root.component.html
index e7add21..cc920cb 100644
--- a/frontend/src/app/pages/register-root/register-root.component.html
+++ b/frontend/src/app/pages/register-root/register-root.component.html
@@ -239,6 +239,9 @@
@@ -312,9 +315,36 @@
value="" />
+
+
}
diff --git a/frontend/src/app/pages/register-root/register-root.component.ts b/frontend/src/app/pages/register-root/register-root.component.ts
index 7fc3f97..8943a70 100644
--- a/frontend/src/app/pages/register-root/register-root.component.ts
+++ b/frontend/src/app/pages/register-root/register-root.component.ts
@@ -25,6 +25,7 @@ import { ButtonModule } from 'primeng/button';
import { CheckboxModule } from 'primeng/checkbox';
import { InputTextModule } from 'primeng/inputtext';
import { PasswordModule } from 'primeng/password';
+import { delay, finalize, tap } from 'rxjs';
import {
Configuration,
@@ -80,6 +81,7 @@ export class RegisterRootComponent implements OnInit {
public isSignupSignal: WritableSignal = signal(true);
public userSignupSuccess: WritableSignal = signal(false);
public isDialogOpen: WritableSignal = signal(false);
+ public isLoading: WritableSignal = signal(false);
private removeQueryParams: WritableSignal = signal(false);
public get isDarkMode(): boolean {
@@ -183,7 +185,6 @@ export class RegisterRootComponent implements OnInit {
private handleRedirect(): void {
if (this.verified()) {
- //this.isDisplayButtons.set(false);
this.isSigninSignal.set(true);
this.isSignupSignal.set(false);
}
@@ -276,6 +277,11 @@ export class RegisterRootComponent implements OnInit {
private signin(logiCredentials: UserCredentialsDtoApiModel): void {
this.authService
.signin(logiCredentials)
+ .pipe(
+ tap(() => this.isLoading.set(true)),
+ delay(1000),
+ finalize(() => this.isLoading.set(false))
+ )
.subscribe((response: SigninResponseDtoApiModel) => {
if (response) {
this.router.navigate(['/dashboard']);
@@ -284,8 +290,14 @@ export class RegisterRootComponent implements OnInit {
}
private signup(logiCredentials: UserCredentialsDtoApiModel): void {
+ this.isLoading.set(true);
this.authService
.signup(logiCredentials)
+ .pipe(
+ delay(1000),
+ tap(() => this.isLoading.set(true)),
+ finalize(() => this.isLoading.set(false))
+ )
.subscribe((response: SuccessDtoApiModel) => {
if (response.success) {
this.openModal();