TD-29: Player Registration Form implemented WIP: Empty spaces as login data
All checks were successful
Quality Check / Linting (push) Successful in 22s
All checks were successful
Quality Check / Linting (push) Successful in 22s
This commit is contained in:
parent
b5a5026a14
commit
d77dfb0526
5 changed files with 25 additions and 27 deletions
|
@ -3,7 +3,7 @@ import { Title } from '@angular/platform-browser';
|
||||||
import { RouterOutlet } from '@angular/router';
|
import { RouterOutlet } from '@angular/router';
|
||||||
import { HeaderComponent } from '@app/header/header.component';
|
import { HeaderComponent } from '@app/header/header.component';
|
||||||
import { NotificationBoxComponent } from '@app/notification-box/notification-box.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({
|
@Component({
|
||||||
|
|
|
@ -2,9 +2,9 @@ import {provideHttpClient} from '@angular/common/http';
|
||||||
import {ApplicationConfig, provideZoneChangeDetection} from '@angular/core';
|
import {ApplicationConfig, provideZoneChangeDetection} from '@angular/core';
|
||||||
import {provideAnimationsAsync} from '@angular/platform-browser/animations/async';
|
import {provideAnimationsAsync} from '@angular/platform-browser/animations/async';
|
||||||
import {provideRouter} from '@angular/router';
|
import {provideRouter} from '@angular/router';
|
||||||
|
import {BASE_PATH, Configuration} from '@core/server';
|
||||||
|
|
||||||
import {routes} from './app.routes';
|
import {routes} from './app.routes';
|
||||||
import {BASE_PATH, Configuration} from "@core/server";
|
|
||||||
|
|
||||||
export const appConfig: ApplicationConfig = {
|
export const appConfig: ApplicationConfig = {
|
||||||
providers: [
|
providers: [
|
||||||
|
|
|
@ -1,12 +1,11 @@
|
||||||
import {Component} from '@angular/core';
|
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 {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 {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({
|
@Component({
|
||||||
selector: 'app-registration-form',
|
selector: 'app-registration-form',
|
||||||
|
@ -21,15 +20,15 @@ export class RegistrationFormComponent {
|
||||||
|
|
||||||
constructor(private serverApi: ServerService, private formBuilder: FormBuilder, private notifications: NotificationService) {
|
constructor(private serverApi: ServerService, private formBuilder: FormBuilder, private notifications: NotificationService) {
|
||||||
this.registrationForm = this.formBuilder.group<PlayerRegistrationData>({
|
this.registrationForm = this.formBuilder.group<PlayerRegistrationData>({
|
||||||
username: "",
|
username: '',
|
||||||
password: "",
|
password: '',
|
||||||
})
|
});
|
||||||
//this.registrationForm.addValidators(isEmpty);
|
//this.registrationForm.addValidators(isEmpty);
|
||||||
}
|
}
|
||||||
|
|
||||||
registerPlayer() {
|
registerPlayer() {
|
||||||
if (!this.registrationForm.valid) {
|
if (!this.registrationForm.valid) {
|
||||||
this.notifications.publish("This form is invalid!", NotificationType.Error);
|
this.notifications.publish('This form is invalid!', NotificationType.Error);
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
this.serverApi
|
this.serverApi
|
||||||
|
|
|
@ -1,5 +1,4 @@
|
||||||
import {Component} from '@angular/core';
|
import {Component} from '@angular/core';
|
||||||
import {ServerService} from "@core/server";
|
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'app-dashboard',
|
selector: 'app-dashboard',
|
||||||
|
|
Loading…
Add table
Reference in a new issue