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, NavigationExtras, Router } from '@angular/router';
import { formatDate } from '@angular/common';
import { Event } from '../../../../models/event.model';
import { MenuController, ModalController, PopoverController } 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';
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 { OptsExpedientePage } from 'src/app/shared/popover/opts-expediente/opts-expediente.page';
import { SuccessMessageComponent } from 'src/app/shared/popover/success-message/success-message.component';
import { BadRequestComponent } from 'src/app/shared/popover/bad-request/bad-request.component';
import { ToastService } from 'src/app/services/toast.service';

@Component({
  selector: 'app-expediente-detail',
  templateUrl: './expediente-detail.page.html',
  styleUrls: ['./expediente-detail.page.scss'],
})
export class ExpedienteDetailPage 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;
  fulltask: any;
  eventsList: Event[];
  serialnumber: string;
  profile: string;
  intervenientes: any;
  cc: any;

  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,
    public popoverController: PopoverController,
    private activatedRoute: ActivatedRoute,
    private toastService: ToastService,
    ) {
      this.activatedRoute.queryParams.subscribe(params => {
        if(params["serialNumber"]) {
          this.serialnumber = params["serialNumber"];
          console.log(params["serialNumber"]);
        }
      });
    }

  ngOnInit() {
    this.profile = "mdgpr";
    console.log('HERE');
    
    console.log(this.serialnumber);
    
    this.activateRoute.paramMap.subscribe(paramMap => {
      if (!paramMap.has('SerialNumber')) {
        return;
      }
      /* this.serialnumber = paramMap.get('SerialNumber'); */
      this.LoadTaskDetail(this.serialnumber);
      this.LoadRelatedEvents(this.serialnumber);
    });
    this.LoadTaskDetail(this.serialnumber);
    this.LoadRelatedEvents(this.serialnumber);
  }

  close(){
    this.modalController.dismiss();
  }

  showToast(){
    this.toastService.presentToast('Não foi possível fazer login"');
  }

  goBack(){
    let navigationExtras: NavigationExtras = {
      queryParams: {
          "expedientes": true,
      }
    };
    if( window.innerWidth < 801){
      this.router.navigate(['/home/gabinete-digital/expediente']);
    } else {
      this.router.navigate(['/home/gabinete-digital'], navigationExtras);
    }
  }

  sendExpedienteToPending(){
    this.processes.SetTaskToPending(this.serialnumber).subscribe(res=>{
      console.log(res);
      this.successMessage('Processo enviado para pendentes')
      this.goBack();
    },
    (error)=>{
      this.badRequest()
    });
  }


  async LoadTaskDetail(serial: string) {
    this.processes.GetTask(serial).subscribe(res => {
      console.log(res);
      
      this.task = {
        "SerialNumber": res.serialNumber,
        "Folio": res.workflowInstanceDataFields.Subject,
        "Senders": res.originator.email,
        "CreateDate": momentG(new Date(res.taskStartDate),'yyyy-MM-dd HH:mm:ss'),
        "DocumentURL": res.workflowInstanceDataFields.ViewerRequest,
        "Remetente": res.workflowInstanceDataFields.Sender,
        "Note": res.workflowInstanceDataFields.Note,
        "FolderId": res.workflowInstanceDataFields.FolderID,
        "FsId": res.workflowInstanceDataFields.FsId,
        "DocId": res.workflowInstanceDataFields.DocId,
        "WorkflowName": res.workflowDisplayName,
      }

      console.log('task', this.task);

      this.fulltask = res;
      console.log('GetTask', res);

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


      this.processes.GetTaskParticipants(this.task.FolderId).subscribe(users=>{
        this.intervenientes = users.filter(user=>{
          return user.Type == 'I';
        });
        this.cc = users.filter(user=>{
          return user.Type == 'CC';
        });
        console.log(users);
        
      })

    });
  }

  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(){
    this.processes.GetDocumentUrl(this.task.DocId, this.task.FsId).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 openExpedientActionsModal(taskAction: any, task: any) {
    //this.modalController.dismiss();
    let classs;
    if( window.innerWidth <= 800){
      classs = 'modal modal-desktop'
    } else  {
      classs = 'modal modal-desktop showAsideOptions'
    }
    const modal = await this.modalController.create({
      component: ExpedientTaskModalPage,
      componentProps: {
        taskAction: taskAction,
        task: task,
        profile: this.profile,
      },
      cssClass: classs,
    });
    await modal.present();
    modal.onDidDismiss().then(res=>{
      console.log(res['data']);
      let body = res['data'];
      if(res['data']){
        console.log('open discart')
        this.distartExpedientModal(body);
      }
      else{
        console.log('Not open');
      }
    });
  }

  async distartExpedientModal(body:any){
    const modal = await this.modalController.create({
      component: DiscartExpedientModalPage,
       componentProps: {
      },
      cssClass: 'discart-expedient-modal',
      backdropDismiss: false
    });
    
    await modal.present();
    modal.onDidDismiss().then( async (res)=>{
      console.log(res['data']);
      console.log(body);

      if(body == 'descartar'){
        if(res['data']== 'Yes'){
          let otherbody = {
            "serialNumber": this.task.SerialNumber,
            "action": "Passivo",
            "ActionTypeId": 94,
            "dataFields": {
              "Note": "",
            }
          }

          try {          
            await this.processes.CompleteTask(otherbody).toPromise()
            this.successMessage()
          } catch (error) {
            this.badRequest()
          }

        }
        else if(res['data'] == 'No'){
          //Do nothing
        }
      }
      else{
        if(res['data']== 'Yes'){
          try {          
            await this.processes.CompleteTask(body).toPromise()
            this.successMessage()
          } catch (error) {
            this.badRequest()
          }

          
          this.goBack();
        }
        else if(res['data'] == 'No'){
          console.log('Update');
          
          
          try {
            await this.processes.UpdateTaskStatus(this.task.FolderId);
            this.successMessage()
          } catch (error) {
            this.badRequest()
          }
        }
      }
    });
  }

  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) {
    console.log(this.profile);

    const modal = await this.modalController.create({
      component: ViewEventPage,
      componentProps: {
        eventId: eventId,
        profile: this.profile,
      },
      cssClass: 'modal modal-desktop',
      backdropDismiss: false
    });
    await modal.present();
    modal.onDidDismiss().then((res) => {
      if (res) {
      }
    });
  }
  

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



  async successMessage(message?: string) {
    
    const modal = await this.modalController.create({
      component: SuccessMessageComponent,
       componentProps: {
        message: message || 'Processo efetuado' ,
      },
      cssClass: 'modal modal-desktop'
    });

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

  async badRequest(message?: string) {
    const modal = await this.modalController.create({
      component: BadRequestComponent,
       componentProps: {
        message: message || 'Processo não efetuado' ,
      },
      cssClass: 'modal modal-desktop'
    });

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

}