doneit-web/src/app/pages/gabinete-digital/expediente/expediente.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 } 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';

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

  segment:string;
  showLoader: boolean;
  //profile:string;

  @ViewChild(CalendarComponent) myCal: CalendarComponent;

  taskslist:DailyWorkTask[];
  serialNumber:string;

  @Input() profile:string;
  @Output() openExpedientDetail:EventEmitter<any> = new EventEmitter<any>();

  constructor(
    private processes:ProcessesService,
    private modalController: ModalController,
    private alertService: AlertService,
    private router: Router, 
    ) { 
      this.profile = 'mdgpr';
    }

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

  notImplemented(){
    this.alertService.presentAlert('Funcionalidade em desenvolvimento');
  }

  openExpedientDetailPage(data){
    console.log(data);
    this.openExpedientDetail.emit(data);
  }

  LoadList(){
    this.showLoader = true;
    this.processes.GetTasksList("Expediente", 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": 0,
          "WorkflowName": element.workflowDisplayName,
          "activityInstanceName": element.activityInstanceName,
        }
        this.taskslist.push(task);
      });
      console.log(this.taskslist);
      this.showLoader = false;
    });
  }

  doRefresh(event) {
    this.LoadList();

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

  goBack(){
    this.router.navigate(['/home/gabinete-digital']);
  }

  goToExpediente(serialNumber:any){
    let navigationExtras: NavigationExtras = {
      queryParams: {
          "serialNumber": serialNumber,
      }
    };
    this.router.navigate(['/home/gabinete-digital/expediente/expediente-detail'], navigationExtras);
  }

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

}