File

projects/rebirth-ng/src/lib/dialog/alert-dialog.component.ts

Implements

Modal

Metadata

selector re-alert-dialog
styleUrls dialog.scss
templateUrl ./alert-dialog.component.html

Index

Properties
Methods

Constructor

constructor(rebirthNGConfig: RebirthNGConfig)
Parameters :
Name Type Optional
rebirthNGConfig RebirthNGConfig no

Methods

no
no()
Returns : void
yes
yes()
Returns : void

Properties

btnYes
btnYes: string
Type : string
btnYesType
btnYesType: string
Type : string
context
context: DialogOptions
Type : DialogOptions
dismiss
dismiss: EventEmitter<any>
Type : EventEmitter<any>
import { Component, EventEmitter } from '@angular/core';
import { Modal } from '../modal/modal.model';
import { DialogOptions } from './dialog-options.model';
import { RebirthNGConfig } from '../rebirth-ng.config';
import { ModalDismissReasons } from '../modal/modal-dismiss-reasons.model';

@Component({
  selector: 're-alert-dialog',
  templateUrl: './alert-dialog.component.html',
  styleUrls: ['./dialog.scss'],
})
export class AlertDialogComponent implements Modal {
  context: DialogOptions;
  dismiss: EventEmitter<any>;
  btnYes: string;
  btnYesType: string;

  constructor(private rebirthNGConfig: RebirthNGConfig) {
    this.btnYes = rebirthNGConfig.dialog.button.yes;
    this.btnYesType = rebirthNGConfig.dialog.button.btnYesType;
  }

  yes() {
    this.dismiss.emit(ModalDismissReasons.YES);
  }

  no() {
    this.dismiss.error(ModalDismissReasons.NO);
  }
}
<div class="modal-header">
  <button type="button" class="close" data-dismiss="modal" aria-label="Close" (click)="no()">
    <span aria-hidden="true">&times;</span></button>
  <h4 class="modal-title">{{context.title}}</h4>
</div>
<div class="modal-body">
  <div *ngIf="!context.html">
    <div *ngIf="context.icon" class="dialog-icon"><i class="{{context.icon}}"></i></div>
    <div class="dialog-content">{{context.content}}</div>
  </div>
  <div *ngIf="context.html">
    <div *ngIf="context.icon" class="dialog-icon"><i class="{{context.icon}}"></i></div>
    <div class="dialog-content" [innerHTML]="context.content"></div>
  </div>
</div>
<div class="modal-footer">
  <button type="button" class="btn btn-{{btnYesType}}" (click)="yes()">{{context.yes || btnYes}}</button>
</div>
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""