frontend/src/app/app.config.ts

@@ -51,6 +51,7 @@ export const appConfig: ApplicationConfig = {
       provide: HTTP_INTERCEPTORS,
       useClass: KeycloakBearerInterceptor,
       multi: true,
-    }, provideAnimationsAsync(),
+    },
+    provideAnimationsAsync(),
   ],
 };

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 = [
   {

frontend/src/app/feature/deposit/deposit.component.html

@@ -1,21 +1,21 @@
 <h2 mat-dialog-title class="text-xl font-semibold">Guthaben aufladen</h2>
 <mat-dialog-content>
-    <form [formGroup]="form">
-        <div *ngIf="errorMsg">
-            {{ errorMsg }}
-        </div>
-        <div class="mb-2">
-            <label for="amount">Betrag</label>
-            <input
-                    type="number"
-                    id="amount"
-                    formControlName="amount"
-                    class="w-full px-2 py-1 bg-white text-black"
-            />
-        </div>
-    </form>
+  <form [formGroup]="form">
+    <div *ngIf="errorMsg">
+      {{ errorMsg }}
+    </div>
+    <div class="mb-2">
+      <label for="amount">Betrag</label>
+      <input
+        type="number"
+        id="amount"
+        formControlName="amount"
+        class="w-full px-2 py-1 bg-white text-black"
+      />
+    </div>
+  </form>
 </mat-dialog-content>
 <mat-dialog-actions>
-    <button mat-flat-button (click)="closeDialog()">Abbrechen</button>
-    <button mat-flat-button (click)="submit()">Einzahlen</button>
+  <button mat-flat-button (click)="closeDialog()">Abbrechen</button>
+  <button mat-flat-button (click)="submit()">Einzahlen</button>
 </mat-dialog-actions>

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,
 })

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',

frontend/src/index.html

@@ -6,9 +6,12 @@
     <base href="/" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" type="image/x-icon" href="favicon.ico" />
-      <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap" rel="stylesheet">
-    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
-</head>
+    <link
+      href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap"
+      rel="stylesheet"
+    />
+    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
+  </head>
   <body class="mat-typography">
     <app-root></app-root>
   </body>