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

import { Component, OnInit, NgZone } from '@angular/core';
import { EventsService } from '../services/events.service';
import { formatDate } from '@angular/common';
import { Event } from '../models/event.model';
import { ProcessesService } from '../services/processes.service';
import { StorageService } from 'src/app/services/storage.service';
import { ModalController } from '@ionic/angular';
import { PublicationDetailPage } from '../../app/pages/publications/view-publications/publication-detail/publication-detail.page';
import { ViewPublicationsPage } from '../../app/pages/publications/view-publications/view-publications.page';
import { ExpedienteDetailPage } from '../../app/pages/gabinete-digital/expediente/expediente-detail/expediente-detail.page'
import { ViewEventPage } from '../../app/pages/agenda/view-event/view-event.page'
import { ApproveEventModalPage } from '../../app/pages/gabinete-digital/event-list/approve-event-modal/approve-event-modal.page';

import { Plugins, PushNotification, PushNotificationToken, PushNotificationActionPerformed, Modals } from '@capacitor/core';
import { Router } from '@angular/router';
import { MethodCall } from '@angular/compiler';

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;

  constructor(private ngZone: NgZone,private eventService: EventsService, private processesbackend: ProcessesService, private router: Router, private modalController: ModalController,) { }

  ngOnInit() {
    //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;
    });
    /*
        (PushNotifications as any).requestPermission().then(result => {
          PushNotifications.register();
        });
    
        PushNotifications.addListener(
          'registration',
          (token: PushNotificationToken) => {
            alert('Push registration success, token: ' + token.value);
            console.log('FIREBASE: ', token.value)
            this.storageService.store(this.username,token.value);
          },
        );
    
        console.log(this.storageService.get(this.username)) */

    PushNotifications.addListener('registrationError', (error: any) => {
      alert('Error on registration: ' + JSON.stringify(error));
    });

    PushNotifications.addListener('pushNotificationReceived', notification => {    

      //const isPushNotification = !!notification.title || !!notification.body;
  
      // if this is a push notification received when the app is in the foreground on Android
      //if (isAndroid && isPushNotification) {
  
          // We schedule a LocalNotification 1 second later since Capacitor for Android doesn't show anything in this case
          console.log('Recived: ', notification)
      //}
  });
  

    PushNotifications.addListener(
      'pushNotificationActionPerformed',
      (notification: PushNotificationActionPerformed) => {
        let service = notification.notification.data.Service;
        let object = notification.notification.data.Object;
        let idObject = notification.notification.data.IdObject;

        console.log('Complete Object: ', notification.notification )

        console.log('Service: ', service);
        console.log('Object: ', object);
        console.log('idObject: ', idObject);

        /* if (service === "events") {
          this.router.navigate(['/home/', service, idObject, 'home']);
        } else if (service === "agenda") {
          this.router.navigate(['/home/', service, idObject, 'home']);
        } else  if (service === "gabinete-digital" && object != "expediente") {*/
         // this.router.navigate(['/home/', service]);
       // }

        //if (service != null) {

        /*const routeValue = {
          "agenda": this.router.navigate(['/home/', service, idObject, 'home']),
          "gabinete-digital": this.router.navigate(['/home/', service]),
          "accoes": this.viewExpedientDetail(idObject),

        }

        const route = routeValue[service] && object  ;

        service = "agenda" ? this.router.navigate(['/home/', service, idObject, 'home']) : */

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



        /*switch (service) {
          case "events":
            this.router.navigate(['/home/', service, idObject, 'home']);
            break;
          case "agenda":
            this.router.navigate(['/home/', service, idObject, 'home']);
            break;
          case "gabinete-digital":
            this.router.navigate(['/home/', service]);
            break;
          case "gabinete-digital-expediente":
            this.router.navigate(['/home/gabinete-digital/', object, idObject, 'home']);
            break;
          case "": {

            if(publicationId && processId != null) {
              this.viewPublicationDetail(publicationId,processId)
            }
            if (folder.ProcessId != null) {
              this.viewPublications(folder)
            }
          }

          default:
            this.router.navigate(['/home/']);
        }*/



      },
    );
  }

  async localNotificationPresent(notification) {

    LocalNotificationAction.

    LocalNotifications.schedule({
      notifications: [
        {
          title: notification.title,
          body: notification.body,
          id: 1,
          schedule: { at: new Date(Date.now() + 1000) },
          sound: null,
          attachments: null,
          actionTypeId: "",
          extra: null,
          foreground: true,
        }
      ]
    });
  }

   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 viewEventDetail(eventId:any) {
    console.log(this.profile);
    
    const modal = await this.modalController.create({
      component: ViewEventPage,
      componentProps:{
        eventId: eventId,
      },
      cssClass: 'modal',
      backdropDismiss: false
    });
    await modal.present();
    modal.onDidDismiss();
  }

  async viewExpedientDetail(serialNumber:any) {
    console.log(this.profile);
    
    const modal = await this.modalController.create({
      component: ExpedienteDetailPage,
      componentProps:{
        serialNumber: serialNumber,
        profile: this.profile,
      },
      cssClass: 'modal',
      backdropDismiss: false
    });
    await modal.present();
    modal.onDidDismiss();
  }



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

  async viewPublications(folderId) {


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

}