New Event Fields Control

src/app/pages/cal-modal/cal-modal.page.ts

@@ -9,6 +9,7 @@ import { AttendeesPage } from 'src/app/pages/events/attendees/attendees.page';
 import { AttendeeModalPage } from '../events/attendee-modal/attendee-modal.page';
 import { EventPerson } from 'src/app/models/eventperson.model';
 import { AlertService } from 'src/app/services/alert.service';
+import { FormGroup, FormBuilder, Validators } from "@angular/forms";
 
 @Component({
   selector: 'app-cal-modal',
@@ -29,13 +30,28 @@ export class CalModalPage implements OnInit {
   eventAttendees: EventPerson[];
   segment:string = "true";
 
-  constructor(private modalCtrl: ModalController, private eventService: EventsService, private alertController:AlertService) { 
-      this.postEvent = new Event();
-      this.postEvent.Body = { BodyType : "1", Text : ""};
-     
+  ionicForm: FormGroup;
+  isSubmitted = false;
+
+  constructor(public formBuilder: FormBuilder, private modalCtrl: ModalController, private eventService: EventsService, private alertController:AlertService) { 
+    this.postEvent = new Event();
+    this.postEvent.Body = { BodyType : "1", Text : ""};
   }
 
   ngOnInit() {
+    this.ionicForm = this.formBuilder.group({
+      subject: ['', [Validators.required]],
+      agenda: ['', [Validators.required]],
+      startdate: ['', [Validators.required]],
+      enddate: ['', [Validators.required]],
+      description: ['', [Validators.required]],
+      location: ['', [Validators.required]],
+      eventtype: ['', [Validators.required]]
+    })
+  }
+
+  get errorControl() {
+    return this.ionicForm.controls;
   }
 
   ngAfterViewInit(): void {
@@ -45,8 +61,11 @@ export class CalModalPage implements OnInit {
   }
 
   save(){
-    this.eventService.postEvent(this.postEvent, this.postEvent.CalendarName).subscribe();
-    this.modalCtrl.dismiss(this.postEvent);
+    if (this.ionicForm.valid) 
+    {
+      this.eventService.postEvent(this.postEvent, this.postEvent.CalendarName).subscribe();
+      this.modalCtrl.dismiss(this.postEvent);
+    }
   }
 
   onViewTitleChanged(title){