doneit-web/src/app/shared/gabinete-digital/events-to-approve/events-to-approve.page.ts

import { Component, Input, 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, NavParams } from '@ionic/angular';
import { NavigationEnd, Router } from '@angular/router';
import { ApproveEventComponent } from '../../agenda/approve-event/approve-event.component';

@Component({
  selector: 'app-events-to-approve',
  templateUrl: './events-to-approve.page.html',
  styleUrls: ['./events-to-approve.page.scss'],
})
export class EventsToApprovePage implements OnInit {

  //segment:string;
  showLoader: boolean;
  eventsPRList: any;
  eventsMDGPRList: any;
  eventPerson: EventPerson;
  eventBody: EventBody;
  categories: string[];
  serialnumber:string;

  @Input() profile:string;

  constructor(
    private processes:ProcessesService,
    private modalController: ModalController,
    private router: Router,
    //private navParams: NavParams,
    ) { }
S
  ngOnInit() {
    //this.segment = this.navParams.get('segment');
    /* console.log(this.navParams.get('md')); */
    console.log(this.profile);
    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 <= 1024){
        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){
    let classs;
    if( window.innerWidth <= 800){
      classs = 'modal modal-desktop'
    } else  {
      classs = 'modal modal-desktop showAsideOptions'
    }
    const modal = await this.modalController.create({
      component: ApproveEventComponent,
      componentProps:{
        serialNumber: eventSerialNumber,
        showAside: true,
      },
      cssClass: classs,
    });
    await modal.present();
    modal.onDidDismiss().then((res) => {
      console.log(res['data']);
      
      this.LoadToApproveEvents();
    });
  }

  doRefresh(event) {
    this.LoadToApproveEvents();
    console.log('refresh');
    setTimeout(() => {
       event.target.complete();
     }, 2000);
  }
  close(){
    this.modalController.dismiss(null);
  }


}