Improve add event and edit event

src/app/pages/events/attendees/attendees.page.ts

@@ -1,8 +1,7 @@
 import { Component, OnInit } from '@angular/core';
 import { EventPerson } from 'src/app/models/eventperson.model';
-import { EventsService } from 'src/app/services/events.service';
-import { ModalController, NavController } from '@ionic/angular';
-import { AttendeeModalPage } from '../attendee-modal/attendee-modal.page';
+import { ModalController, NavParams } from '@ionic/angular';
+import { ContactsService } from 'src/app/services/contacts.service';
 
 @Component({
   selector: 'app-attendees',
@@ -11,69 +10,143 @@ import { AttendeeModalPage } from '../attendee-modal/attendee-modal.page';
 })
 export class AttendeesPage implements OnInit {
 
-  eventAttendees: EventPerson[];
-  segment:string = "true";
-  shouldShowCancel:boolean = true;
-
-  searchCountryString = ''; // initialize your searchCountryString string empty
-
-  constructor(private eventService: EventsService, private modalCtrl: ModalController, 
-    private navCtrl: NavController) { 
-  }
+  // Defined by the API
+  contacts: EventPerson[];
+  showLoader: boolean = false;
+  selectedContact: EventPerson[] =[];
+  eventPersons: EventPerson[];
+  adding: "intervenient" | "CC";
+  currentPath = window.location.pathname;
+  
+  taskParticipants:EventPerson[] = [];
+  taskParticipantsCc:EventPerson[] = [];
 
+  constructor(
+    private modalCtrl: ModalController, 
+    private contactsService: ContactsService,
+    private navParams: NavParams,
+    private modalController: ModalController) {
+      this.adding = this.navParams.get('adding');
+      this.taskParticipants = this.navParams.get('taskParticipants');
+      this.taskParticipantsCc = this.navParams.get('taskParticipantsCc');
+    }
 
   ngOnInit() {
+    this.fetchContacts("");
+    
+    if(this.taskParticipants == null || this.taskParticipants == undefined){
+      this.taskParticipants = [];
+    }
+
+    if(this.taskParticipantsCc == null || this.taskParticipantsCc == undefined){
+      this.taskParticipantsCc = [];
+    }
+    
   }
+  
+  ngOnChanges(event){}
 
   save(){
-    this.modalCtrl.dismiss(this.eventAttendees);
+
+    this.modalController.dismiss({
+      'taskParticipants': this.taskParticipants,
+      'taskParticipantsCc': this.taskParticipantsCc
+    });
   }
 
   close(){
-    this.modalCtrl.dismiss(null);
+    this.modalController.dismiss(false);
   }
 
-  removeAttendee(attendee: EventPerson)
-  {
-    let index: number = this.eventAttendees.findIndex((att) => {
-      return att.EmailAddress == attendee.EmailAddress
-    });
-
-    this.eventAttendees.splice(index, 1);
+  onChange(evt: any) {
+    this.fetchContacts(evt.detail.value);
   }
+
+  filterSearchList(itm: EventPerson): boolean {
+
+    if(this.adding == "intervenient"){
+      const result = this.taskParticipants.find((contact, index)=>{
+        
+        if(contact.Name == itm.Name && contact.EmailAddress == itm.EmailAddress){
+          index = index;
+          return contact;
+        }
+      });
+      return undefined == result;
+
+    } else if (this.adding == "CC") {
+
+      const result = this.taskParticipantsCc.find((contact, index)=>{
+        
+      if(contact.Name == itm.Name && contact.EmailAddress == itm.EmailAddress){
+          index = index;
+          return contact;
+        }
+      });
+
+      return undefined == result;
+    }
+    
+  }
+
+  remove(itm: EventPerson){
+
+    if(this.adding == "intervenient"){
+
+      this.taskParticipants = this.taskParticipants.filter((contact, index) =>{
+
+        if(contact.Name != itm.Name && contact.EmailAddress != itm.EmailAddress){
+          return contact;
+        }
+        return false;
   
-  async addAttendees()
-  {
-    const modal = await this.modalCtrl.create({
-      component: AttendeeModalPage,
-      componentProps: {
-        eventPersons: this.eventAttendees
-      },
-      cssClass: 'attendee-modal',
-      backdropDismiss: false
-    });
+      });
 
-    await modal.present();
+    } else if (this.adding == "CC") {
 
-    modal.onDidDismiss().then((data) => {
-      let newattendees: EventPerson[] = data['data'];
+      this.taskParticipantsCc = this.taskParticipantsCc.filter((contact, index) =>{
+
+        if(contact.Name != itm.Name && contact.EmailAddress != itm.EmailAddress){
+          return contact;
+        }
+        return false;
+  
+      });
+    }
+
+  }
+
+  async selectContact(itm: EventPerson){
+    if(this.adding == "intervenient"){
+
+      this.taskParticipants.push(itm);
       
-      if (newattendees != null)
+    } else if (this.adding == "CC") {
+      
+      this.taskParticipantsCc.push(itm);
+    }
+  }
+
+  async fetchContacts(filter: string) {
+    this.showLoader = true;
+
+    this.contactsService.getContacts(filter).subscribe(result =>
       {
-        newattendees.forEach(newattendee => {
-          let att = {
-            "EmailAddress": newattendee.EmailAddress,
-            "Name": newattendee.Name,
-            "IsRequired": (this.segment == "true")
-          };
-          if (this.eventAttendees == null)
-          {
-            this.eventAttendees = new Array();
-          }
-          this.eventAttendees.push(att);
-        });
+        if (this.eventPersons != null)
+        {
+          this.eventPersons.forEach(attendee => {
+            const index: number = result.findIndex((cont) => {
+              return cont.EmailAddress == attendee.EmailAddress
+            });
+  
+            result.splice(index, 1);
+          });
+        }
+
+        this.contacts = result;
+        this.showLoader = false;
       }
-    });
+    );
   }
 
 }