import { NgModule } from "@angular/core";
import { MessageDialogModule } from "angular-weblineindia-message-dialog-box";

@NgModule({
  imports: [MessageDialogModule]
})
export class AppModule {}

export class AppComponent {
  modalBox: any = {
    id: "alertbox",
    visible: false,
    content: "Enter here your content",
    buttons: [
      { id: 0, title: "Yes" },
      { id: 1, title: "No" },
      { id: 2, title: "Cancel" }
    ],
    showHeader: true,
    headerContent: "Enter here your header content",
    closable: true,
    noOfButton: 3,
    closeOnEscape: true,
    draggable: false,
    resizable: false,
    baseZIndex: 1000,
    style: { width: "50vw" }
  };

  showModalDialog() {
    this.modalBox.visible = true;
  }

  onCancleModal() {
    this.modalBox.visible = false;
  }
  onButtonClick(value) {
    this.modalBox.visible = false;
    switch (value.title) {
      case "Yes":
        // do something on Yes button
        break;
      case "No":
        // do something on No button
        break;
      case "Cancel":
        // do something on Cancel button
        break;
    }
  }
}