doneit-web/src/app/pages/agenda/event-actions-popover/event-actions-popover.page.ts

import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { AnimationController, ModalController, NavParams, PopoverController } from '@ionic/angular';
import { ProcessesService } from 'src/app/services/processes.service';
import { ToastService } from 'src/app/services/toast.service';
import { EditEventToApproveComponent } from 'src/app/shared/gabinete-digital/edit-event-to-approve/edit-event.page';
import { BadRequestPage } from 'src/app/shared/popover/bad-request/bad-request.page';
import { SuccessMessagePage } from 'src/app/shared/popover/success-message/success-message.page';

@Component({
  selector: 'app-event-actions-popover',
  templateUrl: './event-actions-popover.page.html',
  styleUrls: ['./event-actions-popover.page.scss'],
})
export class EventActionsPopoverPage implements OnInit {
  serialNumber:string;
  instanceId: string;

  constructor(
    private navParams: NavParams,
    private processes:ProcessesService,
    private router:Router,
    private modalController: ModalController,
    private popoverController: PopoverController,
    private animationController: AnimationController,
    private toastService: ToastService,) {
      this.serialNumber = this.navParams.get('serialNumber');
      this.instanceId = this.navParams.get('InstanceId');
     }

  ngOnInit() {
    window.onresize = (event) => {
      if( window.innerWidth >= 800){
        this.popoverController.dismiss();
      }
    };
  }

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

  closePopover(){
    this.popoverController.dismiss();
  }

  approveTask() {
    let body = { "serialNumber": this.serialNumber, "action": "Aprovar" }
    console.log(body);
    
    try {
      this.processes.PostTaskAction(body).toPromise()
      this.toastService.successMessage();
      this.goBack();
    } catch (error) {
      this.toastService.badRequest()
    }
  }

  emendarTask() {
    let body = { "serialNumber": this.serialNumber, "action": "Rejeitar" }
    console.log(body);
    try {  
      this.processes.PostTaskAction(body).toPromise();
      this.toastService.successMessage();
      this.goBack();
    } catch (error) {
      this.toastService.badRequest()
    }
  }

  async rejeitar(){
    let body = { "serialNumber": this.serialNumber, "action": "Rejeitar" }
    console.log(body);
    try {    
      this.processes.PostTaskAction(body).toPromise();
      await this.toastService.successMessage('Processo rejeitado');
      this.goBack();
    } catch (error) {
      this.toastService.badRequest()
    }
  }

  async editTask() {
    console.log(this.serialNumber);
    console.log(this.instanceId);
    const modal = await this.modalController.create({
      component: EditEventToApproveComponent,
      componentProps: {
        serialNumber: this.serialNumber,
        InstanceId: this.instanceId
      },
      cssClass: 'modal modal-desktop',
      // backdropDismiss: false
    });

    await modal.present();

    modal.onDidDismiss().then(res => {
    });

  } 
  
}