doneit-web/src/app/pages/publications/new-action/new-action.page.ts

import { Component, OnInit } from '@angular/core';
import { ModalController } from '@ionic/angular';
import { PublicationFolder } from 'src/app/models/publicationfolder';
import { PublicationsService } from 'src/app/services/publications.service';
import { BadRequestComponent } from 'src/app/shared/popover/bad-request/bad-request.component';
import { SuccessMessageComponent } from 'src/app/shared/popover/success-message/success-message.component';

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

  folder: PublicationFolder;
  segment:string;

  constructor(
    private modalController: ModalController,
    private publication: PublicationsService
  ) { 
    this.folder = new PublicationFolder();
  }

  ngOnInit() {
    this.segment = "Viagem";
  }

  segmentChanged(ev: any) {
    console.log(ev.detail.value);
  }

  async save(){
    this.folder = {
      ProcessId: null,
      Description: this.folder.Description,
      Detail: this.folder.Detail,
      DateBegin: this.folder.DateBegin,
      DateEnd: this.folder.DateEnd,
      ActionType: this.segment,
    }
    console.log(this.folder);
    
    try {
      await this.publication.CreatePublicationFolder(this.folder).toPromise()
      this.successMessage()
      this.close();
    } catch (error) {
      this.badRequest()
    }

  }
  close(){
    this.modalController.dismiss();
  }
  
  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() {
    const modal = await this.modalController.create({
      component: BadRequestComponent,
       componentProps: {
        message: 'Processo não realizado com sucesso',
      },
      cssClass: 'modal modal-desktop'
    });

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