ngx-confirm-box
Version:
Library for confirm box - Angular 4/5/6
113 lines (112 loc) • 10.7 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
*/
import { Component, Input, Output, EventEmitter } from '@angular/core';
import { NgxConfirmBoxService } from './ngx-confirm-box.service';
export class NgxConfirmBoxComponent {
/**
* @param {?} confirmService
*/
constructor(confirmService) {
this.confirmService = confirmService;
this.bgColor = 'rgba(0,0,0,0.5)';
this.confirmContent = 'Are you sure want to delete this?';
this.confirmHeading = 'Confirmation';
this.confirmCanceltext = 'Cancel';
this.confirmOkaytext = 'Okay';
//confirmHeading:string;
this.showHide = false;
this.returnval = false;
this.confirmaray = { bgColor: 'rgba(0,0,0,0.5)', confirmHeading: '', confirmContent: 'Are you sure want to delete this?', confirmCanceltext: 'No', confirmOkaytext: 'Yes', show: this.showHide };
this.confirmEvt = new EventEmitter();
}
/**
* @return {?}
*/
ngOnInit() {
this.subscription = this.confirmService.getState().subscribe(showHide => {
this.showHide = showHide;
});
this.confirmaray.show = this.showHide;
this.confirmaray.bgColor = this.bgColor;
this.confirmaray.confirmHeading = this.confirmHeading;
this.confirmaray.confirmContent = this.confirmContent;
this.confirmaray.confirmCanceltext = this.confirmCanceltext;
this.confirmaray.confirmOkaytext = this.confirmOkaytext;
}
/**
* @return {?}
*/
hideConfirm() {
this.showHide = false;
this.confirmaray.show = false;
this.confirmEvt.emit(false);
}
/**
* @return {?}
*/
returConfirmBox() {
this.confirmaray.show = false;
this.showHide = false;
this.confirmEvt.emit(true);
}
/**
* @return {?}
*/
ngOnDestroy() {
this.subscription.unsubscribe();
}
}
NgxConfirmBoxComponent.decorators = [
{ type: Component, args: [{
selector: 'ngx-confirm-box',
template: `<div class="overlay" [ngStyle]="{'background-color':confirmaray.bgColor}" *ngIf="showHide" >
<div class="confirmbox-container">
<h3 *ngIf="confirmaray.confirmHeading">{{confirmaray.confirmHeading}}</h3>
<p>{{confirmaray.confirmContent}}</p>
<div class="col-md-12 btn-grp col-sm-12">
<button class="cancel-btn btn-default btn btn-sm" (click)="hideConfirm()">{{confirmaray.confirmCanceltext}}</button>
<button class="btn-primary btn btn-sm confirm-btn" (click)="returConfirmBox()">{{confirmaray.confirmOkaytext}}</button></div>
</div>
</div>`,
styles: [`.overlay{position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;z-index:2}.confirmbox-container{position:absolute;top:40%;left:40%;width:300px;background:#fff;padding:15px;border-radius:6px}.confirmbox-container h3{padding:0 0 10px;margin:5px;border-bottom:1px solid #c5c5c6;font-size:18px}.confirmbox-container p{margin:0;padding:3px;text-align:center}.btn-grp{text-align:center;padding-top:10px}.confirm-btn{margin:0 10px}`]
},] },
];
/** @nocollapse */
NgxConfirmBoxComponent.ctorParameters = () => [
{ type: NgxConfirmBoxService }
];
NgxConfirmBoxComponent.propDecorators = {
bgColor: [{ type: Input }],
confirmContent: [{ type: Input }],
confirmHeading: [{ type: Input }],
confirmCanceltext: [{ type: Input }],
confirmOkaytext: [{ type: Input }],
confirmEvt: [{ type: Output }]
};
if (false) {
/** @type {?} */
NgxConfirmBoxComponent.prototype.bgColor;
/** @type {?} */
NgxConfirmBoxComponent.prototype.confirmContent;
/** @type {?} */
NgxConfirmBoxComponent.prototype.confirmHeading;
/** @type {?} */
NgxConfirmBoxComponent.prototype.confirmCanceltext;
/** @type {?} */
NgxConfirmBoxComponent.prototype.confirmOkaytext;
/** @type {?} */
NgxConfirmBoxComponent.prototype.showHide;
/** @type {?} */
NgxConfirmBoxComponent.prototype.returnval;
/** @type {?} */
NgxConfirmBoxComponent.prototype.confirmaray;
/** @type {?} */
NgxConfirmBoxComponent.prototype.subscription;
/** @type {?} */
NgxConfirmBoxComponent.prototype.confirmEvt;
/** @type {?} */
NgxConfirmBoxComponent.prototype.confirmService;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LWNvbmZpcm0tYm94LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25neC1jb25maXJtLWJveC8iLCJzb3VyY2VzIjpbImxpYi9uZ3gtY29uZmlybS1ib3guY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFZLE1BQU0sZUFBZSxDQUFDO0FBR3pGLE9BQU0sRUFBRSxvQkFBb0IsRUFBQyxNQUFNLDJCQUEyQixDQUFDO0FBZS9ELE1BQU07Ozs7SUFjSixZQUFvQixjQUFxQztRQUFyQyxtQkFBYyxHQUFkLGNBQWMsQ0FBdUI7dUJBWjFCLGlCQUFpQjs4QkFDakIsbUNBQW1DOzhCQUNuQyxjQUFjO2lDQUNkLFFBQVE7K0JBQ1IsTUFBTTs7d0JBR3pCLEtBQUs7eUJBQ0wsS0FBSzsyQkFDQyxFQUFDLE9BQU8sRUFBQyxpQkFBaUIsRUFBQyxjQUFjLEVBQUMsRUFBRSxFQUFDLGNBQWMsRUFBQyxtQ0FBbUMsRUFBQyxpQkFBaUIsRUFBQyxJQUFJLEVBQUMsZUFBZSxFQUFDLEtBQUssRUFBQyxJQUFJLEVBQUMsSUFBSSxDQUFDLFFBQVEsRUFBQzswQkFNM0osSUFBSSxZQUFZLEVBQVc7S0FEakQ7Ozs7SUFHRCxRQUFRO1FBRVIsSUFBSSxDQUFDLFlBQVksR0FBRSxJQUFJLENBQUMsY0FBYyxDQUFDLFFBQVEsRUFBRSxDQUFDLFNBQVMsQ0FBRSxRQUFRLENBQUMsRUFBRTtZQUN4RSxJQUFJLENBQUMsUUFBUSxHQUFHLFFBQVEsQ0FBQTtTQUFFLENBQUMsQ0FBQztRQUM1QixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksR0FBTSxJQUFJLENBQUMsUUFBUSxDQUFDO1FBRXpDLElBQUksQ0FBQyxXQUFXLENBQUMsT0FBTyxHQUFhLElBQUksQ0FBQyxPQUFPLENBQUM7UUFDbEQsSUFBSSxDQUFDLFdBQVcsQ0FBQyxjQUFjLEdBQU0sSUFBSSxDQUFDLGNBQWMsQ0FBQztRQUN6RCxJQUFJLENBQUMsV0FBVyxDQUFDLGNBQWMsR0FBTSxJQUFJLENBQUMsY0FBYyxDQUFDO1FBQ3pELElBQUksQ0FBQyxXQUFXLENBQUMsaUJBQWlCLEdBQUcsSUFBSSxDQUFDLGlCQUFpQixDQUFDO1FBQzVELElBQUksQ0FBQyxXQUFXLENBQUMsZUFBZSxHQUFLLElBQUksQ0FBQyxlQUFlLENBQUM7S0FDekQ7Ozs7SUFFRCxXQUFXO1FBRVQsSUFBSSxDQUFDLFFBQVEsR0FBeUIsS0FBSyxDQUFDO1FBQzVDLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxHQUFpQixLQUFLLENBQUM7UUFDNUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7S0FDN0I7Ozs7SUFFRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLEdBQUssS0FBSyxDQUFDO1FBQ2hDLElBQUksQ0FBQyxRQUFRLEdBQWEsS0FBSyxDQUFDO1FBQ2hDLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0tBQzVCOzs7O0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxZQUFZLENBQUMsV0FBVyxFQUFFLENBQUM7S0FDakM7OztZQTVERixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtnQkFDM0IsUUFBUSxFQUFFOzs7Ozs7OztPQVFMO2dCQUNMLE1BQU0sRUFBRSxDQUFDLHViQUF1YixDQUFDO2FBQ2xjOzs7O1lBZE8sb0JBQW9COzs7c0JBaUJ4QixLQUFLOzZCQUNMLEtBQUs7NkJBQ0wsS0FBSztnQ0FDTCxLQUFLOzhCQUNMLEtBQUs7eUJBV04sTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsT25EZXN0cm95IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJztcblxuaW1wb3J0eyBOZ3hDb25maXJtQm94U2VydmljZX0gZnJvbSAnLi9uZ3gtY29uZmlybS1ib3guc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25neC1jb25maXJtLWJveCcsXG4gIHRlbXBsYXRlOiBgPGRpdiBjbGFzcz1cIm92ZXJsYXlcIiBbbmdTdHlsZV09XCJ7J2JhY2tncm91bmQtY29sb3InOmNvbmZpcm1hcmF5LmJnQ29sb3J9XCIgKm5nSWY9XCJzaG93SGlkZVwiID5cclxuICAgIDxkaXYgY2xhc3M9XCJjb25maXJtYm94LWNvbnRhaW5lclwiPlxyXG5cdDxoMyAqbmdJZj1cImNvbmZpcm1hcmF5LmNvbmZpcm1IZWFkaW5nXCI+e3tjb25maXJtYXJheS5jb25maXJtSGVhZGluZ319PC9oMz5cclxuXHQ8cD57e2NvbmZpcm1hcmF5LmNvbmZpcm1Db250ZW50fX08L3A+XHJcblx0PGRpdiBjbGFzcz1cImNvbC1tZC0xMiBidG4tZ3JwIGNvbC1zbS0xMlwiPlxyXG5cdDxidXR0b24gY2xhc3M9XCJjYW5jZWwtYnRuIGJ0bi1kZWZhdWx0IGJ0biBidG4tc21cIiAoY2xpY2spPVwiaGlkZUNvbmZpcm0oKVwiPnt7Y29uZmlybWFyYXkuY29uZmlybUNhbmNlbHRleHR9fTwvYnV0dG9uPlxyXG5cdDxidXR0b24gY2xhc3M9XCJidG4tcHJpbWFyeSBidG4gYnRuLXNtIGNvbmZpcm0tYnRuXCIgKGNsaWNrKT1cInJldHVyQ29uZmlybUJveCgpXCI+e3tjb25maXJtYXJheS5jb25maXJtT2theXRleHR9fTwvYnV0dG9uPjwvZGl2PlxyXG5cdDwvZGl2PlxyXG48L2Rpdj5gLFxuICBzdHlsZXM6IFtgLm92ZXJsYXl7cG9zaXRpb246Zml4ZWQ7d2lkdGg6MTAwJTtoZWlnaHQ6MTAwJTt0b3A6MDtsZWZ0OjA7cmlnaHQ6MDtib3R0b206MDt6LWluZGV4OjJ9LmNvbmZpcm1ib3gtY29udGFpbmVye3Bvc2l0aW9uOmFic29sdXRlO3RvcDo0MCU7bGVmdDo0MCU7d2lkdGg6MzAwcHg7YmFja2dyb3VuZDojZmZmO3BhZGRpbmc6MTVweDtib3JkZXItcmFkaXVzOjZweH0uY29uZmlybWJveC1jb250YWluZXIgaDN7cGFkZGluZzowIDAgMTBweDttYXJnaW46NXB4O2JvcmRlci1ib3R0b206MXB4IHNvbGlkICNjNWM1YzY7Zm9udC1zaXplOjE4cHh9LmNvbmZpcm1ib3gtY29udGFpbmVyIHB7bWFyZ2luOjA7cGFkZGluZzozcHg7dGV4dC1hbGlnbjpjZW50ZXJ9LmJ0bi1ncnB7dGV4dC1hbGlnbjpjZW50ZXI7cGFkZGluZy10b3A6MTBweH0uY29uZmlybS1idG57bWFyZ2luOjAgMTBweH1gXVxufSlcbmV4cG9ydCBjbGFzcyBOZ3hDb25maXJtQm94Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuXG4gICBASW5wdXQoKSBiZ0NvbG9yICAgICAgICAgICAgPSAncmdiYSgwLDAsMCwwLjUpJzsgLy9vdmVybGF5IGJhY2tncm91bmQgY29sb3JcbiAgIEBJbnB1dCgpIGNvbmZpcm1Db250ZW50ICAgICA9ICdBcmUgeW91IHN1cmUgd2FudCB0byBkZWxldGUgdGhpcz8nOyBcbiAgIEBJbnB1dCgpIGNvbmZpcm1IZWFkaW5nICAgICA9ICdDb25maXJtYXRpb24nOyBcbiAgIEBJbnB1dCgpIGNvbmZpcm1DYW5jZWx0ZXh0ICA9ICdDYW5jZWwnOyBcbiAgIEBJbnB1dCgpIGNvbmZpcm1Pa2F5dGV4dCAgICA9ICdPa2F5JzsgXG5cbiAgLy9jb25maXJtSGVhZGluZzpzdHJpbmc7XG4gIHNob3dIaWRlICA9IGZhbHNlOyBcbiAgcmV0dXJudmFsID0gZmFsc2U7IFxuICBjb25maXJtYXJheTphbnkgPSB7YmdDb2xvcjoncmdiYSgwLDAsMCwwLjUpJyxjb25maXJtSGVhZGluZzonJyxjb25maXJtQ29udGVudDonQXJlIHlvdSBzdXJlIHdhbnQgdG8gZGVsZXRlIHRoaXM/Jyxjb25maXJtQ2FuY2VsdGV4dDonTm8nLGNvbmZpcm1Pa2F5dGV4dDonWWVzJyxzaG93OnRoaXMuc2hvd0hpZGV9O1xuICBzdWJzY3JpcHRpb246IFN1YnNjcmlwdGlvbjtcbiAgXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY29uZmlybVNlcnZpY2UgOiBOZ3hDb25maXJtQm94U2VydmljZSkgeyBcbiAgIFxuICB9XG4gIEBPdXRwdXQoKSBjb25maXJtRXZ0ID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuIFxuICBuZ09uSW5pdCgpIHtcblxuICB0aGlzLnN1YnNjcmlwdGlvbiA9dGhpcy5jb25maXJtU2VydmljZS5nZXRTdGF0ZSgpLnN1YnNjcmliZSggc2hvd0hpZGUgPT4ge1xuICB0aGlzLnNob3dIaWRlID0gc2hvd0hpZGUgfSk7XG4gIHRoaXMuY29uZmlybWFyYXkuc2hvdyAgICA9IHRoaXMuc2hvd0hpZGU7XG5cbiAgdGhpcy5jb25maXJtYXJheS5iZ0NvbG9yICAgICAgICAgICA9IHRoaXMuYmdDb2xvcjtcbiAgdGhpcy5jb25maXJtYXJheS5jb25maXJtSGVhZGluZyAgICA9IHRoaXMuY29uZmlybUhlYWRpbmc7XG4gIHRoaXMuY29uZmlybWFyYXkuY29uZmlybUNvbnRlbnQgICAgPSB0aGlzLmNvbmZpcm1Db250ZW50O1xuICB0aGlzLmNvbmZpcm1hcmF5LmNvbmZpcm1DYW5jZWx0ZXh0ID0gdGhpcy5jb25maXJtQ2FuY2VsdGV4dDtcbiAgdGhpcy5jb25maXJtYXJheS5jb25maXJtT2theXRleHQgICA9IHRoaXMuY29uZmlybU9rYXl0ZXh0O1xuICB9XG5cbiAgaGlkZUNvbmZpcm0oKXtcbiAgIFxuICAgIHRoaXMuc2hvd0hpZGUgICAgICAgICAgICAgICAgICAgICAgID0gZmFsc2U7XG4gICAgdGhpcy5jb25maXJtYXJheS5zaG93ICAgICAgICAgICAgICAgPSBmYWxzZTtcbiAgICB0aGlzLmNvbmZpcm1FdnQuZW1pdChmYWxzZSk7IFxuICB9XG5cbiAgcmV0dXJDb25maXJtQm94KCl7XG4gICAgdGhpcy5jb25maXJtYXJheS5zaG93ICAgPSBmYWxzZTtcbiAgICB0aGlzLnNob3dIaWRlICAgICAgICAgICA9IGZhbHNlO1xuICAgIHRoaXMuY29uZmlybUV2dC5lbWl0KHRydWUpOyAgIFxuICB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgdGhpcy5zdWJzY3JpcHRpb24udW5zdWJzY3JpYmUoKTtcbiAgfVxuXG59XG4iXX0=