import { Component, EventEmitter, Output } from '@angular/core';
import { NavParams } from 'ionic-angular'
import { ModalOption } from '../type'

const defaultOption: ModalOption = {
  title: '温馨提示',
  content: '',
  icon: false
}

@Component({
  selector: 'modal-tip',
  template:'<a (click)="ok($event)" class="block">'+
  '<div class="modal-head bdb" *ngIf="!option.icon"' +
  ' [innerHtml]="option.title"></div>' +
  '<div class="modal-icon" *ngIf="option.icon"' +
  ' [innerHtml]="option.icon"></div>' +
  '<div class="modal-body"' +
  ' [innerHtml]="option.content"></div>'+
  '</a>'
})
export class ModalTipComponent {
  option: ModalOption = defaultOption;

  constructor(params: NavParams) {
    this.option = Object.assign({},this.option,params.data);
  }

  // 点击弹框事件
  @Output() okEvent = new EventEmitter();
  ok = () => {
    this.okEvent.emit(true);
  }
}