File
Implements
Metadata
selector |
re-confirm-dialog |
styleUrls |
dialog.scss |
templateUrl |
./confirm-dialog.component.html |
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">×</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 with directive