import {Component, OnInit} from '@angular/core';
import {ModalTipService} from '../../../plugin/modal-tip/modal.tip.service';

@Component({
  template: `
    <button (click)="openModal()">点击生成modal tip框</button>
  `,
  styleUrls: []
})
export class DemoModalTipComponent implements OnInit {
  constructor(private modalTip: ModalTipService) {
  }

  testData = {
    inputData: '1'
  };

  ngOnInit() {
  }

  // button 可选，默认取消和确认
  openModal() {
    this.modalTip.openTip({
      typeTitle: '确认',
      icon: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3RjdDQzE3MjMxOTgxMUU4QkE1MEQyQjQ1QkIzQjA3NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3RjdDQzE3MzMxOTgxMUU4QkE1MEQyQjQ1QkIzQjA3NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjdGN0NDMTcwMzE5ODExRThCQTUwRDJCNDVCQjNCMDc3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjdGN0NDMTcxMzE5ODExRThCQTUwRDJCNDVCQjNCMDc3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+H4it5gAAAXpJREFUeNpifHmyjIEAUAPiACB2A2ItIBaGir8F4mtAvAuINwDxLXyGMOKxyB6Im4HYloE4cBiIa4H4IDZJJixiHEA8A4j3k2AJA1TtfqheDkIWCQHxPiBOB/mWgXTACNW7D2oWHLAgsbmAeBsQm+MyRcysE4X/6lQ5LqWWULOcgPgbuo8m4rOEDGAONRMl6EARn8xAfZAMNRtuUQuZcUJMnLXALNIHYhsG2gGQ2fogi4IYaA+CmEjMK+QCO5BFGnSwSJ0JqeyiJRBmYqATYIKWwrQGb0EW3aCDRTdZoMW7IzGq8ZRtBKsQkI/W0cFHa0E+ugjER4gpHUgovZEByOyLsFRXA8T/aeCT/9BaF16ogqrf2TSwCGTmAfT6qBCIT1LRkpNQM7E2TkClxFYqVIAgS7yR8yh6yfAWmtRnkhln/6F6ndALAmxF0HcgzoBaeIwES45BLciAtRNwNU7QASiBWENLd38gdgdiTbQG5HUg3gnEGwmVMAABBgBw8kt1MfPG3gAAAABJRU5ErkJggg==',
      msg: 'sss',
      close: true,
      button: [{
        text: '确认',
        type: 1
      }],
      handler: (ev) => {
        console.log(ev);
      }
    });
  }
}