Update routing and UI for login and registration pages

CS3219-AY2425S1 · Sep 23, 2024 · 1728ef6 · 1728ef6
1 parent 8b51880
commit 1728ef6
Show file tree

Hide file tree

Showing 6 changed files with 30 additions and 25 deletions.
diff --git a/frontend/src/app/account/account.component.ts b/frontend/src/app/account/account.component.ts
@@ -7,16 +7,17 @@ import { LayoutComponent } from './layout.component';
 
 const routes: Routes = [
     {
-        path: '', component: LayoutComponent,
+        path: '',
+        component: LayoutComponent,
         children: [
             { path: 'login', component: LoginComponent },
-            { path: 'register', component: RegisterComponent }
-        ]
-    }
+            { path: 'register', component: RegisterComponent },
+        ],
+    },
 ];
 
 @NgModule({
     imports: [RouterModule.forChild(routes)],
-    exports: [RouterModule]
+    exports: [RouterModule],
 })
-export class AccountRoutingModule { }
+export class AccountRoutingModule {}
diff --git a/frontend/src/app/account/account.module.ts b/frontend/src/app/account/account.module.ts
@@ -14,7 +14,7 @@ import { AccountRoutingModule } from './account.component';
         AccountRoutingModule,
         LayoutComponent,
         LoginComponent,
-        RegisterComponent
+        RegisterComponent,
     ],
 })
-export class AccountModule { }
+export class AccountModule {}
diff --git a/frontend/src/app/account/layout.component.ts b/frontend/src/app/account/layout.component.ts
@@ -1,16 +1,11 @@
 import { Component } from '@angular/core';
 import { Router, RouterModule } from '@angular/router';
 
-@Component({ 
-    standalone: true, 
-    imports: [RouterModule], 
-    templateUrl: './layout.component.html' 
+@Component({
+    standalone: true,
+    imports: [RouterModule],
+    templateUrl: './layout.component.html',
 })
-
 export class LayoutComponent {
-    constructor(
-        private router: Router,
-    ) {
-
-    }
-}
+    constructor(private router: Router) {}
+}
diff --git a/frontend/src/app/account/login.component.ts b/frontend/src/app/account/login.component.ts
@@ -27,7 +27,7 @@ export class LoginComponent {
     isProcessingLogin = false;
 
     showError() {
-        this.messageService.add({ severity: 'error', summary: 'Log In Error', detail: 'Missing Details' })
+        this.messageService.add({ severity: 'error', summary: 'Log In Error', detail: 'Missing Details' });
     }
 
     onSubmit() {
@@ -38,7 +38,7 @@ export class LoginComponent {
             setTimeout(() => {
                 this.isProcessingLogin = false;
                 console.log('Form Submitted', this.user);
-            }, 3000); 
+            }, 3000);
         } else {
             console.log('Invalid form');
         }

diff --git a/frontend/src/app/account/register.component.ts b/frontend/src/app/account/register.component.ts
@@ -12,7 +12,16 @@ import { MessageService } from 'primeng/api';
 @Component({
     selector: 'app-register',
     standalone: true,
-    imports: [RouterLink, FormsModule, InputTextModule, ButtonModule, SelectButtonModule, PasswordModule, DividerModule, ToastModule],
+    imports: [
+        RouterLink,
+        FormsModule,
+        InputTextModule,
+        ButtonModule,
+        SelectButtonModule,
+        PasswordModule,
+        DividerModule,
+        ToastModule,
+    ],
     providers: [MessageService],
     templateUrl: './register.component.html',
     styleUrl: './login.component.css',
@@ -30,7 +39,7 @@ export class RegisterComponent {
     isProcessingRegistration = false;
 
     showError() {
-        this.messageService.add({ severity: 'error', summary: 'Registration Error', detail: 'Missing Details' })
+        this.messageService.add({ severity: 'error', summary: 'Registration Error', detail: 'Missing Details' });
     }
 
     onSubmit() {
@@ -40,7 +49,7 @@ export class RegisterComponent {
             setTimeout(() => {
                 this.isProcessingRegistration = false;
                 console.log('Form Submitted', this.user);
-            }, 3000); 
+            }, 3000);
         } else {
             console.log('Invalid form');
         }

diff --git a/frontend/src/app/app.routes.ts b/frontend/src/app/app.routes.ts
@@ -5,6 +5,6 @@ const accountModule = () => import('./account/account.module').then(x => x.Accou
 export const routes: Routes = [
     {
         path: 'account',
-        loadChildren: accountModule
+        loadChildren: accountModule,
     },
 ];