doneit-web/src/app/pages/gabinete-digital/pedidos/pedido/pedido.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, NavigationExtras, Router } from '@angular/router';
import { formatDate } from '@angular/common';
import { Event } from '../../../../models/event.model';
import { AnimationController, MenuController, ModalController, PopoverController } from '@ionic/angular';
import { AlertService } from 'src/app/services/alert.service';
import { ViewEventPage } from 'src/app/pages/agenda/view-event/view-event.page';
import { momentG }  from 'src/plugin/momentG'
import { DiscartExpedientModalPage } from '../../discart-expedient-modal/discart-expedient-modal.page';
import { ExpedientTaskModalPage } from '../../expediente/expedient-task-modal/expedient-task-modal.page';
import { BookMeetingModalPage } from '../../expediente/book-meeting-modal/book-meeting-modal.page';
import { CreateProcessPage } from 'src/app/modals/create-process/create-process.page';
import { DelegarPage } from 'src/app/modals/delegar/delegar.page';
import { DarParecerPage } from 'src/app/modals/dar-parecer/dar-parecer.page';
import { AddNotePage } from 'src/app/modals/add-note/add-note.page';
import { OptsExpedientePage } from 'src/app/shared/popover/opts-expediente/opts-expediente.page';
import { RequestOptionsPage } from 'src/app/shared/popover/request-options/request-options.page';
import { AuthService } from 'src/app/services/auth.service';
import { User } from 'src/app/models/user.model';
import { BadRequestPage } from 'src/app/shared/popover/bad-request/bad-request.page';
import { SuccessMessagePage } from 'src/app/shared/popover/success-message/success-message.page';
import { ToastService } from 'src/app/services/toast.service';

@Component({
  selector: 'app-pedido',
  templateUrl: './pedido.page.html',
  styleUrls: ['./pedido.page.scss'],
})
export class PedidoPage implements OnInit {
  months = ["Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho", "Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro"];
  days = ["Domingo", "Segunda-feira", "Terça-feira", "Quarta-feira", "Quinta-feira", "Sexta-feira", "Sábado"];

  customDate:any;

  task: any;
  attachments:any;
  fulltask: any;
  eventsList: Event[];
  serialnumber: string;
  intervenientes: any;
  cc: any = [];
  loggeduser: User;

  constructor(private activatedRoute: ActivatedRoute,
    private processes: ProcessesService,
    private iab: InAppBrowser,
    private attachmentsService: AttachmentsService,
    private events: EventsService,
    private menu: MenuController,
    private router: Router,
    private modalController: ModalController,
    private alertService: AlertService,
    public popoverController: PopoverController,
    authService: AuthService,
    private animationController: AnimationController,
    private toastService: ToastService,) { 
      this.loggeduser = authService.ValidatedUser;
      this.activatedRoute.queryParams.subscribe(params => {
          if(params["serialNumber"]) {
            this.serialnumber = params["serialNumber"];
          }
        });
    }

  ngOnInit() {
    this.LoadTaskDetail(this.serialnumber);
  }

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


  async LoadTaskDetail(serial: string) {
    this.fulltask = await this.processes.GetTask(this.serialnumber).toPromise();
    this.processes.GetTask(this.serialnumber).subscribe(res => {
      console.log(res);
      
      if(res.workflowDisplayName == 'Pedido de Parecer' || res.workflowDisplayName == 'Pedido de Parecer do Presidente'){

        let date = new Date(res.taskStartDate);
        date.setMonth(date.getMonth() + 1);
        let taskDate = date.getFullYear()+"-"+ date.getMonth()+"-"+date.getDate()+" "+date.getHours()+":"+date.getMinutes()+ ":"+date.getSeconds();

        this.task = {
          "SerialNumber": res.serialNumber,
          "Folio": res.workflowInstanceDataFields.Subject,
          "Senders": res.workflowInstanceDataFields.Sender,
          "CreateDate": taskDate,
          "DocumentURL": res.workflowInstanceDataFields.ViewerRequest,
          "Remetente": res.workflowInstanceDataFields.Sender,
          "Note": res.workflowInstanceDataFields.TaskMessage,
          "FolderId": res.workflowInstanceDataFields.FolderID,
          "FsId": '361',
          "DocId": res.workflowInstanceDataFields.ParecerDocId,
          "WorkflowName": res.workflowDisplayName,
          "DeadlineType": res.workflowInstanceDataFields.DeadlineType,
          "ProcessInstanceID": res.workflowInstanceDataFields.InstanceID,
          "activityInstanceName": res.activityInstanceName,
        }
        console.log(this.task);
      }
      else if(res.workflowDisplayName == 'Pedido de Deferimento'){

        let date = new Date(res.taskStartDate);
        date.setMonth(date.getMonth() + 1);
        let taskDate = date.getFullYear()+"-"+ date.getMonth()+"-"+date.getDate()+" "+date.getHours()+":"+date.getMinutes()+ ":"+date.getSeconds();

        this.task = {
          "SerialNumber": res.serialNumber,
          "Folio": res.workflowInstanceDataFields.Subject,
          "Senders": res.workflowInstanceDataFields.Sender,
          "CreateDate": taskDate,
          "DocumentURL": res.workflowInstanceDataFields.ViewerRequest,
          "Remetente": res.workflowInstanceDataFields.Sender,
          "Note": res.workflowInstanceDataFields.TaskMessage,
          "FolderId": res.workflowInstanceDataFields.FolderID,
          "FsId": '361',
          "DocId": res.workflowInstanceDataFields.DocIdDeferimento,
          "WorkflowName": res.workflowDisplayName,
          "DeadlineType": res.workflowInstanceDataFields.DeadlineType,
          "ProcessInstanceID": res.workflowInstanceDataFields.InstanceID,
          "activityInstanceName": res.activityInstanceName,
        }
        console.log(this.task);
      }

      let thedate = new Date(res.taskStartDate);
      this.customDate = this.days[thedate.getDay()]+ ", "  + thedate.getDate() +" de "  + ( this.months[thedate.getMonth()]);

      this.processes.GetTaskParticipants(res.workflowInstanceDataFields.FolderID).subscribe(users=>{
        this.intervenientes = users.filter(user=>{
          return user.Type == 'I';
        });
        this.cc = users.filter(user=>{
          return user.Type == 'CC';
        });
        console.log(users);
      });
      this.getDocumentDetails(res.workflowInstanceDataFields.FolderID, '361');
    });
  }

  getDocumentDetails(forlderId:string, applicationId:string){
    this.processes.GetDocumentDetails(forlderId,applicationId).subscribe(res=>{
      this.attachments = res.Documents;
      // console.log(res['Documents']);
      console.log(this.attachments);
    })
  }

  viewDocument(docId:string){
    this.processes.GetDocumentUrl(docId, '361').subscribe(res=>{
      console.log(res);
      const url: string = res.replace("webTRIX.Viewer","webTRIX.Viewer.Branch1");
      const browser = this.iab.create(url,"_blank");
      browser.show();
    });
  }

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


  async openOptions(taskAction?: any) {
    const popover = await this.popoverController.create({
      component: RequestOptionsPage,
      cssClass: 'exp-options',
      componentProps: {
        task: this.task,
        fulltask: this.fulltask,
        taskAction:taskAction,
        showEnviarPendentes: false
      },
      translucent: true
    });
    return await popover.present();
  }


  async repreciar(note:string, documents:any) {
    let body = { 
      "serialNumber": this.serialnumber, 
      "action": "Reapreciação",
      "ActionTypeId": 100000009,
      "dataFields": {
        "ReviewUserComment": note,
      },
      "AttachmentList" :documents,
    }
    try {    
      await this.processes.CompleteTask(body).toPromise()
     
      this.toastService.successMessage() 
      this.close();
    } catch (error) {
      this.toastService.badRequest()
    }


  }
  
  async arquivar(note:string, documents:any) {
    let body = { 
      "serialNumber": this.serialnumber, 
      "action": "Arquivo",
      "ActionTypeId": 95,
      "dataFields": {
        "ReviewUserComment": note,
      },
      "AttachmentList" :documents,
    }

    try {    
      await this.processes.CompleteTask(body).toPromise()
      this.toastService.successMessage('Processo arquivado')    
      this.close();
    } catch (error) {
      this.toastService.badRequest()
    }



  }

  sendExpedienteToPending(){
    this.processes.SetTaskToPending(this.serialnumber).subscribe(res=>{
      console.log(res);
      this.goBack();
    });
  }

  async openExpedientActionsModal(taskAction: any, task: any) {
    
    let classs;
    if( window.innerWidth <= 800){
      classs = 'modal modal-desktop'
    } else  {
      classs = 'modal modal-desktop showAsideOptions'
    }
    const modal = await this.modalController.create({
      component: CreateProcessPage,
      componentProps: {
        taskAction: taskAction,
        task: this.fulltask,
      },
      cssClass: classs,
    });
    await modal.present();
    modal.onDidDismiss().then(res=>{
      console.log('Modal closed');
      this.goBack();
    });
  }

  async openBookMeetingModal(task: any) {
    let classs;
    if( window.innerWidth <= 800){
      classs = 'book-meeting-modal modal modal-desktop'
    } else  {
      classs = 'modal modal-desktop showAsideOptions'
    }
    const modal = await this.modalController.create({
      component: BookMeetingModalPage,
      componentProps: {
        task: this.task,
      },
      cssClass: classs,
      backdropDismiss: false
    });
    await modal.present();
    modal.onDidDismiss();
  }

  async viewEventDetail(eventId: any) {

    const modal = await this.modalController.create({
      component: ViewEventPage,
      componentProps: {
        eventId: eventId,
      },
      cssClass: 'modal modal-desktop',
      backdropDismiss: false
    });
    await modal.present();
    modal.onDidDismiss().then((res) => {
      if (res) {
      }
    });
  }
  async distartExpedientModal(){
    console.log(this.fulltask);
    const modal = await this.modalController.create({
      component: DiscartExpedientModalPage,
       componentProps: {
        serialNumber: this.fulltask.serialNumber,
        folderId: this.fulltask.workflowInstanceDataFields.FolderID,
        action: 'complete',
      },
      cssClass: 'discart-expedient-modal',
      backdropDismiss: false
    });
    
    await modal.present();
    modal.onDidDismiss().then(res=>{
      if(res['data']=='close'){
        this.close();
        /* console.log('2Expedient Discard closed2');
        this.close();
        this.openMenu(); */
      }
      
    });
  }

  async openDelegarModal(task: any) {
    console.log(task);
    
    let classs;
    if( window.innerWidth <= 800){
      classs = 'book-meeting-modal modal modal-desktop'
    } else  {
      classs = 'modal modal-desktop showAsideOptions'
    }
    const modal = await this.modalController.create({
      component: DelegarPage,
      componentProps: {
        task: this.task,
      },
      cssClass: classs,
      backdropDismiss: false
    });
    await modal.present();
    modal.onDidDismiss();
  }

  async openDarParecer(task: any) {
    console.log(task);
    
    let classs;
    if( window.innerWidth <= 800){
      classs = 'book-meeting-modal modal modal-desktop'
    } else  {
      classs = 'modal modal-desktop showAsideOptions'
    }
    const modal = await this.modalController.create({
      component: DarParecerPage,
      componentProps: {
        serialNumber: this.task.SerialNumber,
        ProcessInstanceID: this.task.ProcessInstanceID,
      },
      cssClass: classs,
      backdropDismiss: false
    });
    await modal.present();
    modal.onDidDismiss();
  }

  async openAddNoteModal(actionName:string) {
    let classs;
    if( window.innerWidth <= 800){
      classs = 'modal modal-desktop'
    } else  {
      classs = 'modal modal-desktop'
    }
    const modal = await this.modalController.create({
      component: AddNotePage,
      componentProps:{
      },
      cssClass: classs,
      backdropDismiss: true
    });
    
  
    await modal.present();
  
    modal.onDidDismiss().then(res => {
      const DocumentToSave = res.data.documents.map((e) => {
        return {
          ApplicationId: e.ApplicationType,
          SourceId: e.Id,
        }
      });
      let docs = {
        ProcessInstanceID: "",
        Attachments: DocumentToSave,
      }

      if(res.data){
        if(actionName == 'Solicitar Reapreciação') {

          this.repreciar(res.data.note, docs);
        }
        else if(actionName == 'Arquivar'){
          this.arquivar(res.data.note, docs);
        }
      }
    });
  }
  
  goBack() {
    
    let navigationExtras: NavigationExtras = {
      queryParams: {
        "pedidos": true,
      }
    }
    
    this.router.navigate(['/home/gabinete-digital'], navigationExtras);

  }
  


  async badRequest(message?: string, callback?) {
    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: '1', right: '-100%' },
          { offset: 1, opacity: '1', right: '0px' }
        ]);

      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({
      enterAnimation,
      leaveAnimation,
      component: BadRequestPage,
       componentProps: {
        message: message || 'Processo efetuado' ,
      },
      cssClass: 'notification-modal'
    });

    modal.present()
    
    setTimeout(()=>{
      modal.dismiss()
    },1000)
  }
  

}