File

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

Implements

Modal

Metadata

selector re-confirm-dialog
styleUrls dialog.scss
templateUrl ./confirm-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

btnNo
btnNo: string
Type : string
btnNoType
btnNoType: string
Type : string
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 { DialogOptions } from './dialog-options.model';
import { RebirthNGConfig } from '../rebirth-ng.config';
import { Modal } from '../modal/modal.model';
import { ModalDismissReasons } from '../modal/modal-dismiss-reasons.model';

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

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

  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>
  <button type="button" class="btn btn-{{btnNoType}}" (click)="no()">{{context.no || btnNo}}</button>
</div>
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""