doneit-web/src/app/pages/agenda/edit-event/edit-event.page.ts

import { Component, OnInit } from '@angular/core';
import { AlertController, ModalController, NavParams } from '@ionic/angular';
import { EventBody } from 'src/app/models/eventbody.model';
import { EventPerson } from 'src/app/models/eventperson.model';
import { AlertService } from 'src/app/services/alert.service';
import { EventsService } from 'src/app/services/events.service';
import { Event } from '../../../models/event.model';
import { AttendeesPage } from '../../events/attendees/attendees.page';

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

  postEvent: Event;
  isRecurring:string;
  isEventEdited: boolean;
  loadedEvent: Event;
  eventBody: EventBody;
  segment:string = "true";
  profile:string;
  eventAttendees: EventPerson[];
  selectedSegment: string;
  selectedDate: Date;
  minDate: string;


  taskParticipants: any = [];
  taskParticipantsCc: any = [];
  adding: "intervenient" | "CC" = "intervenient";

  constructor(
    private modalController: ModalController,
    private navParams: NavParams,
    private eventsService: EventsService,
    private alertService: AlertService,
    public alertController: AlertController,
  ) {
    this.isEventEdited = false;
    this.postEvent = this.navParams.get('event');
    if(this.postEvent){
      this.postEvent.Body.Text = this.postEvent.Body.Text.replace(/<[^>]+>/g, '');
    }

    this.taskParticipants = [];
    this.taskParticipantsCc = [];

    if(this.postEvent.Attendees == null){
      this.taskParticipants = []
    } else {
      this.taskParticipants = this.postEvent.Attendees;
    }

    this.taskParticipantsCc = [];
   
    if(this.postEvent.IsRecurring == false){
      this.isRecurring = "Não se repete";
    }
    else{
      this.isRecurring = "Repete";
    }
    this.profile = this.navParams.get('profile');
  }

  ngOnInit() {
    
    window.onresize = (event) => {
      // if not mobile remove all component
      if( window.innerWidth >= 800){
        this.modalController.dismiss();
      }
    };
    
  }
  
  close(){
    this.modalController.dismiss();
  }

  save(){
    
    this.eventsService.editEvent(this.postEvent, 2, 3).subscribe(async () => {
      const alert = await this.alertController.create({
        cssClass: 'my-custom-class',
        header: 'Evento actualizado',
        buttons: ['OK']
      });
      await alert.present();
    });
    this.isEventEdited = true;
    this.modalController.dismiss(this.isEventEdited);
  }

  async openAttendees() {

    if(window.innerWidth <= 1024) {
      const modal = await this.modalController.create({
        component: AttendeesPage,
         componentProps: {
          adding: this.adding,
          taskParticipants: this.taskParticipants,
          taskParticipantsCc: this.taskParticipantsCc
        },
        cssClass: 'attendee',
        backdropDismiss: false
      });
  
      await modal.present();
  
      modal.onDidDismiss().then((data) => {
        
        if(data){
          data = data['data'];

          const newAttendees: EventPerson[] = data['taskParticipants'];
          const newAttendeesCC: EventPerson[] = data['taskParticipantsCc'];

          this.setIntervenient(newAttendees);
          this.setIntervenientCC(newAttendeesCC);
        }
      });
    }

  }

  setIntervenient(data){
    this.taskParticipants = data;
    this.postEvent.Attendees = data;
  }
  
  setIntervenientCC(data){
    this.taskParticipantsCc = data;
  }

  addParticipants(){
    this.adding = 'intervenient'

    this.openAttendees();
  }

  addParticipantsCC(){
    this.adding = 'CC'
    this.openAttendees();
  }

}