doneit-web/src/app/pages/gabinete-digital/expedientes-pr/expedientes-pr.page.ts

import { Component, EventEmitter, Input, OnInit, Output, ViewChild } from '@angular/core';
import { NavigationEnd, NavigationExtras, Router } from '@angular/router';
import { CalendarComponent } from 'ionic2-calendar';

import { DailyWorkTask } from '../../../models/dailyworktask.model';
import { ProcessesService } from 'src/app/services/processes.service';
import { formatDate } from '@angular/common';
import { LoadingService } from 'src/app/services/loading.service';
import { ModalController, NavParams } from '@ionic/angular';
import { ExpedienteDetailPage } from 'src/app/pages/gabinete-digital/expediente/expediente-detail/expediente-detail.page';
import { AlertService } from 'src/app/services/alert.service';
import { User } from 'src/app/models/user.model';
import { AuthService } from 'src/app/services/auth.service';

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

  @ViewChild(CalendarComponent) myCal: CalendarComponent;

  taskslist:DailyWorkTask[];
  serialNumber:string;
  showLoader:boolean;

  loggeduser: User;
  @Output() openExpedientDetail:EventEmitter<any> = new EventEmitter<any>();

  skeletonLoader = true

  constructor(
    private processes:ProcessesService,
    private modalController: ModalController,
    private alertService: AlertService,
    private authService: AuthService,
    private router: Router,
    ) {
      this.loggeduser = authService.ValidatedUser;
      this.LoadList();
    }

  ngOnInit() {

    const pathname = window.location.pathname;
    this.router.events.forEach((event) => {
      if(event instanceof NavigationEnd && event.url == pathname) {
        this.refreshing();
      }
    });
  }

  LoadList(){
    this.skeletonLoader = true

    switch (this.loggeduser.Profile) {
      case 'MDGPR':
        this.processes.GetTasksList("Expediente do Presidente", false).subscribe(result => {
          console.log(result);
          this.taskslist = new Array();
          let res = result.reverse().filter(data => data.workflowInstanceDataFields.Status == "Active");
          res.forEach(element => {
            let date = new Date(element.taskStartDate);
            date.setMonth(date.getMonth() + 1);
            let taskDate = date.getFullYear()+"-"+ date.getMonth()+"-"+date.getDate()+" "+date.getHours()+":"+date.getMinutes()+ ":"+date.getSeconds();
            let task: DailyWorkTask = {
              "SerialNumber": element.serialNumber,
              "Folio": element.workflowInstanceDataFields.Subject,
              "Senders": element.workflowInstanceDataFields.Sender,
              "CreateDate": taskDate,
              "DocumentURL": element.workflowInstanceDataFields.ViewerRequest,
              "Remetente": element.workflowInstanceDataFields.Remetente,
              "DocumentsQty": 0,
              "WorkflowName": element.workflowDisplayName,
              "activityInstanceName": element.activityInstanceName,
              "Status": element.workflowInstanceDataFields.Status,
              }
              this.taskslist.push(task);
            });
          console.log(this.taskslist);
          this.skeletonLoader = false
        });

        break;
        case 'PR':
          this.processes.GetTasksList("Expediente do Presidente", false).subscribe(result => {
            console.log(result);
            this.taskslist = new Array();
            let res = result.reverse().filter(data => data.workflowInstanceDataFields.Status == "Active");
            res.forEach(element => {
              let date = new Date(element.taskStartDate);
              date.setMonth(date.getMonth() + 1);
              let taskDate = date.getFullYear()+"-"+ date.getMonth()+"-"+date.getDate()+" "+date.getHours()+":"+date.getMinutes()+ ":"+date.getSeconds();
              let task: DailyWorkTask = {
                "SerialNumber": element.serialNumber,
                "Folio": element.workflowInstanceDataFields.Subject,
                "Senders": element.originator.email,
                "CreateDate": taskDate,
                "DocumentURL": element.workflowInstanceDataFields.ViewerRequest,
                "Remetente": element.workflowInstanceDataFields.Remetente,
                "DocumentsQty": element.totalDocuments,
                "WorkflowName": element.workflowDisplayName,
                "activityInstanceName": element.activityInstanceName,
                "Status": element.workflowInstanceDataFields.Status,
                }
                this.taskslist.push(task);
              });
            console.log(this.taskslist);
            this.showLoader = false;
          });
        break;
    }
  }

  refreshing() {
    setTimeout(() => {
      this.LoadList();
    }, 1500);
  }

  doRefresh(event) {
    this.LoadList();
    setTimeout(() => {
      event.target.complete();
    }, 2000);
  }

  goToExpediente(serialNumber:any){
    this.router.navigate(['/home/gabinete-digital/expedientes-pr',serialNumber,'gabinete-digital']);
  }

  async viewExpedientDetail(serialNumber:any) {
    const modal = await this.modalController.create({
      component: ExpedienteDetailPage,
      componentProps:{
        enterAnimation: "",
        serialNumber: serialNumber,
        profile: this.loggeduser.Profile,
      },
      cssClass: 'modal modal-desktop',
    });
    await modal.present();
    modal.onDidDismiss().then((res)=>{
      console.log('refresh list');
      this.LoadList();
    });
  }

  goBack() {
    let navigationExtras: NavigationExtras = {
      queryParams: {
        "expedientes-pr": true,
      }
    };
    this.router.navigate(['/home/gabinete-digital'], navigationExtras);

    // window.history.back();

  }

}