doneit-web/src/app/pages/gabinete-digital/event-list/event-list.page.ts

import { Component, OnInit } from '@angular/core';
import { EventBody } from 'src/app/models/eventbody.model';
import { EventPerson } from 'src/app/models/eventperson.model';
import { Event } from 'src/app/models/event.model';
import { ProcessesService } from 'src/app/services/processes.service';
import { ModalController } from '@ionic/angular';
import { ApproveEventModalPage } from './approve-event-modal/approve-event-modal.page';
import { ActivatedRoute, NavigationEnd, NavigationExtras, Router } from '@angular/router';

@Component({
  selector: 'app-event-list',
  templateUrl: './event-list.page.html',
  styleUrls: ['./event-list.page.scss'],
})
export class EventListPage implements OnInit {
  profile:string;
  segment:string;
  showLoader: boolean;
  eventsPRList: any;
  eventsMDGPRList: any;
  eventPerson: EventPerson;
  eventBody: EventBody;
  categories: string[];
  serialnumber:string;


  constructor(
    private processes:ProcessesService,
    private modalController: ModalController,
    private router: Router,
    private activatedRoute: ActivatedRoute,
  ) { }

  ngOnInit() {
    this.segment =  'MDGPR';
    
    this.LoadToApproveEvents();

    this.router.events.forEach((event) => {
      if(event instanceof NavigationEnd && event.url == this.router.url) {
        this.LoadToApproveEvents();
      }
    });

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

  }

  LoadToApproveEvents(){
    this.showLoader = true;
    
    this.processes.GetToApprovedEvents('PR','false').subscribe(res=>{
      this.showLoader = false;
      this.eventsPRList = res;
    });
    this.processes.GetToApprovedEvents('MDGPR','false').subscribe(res=>{
      this.showLoader = false;
      this.eventsMDGPRList = res;
    });
  }

  async openApproveModal(eventSerialNumber, event){
    const modal = await this.modalController.create({
      component: ApproveEventModalPage,
      componentProps:{
        serialNumber: eventSerialNumber,
      },
      cssClass: 'event-list cal-modal  modal modal-desktop',
      backdropDismiss: false
    });
    await modal.present();
  }

  goToEventToApproveDetail(serialNumber:string){
    console.log(serialNumber);
    
    /* let navigationExtras: NavigationExtras = {
      queryParams: {
        "serialNumber": serialNumber,
      }
    }; */

    if(this.router.url == '/home/agenda/event-list'){
      this.router.navigate(['/home/agenda/event-list/approve-event',serialNumber, 'agenda'])
    }
    else if(this.router.url == '/home/gabinete-digital/event-list'){
      this.router.navigate(['/home/gabinete-digital/event-list/approve-event',serialNumber, 'gabinete-digital'])
    }

    //this.router.navigate(['/home/gabinete-digital/event-list/approve-event'], navigationExtras)
  }

  doRefresh(event) {
    this.LoadToApproveEvents();
    setTimeout(() => {
      event.target.complete();
     }, 2000);
  }
  close(){
    this.modalController.dismiss(null);
  }
  goBack(){
    if(this.router.url == '/home/agenda/event-list'){
      this.router.navigate(['/home/agenda']);
    }
    else if(this.router.url == '/home/gabinete-digital/event-list'){
      this.router.navigate(['/home/gabinete-digital']);
    }
  }


}