diff --git a/frontend/src/app/app.config.ts b/frontend/src/app/app.config.ts index 0634521..74b2c21 100644 --- a/frontend/src/app/app.config.ts +++ b/frontend/src/app/app.config.ts @@ -5,5 +5,8 @@ import { provideAnimations } from '@angular/platform-browser/animations'; import { routes } from './app.routes'; export const appConfig: ApplicationConfig = { - providers: [provideRouter(routes, withComponentInputBinding()), provideAnimations()], + providers: [ + provideRouter(routes, withComponentInputBinding()), + provideAnimations(), + ], }; diff --git a/frontend/src/app/app.routes.ts b/frontend/src/app/app.routes.ts index 3fb06b1..1a9c7a0 100644 --- a/frontend/src/app/app.routes.ts +++ b/frontend/src/app/app.routes.ts @@ -1,6 +1,12 @@ import { Routes } from '@angular/router'; export const routes: Routes = [ - { path: '', pathMatch: 'full', redirectTo: ''}, - { path: 'signup', loadComponent: () => import('./pages/register-root/register-root.component').then(m => m.RegisterRootComponent) }, + { path: '', pathMatch: 'full', redirectTo: '' }, + { + path: 'signup', + loadComponent: () => + import('./pages/register-root/register-root.component').then( + (m) => m.RegisterRootComponent + ), + }, ]; 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 403d1bf..0fcfeb1 100644 --- a/frontend/src/app/pages/register-root/register-root.component.html +++ b/frontend/src/app/pages/register-root/register-root.component.html @@ -8,19 +8,25 @@

@if (this.isSignupSignal()) { Registrieren - } - @else if (this.isRegisterSignal()) { + } @else if (this.isRegisterSignal()) { Anmelden - } - @else { + } @else { Erste Schritte }

@if (this.isDisplayButtons()) {
- - + +
} @@ -35,8 +41,7 @@ pInputText id="email" formControlName="email" - aria-describedby="e-mail" - /> + aria-describedby="e-mail" />
@@ -47,8 +52,7 @@ id="password" formControlName="password" aria-describedby="password" - type="password" - /> + type="password" />
diff --git a/frontend/src/app/pages/register-root/register-root.component.scss b/frontend/src/app/pages/register-root/register-root.component.scss index e2dd579..145c4fb 100644 --- a/frontend/src/app/pages/register-root/register-root.component.scss +++ b/frontend/src/app/pages/register-root/register-root.component.scss @@ -52,7 +52,8 @@ padding: 0 0 0.5em; } - .e-mail, .password { + .e-mail, + .password { .label { font-size: 1.5em; } 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 1bf1218..2d4f3b1 100644 --- a/frontend/src/app/pages/register-root/register-root.component.ts +++ b/frontend/src/app/pages/register-root/register-root.component.ts @@ -1,38 +1,49 @@ -import { CommonModule } from "@angular/common"; -import { ChangeDetectionStrategy, Component, OnInit, WritableSignal, signal } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { + ChangeDetectionStrategy, + Component, + OnInit, + WritableSignal, + signal, +} from '@angular/core'; import { InputTextModule } from 'primeng/inputtext'; -import { FormBuilder, FormGroup, FormsModule, ReactiveFormsModule, Validators } from "@angular/forms"; +import { + FormBuilder, + FormGroup, + FormsModule, + ReactiveFormsModule, + Validators, +} from '@angular/forms'; import { ButtonModule } from 'primeng/button'; type AuthAction = 'register' | 'signup'; @Component({ - selector: 'app-register-root', - standalone: true, - imports: [ - CommonModule, - FormsModule, - InputTextModule, - ReactiveFormsModule, - ButtonModule - ], - templateUrl: './register-root.component.html', - styleUrl: './register-root.component.scss', - changeDetection: ChangeDetectionStrategy.OnPush, + selector: 'app-register-root', + standalone: true, + imports: [ + CommonModule, + FormsModule, + InputTextModule, + ReactiveFormsModule, + ButtonModule, + ], + templateUrl: './register-root.component.html', + styleUrl: './register-root.component.scss', + changeDetection: ChangeDetectionStrategy.OnPush, }) export class RegisterRootComponent implements OnInit { - public form: FormGroup | undefined; - public isRegisterSignal: WritableSignal = signal(false) - public isSignupSignal: WritableSignal = signal(false) - public isDisplayButtons: WritableSignal = signal(true) + public isRegisterSignal: WritableSignal = signal(false); + public isSignupSignal: WritableSignal = signal(false); + public isDisplayButtons: WritableSignal = signal(true); - constructor(private readonly formBuilder: FormBuilder) { } + constructor(private readonly formBuilder: FormBuilder) {} ngOnInit() { this.form = this.formBuilder.group({ email: ['', [Validators.required, Validators.email]], - password: ['', [Validators.required, Validators.minLength(6)]] + password: ['', [Validators.required, Validators.minLength(6)]], }); } @@ -46,5 +57,4 @@ export class RegisterRootComponent implements OnInit { public onSubmit() { console.log('signup'); } - } diff --git a/frontend/src/environments/environment.prod.ts b/frontend/src/environments/environment.prod.ts index e59205e..ad2f7c9 100644 --- a/frontend/src/environments/environment.prod.ts +++ b/frontend/src/environments/environment.prod.ts @@ -2,6 +2,6 @@ export const environment = { production: true, oauth: { clinetId: 'app_FLXnxSBnnaKkXoYCgk3J62iA', - redirectUri: 'https://commonly-hot-airedale.ngrok-free.app/oauth' - } + redirectUri: 'https://commonly-hot-airedale.ngrok-free.app/oauth', + }, }; diff --git a/frontend/src/environments/environment.ts b/frontend/src/environments/environment.ts index b78c586..2e568c3 100644 --- a/frontend/src/environments/environment.ts +++ b/frontend/src/environments/environment.ts @@ -2,6 +2,6 @@ export const environment = { production: false, oauth: { clinetId: 'app_FLXnxSBnnaKkXoYCgk3J62iA', - redirectUri: 'https://commonly-hot-airedale.ngrok-free.app/oauth' - } + redirectUri: 'https://commonly-hot-airedale.ngrok-free.app/oauth', + }, }; diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss index 95eb6bf..11e0d8d 100644 --- a/frontend/src/styles.scss +++ b/frontend/src/styles.scss @@ -1,3 +1,9 @@ // Import PrimeNG styles @import 'primeng/resources/themes/lara-light-blue/theme.css'; @import 'primeng/resources/primeng.css'; + +html, +body { + height: 100%; + margin: 0; +}