diff --git a/frontend/src/app/app.config.ts b/frontend/src/app/app.config.ts index f7dce41..c6b9f77 100644 --- a/frontend/src/app/app.config.ts +++ b/frontend/src/app/app.config.ts @@ -51,6 +51,7 @@ export const appConfig: ApplicationConfig = { provide: HTTP_INTERCEPTORS, useClass: KeycloakBearerInterceptor, multi: true, - }, provideAnimationsAsync(), + }, + provideAnimationsAsync(), ], }; diff --git a/frontend/src/app/app.routes.ts b/frontend/src/app/app.routes.ts index 373fb5f..536f89a 100644 --- a/frontend/src/app/app.routes.ts +++ b/frontend/src/app/app.routes.ts @@ -1,8 +1,7 @@ -import { Routes } from '@angular/router'; -import { LandingComponent } from './feature/landing/landing.component'; -import { HomeComponent } from './feature/home/home.component'; -import { authGuard } from './auth.guard'; -import { DepositComponent } from './feature/deposit/deposit.component'; +import {Routes} from '@angular/router'; +import {LandingComponent} from './feature/landing/landing.component'; +import {HomeComponent} from './feature/home/home.component'; +import {authGuard} from './auth.guard'; export const routes: Routes = [ { diff --git a/frontend/src/app/feature/deposit/deposit.component.html b/frontend/src/app/feature/deposit/deposit.component.html index 78c7a07..707d145 100644 --- a/frontend/src/app/feature/deposit/deposit.component.html +++ b/frontend/src/app/feature/deposit/deposit.component.html @@ -1,21 +1,21 @@

Guthaben aufladen

-
-
- {{ errorMsg }} -
-
- - -
-
+
+
+ {{ errorMsg }} +
+
+ + +
+
- - + + diff --git a/frontend/src/app/feature/deposit/deposit.component.ts b/frontend/src/app/feature/deposit/deposit.component.ts index 43fb94a..6b8393d 100644 --- a/frontend/src/app/feature/deposit/deposit.component.ts +++ b/frontend/src/app/feature/deposit/deposit.component.ts @@ -10,14 +10,22 @@ import { MatDialogClose, MatDialogContent, MatDialogRef, - MatDialogTitle -} from "@angular/material/dialog"; -import {MatButton} from "@angular/material/button"; + MatDialogTitle, +} from '@angular/material/dialog'; +import { MatButton } from '@angular/material/button'; @Component({ selector: 'app-deposit', standalone: true, - imports: [ReactiveFormsModule, NgIf, MatDialogTitle, MatDialogContent, MatDialogActions, MatDialogClose, MatButton], + imports: [ + ReactiveFormsModule, + NgIf, + MatDialogTitle, + MatDialogContent, + MatDialogActions, + MatDialogClose, + MatButton, + ], templateUrl: './deposit.component.html', changeDetection: ChangeDetectionStrategy.OnPush, }) diff --git a/frontend/src/app/feature/home/home.component.ts b/frontend/src/app/feature/home/home.component.ts index deeb4dc..a4b2b8b 100644 --- a/frontend/src/app/feature/home/home.component.ts +++ b/frontend/src/app/feature/home/home.component.ts @@ -1,7 +1,7 @@ -import {ChangeDetectionStrategy, Component, inject} from '@angular/core'; -import {KeycloakService} from 'keycloak-angular'; -import {MatDialog} from "@angular/material/dialog"; -import {DepositComponent} from "../deposit/deposit.component"; +import { ChangeDetectionStrategy, Component, inject } from '@angular/core'; +import { KeycloakService } from 'keycloak-angular'; +import { MatDialog } from '@angular/material/dialog'; +import { DepositComponent } from '../deposit/deposit.component'; @Component({ selector: 'app-homepage', diff --git a/frontend/src/index.html b/frontend/src/index.html index bd4ced1..41fedf4 100644 --- a/frontend/src/index.html +++ b/frontend/src/index.html @@ -6,9 +6,12 @@ - - - + + +