doneit-web/src/app/modals/add-note/add-note.page.ts

import { Component, OnInit } from '@angular/core';
import { ModalController } from '@ionic/angular';
import { SearchDocument } from 'src/app/models/search-document';
import { SearchPage } from 'src/app/pages/search/search.page';
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-add-note',
  templateUrl: './add-note.page.html',
  styleUrls: ['./add-note.page.scss'],
})
export class AddNotePage implements OnInit {
  note: string = '';
  documents:SearchDocument[] = [];
  loadedAttachments:any;

  constructor(
    private modalController: ModalController,
  ) {
    this.note = '';
   }

  ngOnInit() {
  }
  close(){
    this.modalController.dismiss('');
  }
  save(){
    let body = {
      "note":this.note,
      "documents":this.documents,
    }
    this.modalController.dismiss(body);
  }

  async getDoc() {

    const modal = await this.modalController.create({
      component: SearchPage,
      cssClass: 'modal-width-100-width-background modal',
      componentProps: {
        type: 'AccoesPresidenciais & ArquivoDespachoElect',
        showSearchInput: true,
        select: true
      }
    });
    await modal.present();
      modal.onDidDismiss().then((res)=>{
        if(res){
          const data = res.data;
          this.documents.push(data.selected);
        }
    });

  }

  removeAttachment(index: number){

    this.documents = this.documents.filter( (e, i) =>  index != i);
  }

  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)
  }

}