doneit-web/src/app/shared/event/attendee-modal/attendee-modal.page.ts

import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
import { ModalController } from '@ionic/angular';
import { ContactsService } from 'src/app/services/contacts.service';
import { EventPerson } from 'src/app/models/eventperson.model';

@Component({
  selector: 'app-attendee-modal',
  templateUrl: './attendee-modal.page.html',
  styleUrls: ['./attendee-modal.page.scss'],
})
export class AttendeeModalPage implements OnInit {

  contacts: EventPerson[];
  showLoader: boolean = false;
  selectedContact: EventPerson[] =[];
  eventPersons: EventPerson[];

  @Input() eventAttendees: EventPerson[];

  constructor(private modalCtrl: ModalController, private contactsService: ContactsService) { }

  @Output() openAttendeesComponent = new EventEmitter<any>();
  @Output() GoBackEditOrAdd = new EventEmitter<any>();
  @Output() setContact = new EventEmitter<any>();
  
  ngOnInit() {
    this.fetchContacts("");
    this.selectedContact = this.eventAttendees;
  }

  save(){

    // set data to agenda component
    this.setContact.emit(this.selectedContact);
    this.GoBackEditOrAdd.emit();
  }

  close(){
    // this.modalCtrl.dismiss(null);
    this.selectedContact = [];
    this.GoBackEditOrAdd.emit();
  }

  onChange(evt: any) {
    this.fetchContacts(evt.detail.value);
  }


  checkbox(itm: EventPerson): boolean {
    const result = this.selectedContact.find((contact, index)=>{
       
      if(contact.Name == itm.Name && contact.EmailAddress == itm.EmailAddress){
        index = index;
        return contact;
      }
    });

    return undefined == result;
  }

  remove(itm: EventPerson){

    this.selectedContact = this.selectedContact.filter((contact, index) =>{

      if(contact.Name != itm.Name && contact.EmailAddress != itm.EmailAddress){
        return contact;
      }
      return false;

    });
  
  }

  async selectContact(itm: EventPerson){

    const index = 0;
    const findIndex = this.selectedContact.find((contact, index)=>{                                                                             
       
      if(contact.Name == itm.Name && contact.EmailAddress == itm.EmailAddress){
        index = index;
        return contact;
      }
    });

    this.selectedContact.push(itm);
    
  }

  async fetchContacts(filter: string) {
    this.showLoader = true;

    this.contactsService.getContacts(filter).subscribe(result =>
      {
        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;
      }
    );
  }

}