doneit-web/src/app/home/home.page.ts

//<reference path="../../../plugins/cordova-plugin-mfp/typings/worklight.d.ts" />
import { Component, OnInit, NgZone } from '@angular/core';
import { EventsService } from '../services/events.service';
import { Event } from '../models/event.model';
import { ProcessesService } from '../services/processes.service';
import { ModalController, AlertController, AnimationController } from '@ionic/angular';
//import { AlertController } from 'ionic-angular';
/* import { Plugins, PushNotification, PushNotificationToken, PushNotificationActionPerformed, Modals } from '@capacitor/core'; */
import { Router } from '@angular/router';

//import { FCM } from 'cordova-plugin-fcm-with-dependecy-updated/ionic/ngx';
import { ViewEventPage } from '../pages/agenda/view-event/view-event.page';
import { ApproveEventModalPage } from '../pages/agenda/approve-event-modal/approve-event-modal.page';
import { ExpedienteDetailPage } from '../pages/gabinete-digital/expediente/expediente-detail/expediente-detail.page';
import { ViewPublicationsPage } from '../pages/publications/view-publications/view-publications.page';
import { PublicationDetailPage } from '../pages/publications/view-publications/publication-detail/publication-detail.page';

/* const { PushNotifications, LocalNotifications, LocalNotificationAction } = Plugins; */

@Component({
  selector: 'app-home',
  templateUrl: './home.page.html',
  styleUrls: ['./home.page.scss'],
})
export class HomePage implements OnInit {
  eventsList: Event[];
  prEventList: Event[];
  mdEventList: Event[];

  totalEvent = 0;
  totalExpediente = 0;
  profile: string;

  adding: "intervenient" | "CC" = "intervenient";
  mobileComponent = {
    showAddNewEvent: false,
    showEditEvent: false,
    showEventDetails: false,
    showEventList: false,
    transparentEventList: false,
    transparentEventToApprove: false,
    showEventToApprove: false,
    showAttendees: false,
    showAttendeeModal: false
  }
  eventToaprove: any = {
    back: false,
    serialNumber: "",
    saveData: {}
  }
  selectedEvent: Event;
  postEvent: any;
  folderId: string;

  constructor(private zone: NgZone, 
    private eventService: EventsService, 
    private processesbackend: ProcessesService, 
    private router: Router, 
    private modalController: ModalController, 
    public modalCtrl: AlertController, 
    //private fcm: FCM, 
    private animationController: AnimationController,) {

    router.events.subscribe((val) => {
      document.querySelectorAll('ion-modal').forEach((e) => e.remove())
    });

    {
      //this.folderId = this.navParams.get('folderId');
    }

  }

  ngOnInit() {

    //Add a test
    //this.pushCordova();
        //Initialize profile as mdgpr
    
        let date = new Date();
        date.setMonth(date.getMonth() + 1);
        let start = date.getFullYear()+"-"+ date.getMonth()+"-"+date.getDate()+" "+date.getHours()+":"+date.getMinutes()+ ":"+date.getSeconds();
        let end = date.getFullYear()+"-"+ date.getMonth()+"-"+date.getDate()+" 23:59:59";
    
        this.profile = "mdgpr";
        if (this.profile == "mdgpr") {
          this.eventService.getAllMdEvents(start, end).subscribe(res => {
            this.eventsList = res;
            this.totalEvent = this.eventsList.length;
          });
        }
        else {
          this.eventService.getAllPrEvents(start, end).subscribe(res => {
            this.eventsList = res;
            this.totalEvent = this.eventsList.length;
          });
    
        }
        this.processesbackend.GetTasksList("Expediente", true).subscribe(result => {
          this.totalExpediente = result;
        });
        
       
  }

  pushCordova() {
/* 
    this.fcm.onNotification().subscribe(data => {
      this.viewEventDetail(data.idObject)
      if (data.click_action) {
        console.log("Received in background: ", data);

        if (data.service === "agenda") {
          //this.router.navigate(['/home/', service, idObject, 'home']);
          this.viewEventDetail(data.idObject)
        }
        else if (data.service === "gabinete-digital" && data.object === "expediente") {
          this.viewExpedientDetail(data.idObject)
        }
        else if (data.service === "gabinete-digital" && data.object === "event-list") {
          // this.ngZone.run(() => {this.router.navigate(['/home/gabinete-digital/event-list', idObject])}) 
          this.openApproveModal(data.idObject);
        }
        else if (data.service === "accoes" && data.object === "accao") {
          //this.viewPublications(data.idObject)
          alert(data.idObject)
        }
        else if (data.service === "accoes" && data.object === "publicacao") {
          this.viewPublicationDetail(data.idObject)
        }

      } else {
        console.log("Received in foreground: ", data);
        if (data.service === "agenda") {
          //this.router.navigate(['/home/', service, idObject, 'home']);
          this.viewEventDetail(data.idObject)
        }
        else if (data.service === "gabinete-digital" && data.object === "expediente") {
          this.viewExpedientDetail(data.idObject)
        }
        else if (data.service === "gabinete-digital" && data.object === "event-list") {
          // this.ngZone.run(() => {this.router.navigate(['/home/gabinete-digital/event-list', idObject])}) 
          this.openApproveModal(data.idObject);
        }
        else if (data.service === "accoes" && data.object === "accao") {
          this.viewPublications(data.idObject)
        }
        else if (data.service === "accoes" && data.object === "publicacao") {
          this.viewPublicationDetail(data.idObject)
        }
      };
    });

    this.fcm.onTokenRefresh().subscribe(token => {
      // Register your new token in your back-end if you want
      // backend.registerToken(token);
    });

    this.ubscribeToTopic()
    this.getToken() */

  }

  /* ubscribeToTopic() {
    this.fcm.subscribeToTopic('enappd');
  }
  getToken() {
    this.fcm.getToken().then(token => {
      console.log('token: ', token)
      // Register your new token in your back-end if you want
      // backend.registerToken(token);
    });
  } */

  async viewEventDetail(eventId: any) {
    console.log(this.profile);

    const modal = await this.modalController.create({
      component: ViewEventPage,
      componentProps: {
        eventId: eventId,
        adding: this.adding
      },
      cssClass: 'modal  modal-desktop',
      backdropDismiss: false
    });
    await modal.present();
    modal.onDidDismiss().then((res) => {
      if (res) {
        //this.viewEventDetailDismiss(res);
      }
    });
  }

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

    await modal.present();
    modal.onDidDismiss();
  }

  async viewExpedientDetail(serialNumber: any) {
    let classs;
    if (window.innerWidth <= 800) {
      classs = 'modal'
    } else {
      classs = 'modal modal-desktop showAsideOptions'
    }
    /* console.log(this.profile);
    console.log(serialNumber); */

    const modal = await this.modalController.create({
      component: ExpedienteDetailPage,
      componentProps: {
        serialNumber: serialNumber,
        profile: this.profile,
      },
      cssClass: classs,
    });
    await modal.present();
    modal.onDidDismiss().then((res) => {
      if (res) {
        console.log(res);
      }
    });
  }

  async viewPublicationDetail(publicationId: string) {
    const modal = await this.modalController.create({
      component: PublicationDetailPage,
      componentProps: {
        publicationId: publicationId,
        folderId: this.folderId,
      },
      cssClass: 'publication-detail',
      backdropDismiss: false
    });
    await modal.present();
    modal.onDidDismiss().then(() => {
      //this.getPublications();
    });
  }


  async viewPublications(folderId) {

    const enterAnimation = (baseEl: any) => {
      const backdropAnimation = this.animationController.create()
        .addElement(baseEl.querySelector('ion-backdrop')!)
        .fromTo('opacity', '0.01', 'var(--backdrop-opacity)');

      const wrapperAnimation = this.animationController.create()
        .addElement(baseEl.querySelector('.modal-wrapper')!)
        .keyframes([
          { offset: 0, opacity: '0', transform: 'scale(0)' },
          { offset: 1, opacity: '0.99', transform: 'scale(1)' }
        ]);

      return this.animationController.create()
        .addElement(baseEl)
        .easing('ease-out')
        .duration(500)
        .addAnimation([backdropAnimation, wrapperAnimation]);
    }

    const leaveAnimation = (baseEl: any) => {
      return enterAnimation(baseEl).direction('reverse');
    }

    const modal = await this.modalController.create({
      component: ViewPublicationsPage,
      enterAnimation,
      leaveAnimation,
      componentProps: {
        folderId: folderId,
      },
      cssClass: 'new-action',
      backdropDismiss: false
    });
    await modal.present();
    modal.onDidDismiss();
  }

 

 



}