doneit-web/src/app/pages/gabinete-digital/expediente/expediente-detail/expediente-detail.page.ts

import { Component, OnInit } from '@angular/core';
import { ProcessesService } from 'src/app/services/processes.service';
import { AttachmentsService } from 'src/app/services/attachments.service';
import { EventsService } from 'src/app/services/events.service';
import { InAppBrowser } from '@ionic-native/in-app-browser/ngx';
import { DailyWorkTask } from '../../../../models/dailyworktask.model';
import { ActivatedRoute, Router } from '@angular/router';
import { formatDate } from '@angular/common';
import { Event } from '../../../../models/event.model';
import { MenuController, ModalController } from '@ionic/angular';
import { AlertService } from 'src/app/services/alert.service';
import { ExpedientTaskModalPage } from '../expedient-task-modal/expedient-task-modal.page';
import { BookMeetingModalPage } from '../book-meeting-modal/book-meeting-modal.page';

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

  constructor(private activateRoute: ActivatedRoute,
    private processes:ProcessesService,
    private iab: InAppBrowser,
    private attachments: AttachmentsService,
    private events: EventsService,
    private menu: MenuController,
    private router:Router,
    private modalController: ModalController,
    private alertService: AlertService) { }

  task: any;
  fulltask:any;
  eventsList: Event[];  
  serialnumber:string;

  ngOnInit() {
    this.activateRoute.paramMap.subscribe(paramMap => {
      if (!paramMap.has('SerialNumber')){
        return;
      }
      this.serialnumber = paramMap.get('SerialNumber');
      this.LoadTaskDetail(this.serialnumber);
      this.LoadRelatedEvents(this.serialnumber);
    });
  }


  async LoadTaskDetail(serial:string)
  {
    this.processes.GetTask(serial).subscribe(res => {
      this.task = {
        "SerialNumber": res.serialNumber,
        "Folio": res.workflowInstanceFolio,
        "Senders": res.originator.email,
        "CreateDate": formatDate(new Date(res.taskStartDate), 'yyyy-MM-dd HH:mm', 'pt'),
        "DocumentURL": res.formURL,
        "Remetente": res.workflowInstanceDataFields.Remetente
      }
      this.fulltask = res;
      console.log(res);
      
    });
  }

  async LoadRelatedEvents(serial:string)
  {
    if (this.eventsList == null)
    {
      this.attachments.getAttachmentsBySerial(serial).subscribe(res => {
        console.log(res);
        res.forEach(att =>{
          if (this.eventsList == null){
            this.eventsList = new Array();
          }
          this.events.getEvent(att.ParentId).subscribe(event => {
            this.eventsList.push(event);
            console.log(this.eventsList);
          });
        });
      });
    }
  }

  viewDocument()
  {
    const url: string = this.task.DocumentURL.replace("webTRIX.Viewer","webTRIX.Viewer.Branch1");
    const browser = this.iab.create(url,"_blank");
    browser.show();
  }

  openMenu() {
     this.menu.open();
  }

  async openExpedientActionsModal(taskAction:any, task:any){
    const modal = await this.modalController.create({
      component: ExpedientTaskModalPage,
      componentProps:{
        taskAction: taskAction,
        task: task,
      },
      cssClass: 'expedient-task-modal',
      backdropDismiss: false
    });
    await modal.present();
    modal.onDidDismiss();
  }

  discartExpedient(){
    let body = { "serialNumber": this.serialnumber, "action": "Task Completed" }
    console.log(body);
    this.processes.PostTaskAction(body);
    this.router.navigate(['/home/gabinete-digital/expediente']);
  }

  async openBookMeetingModal(task:any){
    const modal = await this.modalController.create({
      component: BookMeetingModalPage,
      componentProps:{
        task: task,
      },
      cssClass: 'book-meeting-modal',
      backdropDismiss: false
    });
    await modal.present();
    modal.onDidDismiss();
  }
}