import { Component, NgZone } from '@angular/core';
import { ModalController } from '@ionic/angular';
import { ModalExampleComponent } from '../modal-example/modal-example.component';
import { NavComponent } from '../nav/nav.component';

@Component({
  selector: 'app-modal',
  templateUrl: './modal.component.html',
})
export class ModalComponent {

  onWillDismiss = false;
  onDidDismiss = false;

  constructor(
    private modalCtrl: ModalController
  ) { }

  async openModal() {
    return this.open(ModalExampleComponent);
  }

  async openNav() {
    return this.open(NavComponent);
  }

  async open(TheModalComponent: any) {
    const modal = await this.modalCtrl.create({
      component: TheModalComponent,
      animated: false,
      componentProps: {
        value: '123',
        prop: '321'
      }
    });
    await modal.present();
    modal.onWillDismiss().then(() => {
      NgZone.assertInAngularZone();
      this.onWillDismiss = true;
    });
    modal.onDidDismiss().then(() => {
      NgZone.assertInAngularZone();
      if (!this.onWillDismiss) {
        throw new Error('onWillDismiss should be emitted first');
      }
      this.onDidDismiss = true;
    });
  }
}