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';
import { removeDuplicate } from 'src/plugin/removeDuplicate.js'
@Component({
  selector: 'app-attendee-modal',
  templateUrl: './attendee-modal.page.html',
  styleUrls: ['./attendee-modal.page.scss'],
})
export class AttendeeModalPage implements OnInit {

  // Defined by the API
  contacts: EventPerson[];
  showLoader: boolean = false;
  eventPersons: EventPerson[];


  @Output() closeComponent = new EventEmitter<any>();

  @Output() setIntervenient = new EventEmitter<any>();
  @Output() setIntervenientCC = new EventEmitter<any>();
  @Output() dynamicSetIntervenient = new EventEmitter<any>();


  @Input() taskParticipants:EventPerson[] = [];
  @Input() taskParticipantsCc:EventPerson[] = [];

  @Input() footer: boolean;

  LtaskParticipants: EventPerson[] = [];
  LtaskParticipantsCc: EventPerson[] = [];

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

      this.LtaskParticipants  = this.taskParticipants;
      this.LtaskParticipantsCc = this.taskParticipantsCc;

    }

  ngOnChanges(){
    this.LtaskParticipants  = this.taskParticipants;
    this.LtaskParticipantsCc = this.taskParticipantsCc;
  }

  
  currentPath = window.location.pathname;
  @Input() adding: "intervenient" | "CC";

  ngOnInit() {

    this.fetchContacts("");
    
    if(this.LtaskParticipants == null || this.LtaskParticipants == undefined) {
      this.LtaskParticipants = [];
    }

    if(this.LtaskParticipantsCc == null || this.LtaskParticipantsCc == undefined) {
      this.LtaskParticipantsCc = [];
    }

  }
  

  save(){

    this.setIntervenient.emit(this.LtaskParticipants);
    this.setIntervenientCC.emit(this.LtaskParticipantsCc);

    this.closeComponent.emit();
  }

  setContactWithClose() {

    if(this.currentPath == '/home/gabinete-digital') {
      console.log('set!!!!! ')
      this.setIntervenient.emit(this.LtaskParticipants);
      this.setIntervenientCC.emit(this.LtaskParticipantsCc);
    } 

    /* console.log('data', this.LtaskParticipants, this.LtaskParticipantsCc ); */
    this.dynamicSetIntervenient.emit({
      taskParticipants: this.LtaskParticipants,
      taskParticipantsCc: this.LtaskParticipantsCc
    })

  }

  async selectContact(itm: EventPerson){

    if(this.adding == "intervenient") {

      itm.IsRequired = true;
      this.LtaskParticipants.push(itm);
      
    } else if (this.adding == "CC") {
      
      itm.IsRequired = false;
      this.LtaskParticipantsCc.push(itm);
    } else {
      // alert('bug')
    }
    
    // run only in gabinete digital

    this.setContactWithClose();
  }

  close(){
    this.closeComponent.emit();
  }

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

  filterSearchList(itm: EventPerson): boolean {

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

    // if to show
    if(undefined != result1){
      return false;
    }
    

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

    // if to show
    if(undefined != result2){
      return false;
    }
    
    // don't show
    return true;
    
  }

  remove(itm: EventPerson){

    if(this.adding == "intervenient"){

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

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

    } else if (this.adding == "CC") {

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

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

    }
    this.setContactWithClose();
  
  }



  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;
      }
    );
  }

}