TD-29: Player Registration Form implemented WIP: Empty spaces as login data

src/app/app.component.ts

@@ -3,7 +3,7 @@ import { Title } from '@angular/platform-browser';
 import { RouterOutlet } from '@angular/router';
 import { HeaderComponent } from '@app/header/header.component';
 import { NotificationBoxComponent } from '@app/notification-box/notification-box.component';
-import {RegistrationFormComponent} from "@app/registration-form/registration-form.component";
+import {RegistrationFormComponent} from '@app/registration-form/registration-form.component';
 
 
 @Component({

src/app/app.config.ts

@@ -2,9 +2,9 @@ import {provideHttpClient} from '@angular/common/http';
 import {ApplicationConfig, provideZoneChangeDetection} from '@angular/core';
 import {provideAnimationsAsync} from '@angular/platform-browser/animations/async';
 import {provideRouter} from '@angular/router';
+import {BASE_PATH, Configuration} from '@core/server';
 
 import {routes} from './app.routes';
-import {BASE_PATH, Configuration} from "@core/server";
 
 export const appConfig: ApplicationConfig = {
     providers: [

src/app/registration-form/registration-form.component.spec.ts

@@ -3,21 +3,21 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { RegistrationFormComponent } from './registration-form.component';
 
 describe('RegistrationFormComponent', () => {
-  let component: RegistrationFormComponent;
+    let component: RegistrationFormComponent;
-  let fixture: ComponentFixture<RegistrationFormComponent>;
+    let fixture: ComponentFixture<RegistrationFormComponent>;
 
-  beforeEach(async () => {
+    beforeEach(async () => {
-    await TestBed.configureTestingModule({
+        await TestBed.configureTestingModule({
-      imports: [RegistrationFormComponent]
+            imports: [RegistrationFormComponent]
-    })
+        })
-    .compileComponents();
+            .compileComponents();
 
-    fixture = TestBed.createComponent(RegistrationFormComponent);
+        fixture = TestBed.createComponent(RegistrationFormComponent);
-    component = fixture.componentInstance;
+        component = fixture.componentInstance;
-    fixture.detectChanges();
+        fixture.detectChanges();
-  });
+    });
 
-  it('should create', () => {
+    it('should create', () => {
-    expect(component).toBeTruthy();
+        expect(component).toBeTruthy();
-  });
+    });
 });

src/app/registration-form/registration-form.component.ts

@@ -1,12 +1,11 @@
 import {Component} from '@angular/core';
-import {PlayerRegistrationData, ServerService} from "@core/server";
-import {MatFormFieldModule} from '@angular/material/form-field';
 import {FormBuilder, FormGroup, FormsModule, ReactiveFormsModule} from '@angular/forms';
-import {MatSelectModule} from '@angular/material/select';
+import {MatButtonModule} from '@angular/material/button';
+import {MatFormFieldModule} from '@angular/material/form-field';
 import {MatInputModule} from '@angular/material/input';
-import {MatButtonModule} from "@angular/material/button";
+import {MatSelectModule} from '@angular/material/select';
-import {NotificationService, NotificationType} from "@core/notification/notification.service";
+import {NotificationService, NotificationType} from '@core/notification/notification.service';
-import {isEmpty, max} from "rxjs";
+import {PlayerRegistrationData, ServerService} from '@core/server';
 
 @Component({
     selector: 'app-registration-form',
@@ -21,15 +20,15 @@ export class RegistrationFormComponent {
 
     constructor(private serverApi: ServerService, private formBuilder: FormBuilder, private notifications: NotificationService) {
         this.registrationForm = this.formBuilder.group<PlayerRegistrationData>({
-            username: "",
+            username: '',
-            password: "",
+            password: '',
-        })
+        });
         //this.registrationForm.addValidators(isEmpty);
     }
 
     registerPlayer() {
         if (!this.registrationForm.valid) {
-            this.notifications.publish("This form is invalid!", NotificationType.Error);
+            this.notifications.publish('This form is invalid!', NotificationType.Error);
             return;
         }
         this.serverApi

src/app/views/dashboard/dashboard.component.ts

@@ -1,5 +1,4 @@
 import {Component} from '@angular/core';
-import {ServerService} from "@core/server";
 
 @Component({
     selector: 'app-dashboard',