@if (currentStep() === 0) {
-
+
}
@if (currentStep() === 1) {
diff --git a/frontend/src/app/pages/event-root/create-event/create-event.component.ts b/frontend/src/app/pages/event-root/create-event/create-event.component.ts
index af279e2..b2faf48 100644
--- a/frontend/src/app/pages/event-root/create-event/create-event.component.ts
+++ b/frontend/src/app/pages/event-root/create-event/create-event.component.ts
@@ -4,8 +4,8 @@ import {
ChangeDetectionStrategy,
signal,
WritableSignal,
- OnInit,
} from '@angular/core';
+import { FormBuilder, FormGroup, Validators } from '@angular/forms';
import { BasicStepComponent } from './steps/basic-step.component';
import { TicketsStepComponent } from './steps/tickets-step.component';
@@ -18,13 +18,19 @@ import { TicketsStepComponent } from './steps/tickets-step.component';
templateUrl: './create-event.component.html',
changeDetection: ChangeDetectionStrategy.OnPush,
})
-export class CreateEventComponent implements OnInit {
+export class CreateEventComponent {
public currentStep: WritableSignal
= signal(0);
public readonly steps: string[] = ['Basic', 'Tickets', 'Review'];
+ public form!: FormGroup;
- public constructor() {}
-
- public ngOnInit(): void {}
+ public constructor(private readonly formBuilder: FormBuilder) {
+ this.form = this.formBuilder.group({
+ eventTitle: ['', [Validators.required, Validators.minLength(3)]],
+ eventLocation: ['', Validators.required],
+ eventDate: ['', Validators.required],
+ eventTime: ['', Validators.required],
+ });
+ }
public getStepContent(index: number): string {
if (index < this.currentStep()) {
diff --git a/frontend/src/app/pages/event-root/create-event/steps/basic-step.component.html b/frontend/src/app/pages/event-root/create-event/steps/basic-step.component.html
index 4520f5b..63c697d 100644
--- a/frontend/src/app/pages/event-root/create-event/steps/basic-step.component.html
+++ b/frontend/src/app/pages/event-root/create-event/steps/basic-step.component.html
@@ -1,4 +1,4 @@
-