import { Component, EventEmitter, Output } from '@angular/core';
import { NavParams } from 'ionic-angular'
import { DomSanitizer } from '@angular/platform-browser'
import { ModalMaskOption } from '../type'

const defaultOption: ModalMaskOption = {
  title: '温馨提示',
  history: null,
  icon: false,
  okText:'继续购买',
  okClass: 'button button-primary button-middle',
}

@Component({
  selector: 'modal-mask',
  template:
    `<a (click)="ok()" [innerHtml]="option.content"></a>`,
  styles:[
    `
  image{
  width:100%;
  }
`
  ],
  providers:[]
})
export class ModalMaskComponent {
  option: ModalMaskOption = defaultOption;
  message
  agree1
  agree2

  constructor(
    public params: NavParams,
    public domSanitizer: DomSanitizer
  ) {
    this.option = Object.assign({}, this.option, params.data);
    this.option.content =
      this.domSanitizer.bypassSecurityTrustHtml(this.option.content);
  }

  updateContent = (content) => {
    this.option.content = this.domSanitizer.bypassSecurityTrustHtml(content);
  }

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