ngx-confirm-box
Version:
Library for confirm box - Angular 4/5/6
117 lines (116 loc) • 11.3 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';
var NgxConfirmBoxComponent = /** @class */ (function () {
function NgxConfirmBoxComponent(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 {?}
*/
NgxConfirmBoxComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
var _this = this;
this.subscription = this.confirmService.getState().subscribe(function (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 {?}
*/
NgxConfirmBoxComponent.prototype.hideConfirm = /**
* @return {?}
*/
function () {
this.showHide = false;
this.confirmaray.show = false;
this.confirmEvt.emit(false);
};
/**
* @return {?}
*/
NgxConfirmBoxComponent.prototype.returConfirmBox = /**
* @return {?}
*/
function () {
this.confirmaray.show = false;
this.showHide = false;
this.confirmEvt.emit(true);
};
/**
* @return {?}
*/
NgxConfirmBoxComponent.prototype.ngOnDestroy = /**
* @return {?}
*/
function () {
this.subscription.unsubscribe();
};
NgxConfirmBoxComponent.decorators = [
{ type: Component, args: [{
selector: 'ngx-confirm-box',
template: "<div class=\"overlay\" [ngStyle]=\"{'background-color':confirmaray.bgColor}\" *ngIf=\"showHide\" >\n <div class=\"confirmbox-container\">\n\t<h3 *ngIf=\"confirmaray.confirmHeading\">{{confirmaray.confirmHeading}}</h3>\n\t<p>{{confirmaray.confirmContent}}</p>\n\t<div class=\"col-md-12 btn-grp col-sm-12\">\n\t<button class=\"cancel-btn btn-default btn btn-sm\" (click)=\"hideConfirm()\">{{confirmaray.confirmCanceltext}}</button>\n\t<button class=\"btn-primary btn btn-sm confirm-btn\" (click)=\"returConfirmBox()\">{{confirmaray.confirmOkaytext}}</button></div>\n\t</div>\n</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 = function () { return [
{ type: NgxConfirmBoxService }
]; };
NgxConfirmBoxComponent.propDecorators = {
bgColor: [{ type: Input }],
confirmContent: [{ type: Input }],
confirmHeading: [{ type: Input }],
confirmCanceltext: [{ type: Input }],
confirmOkaytext: [{ type: Input }],
confirmEvt: [{ type: Output }]
};
return NgxConfirmBoxComponent;
}());
export { NgxConfirmBoxComponent };
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LWNvbmZpcm0tYm94LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25neC1jb25maXJtLWJveC8iLCJzb3VyY2VzIjpbImxpYi9uZ3gtY29uZmlybS1ib3guY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFZLE1BQU0sZUFBZSxDQUFDO0FBR3pGLE9BQU0sRUFBRSxvQkFBb0IsRUFBQyxNQUFNLDJCQUEyQixDQUFDOztJQTZCN0QsZ0NBQW9CLGNBQXFDO1FBQXJDLG1CQUFjLEdBQWQsY0FBYyxDQUF1Qjt1QkFaMUIsaUJBQWlCOzhCQUNqQixtQ0FBbUM7OEJBQ25DLGNBQWM7aUNBQ2QsUUFBUTsrQkFDUixNQUFNOzt3QkFHekIsS0FBSzt5QkFDTCxLQUFLOzJCQUNDLEVBQUMsT0FBTyxFQUFDLGlCQUFpQixFQUFDLGNBQWMsRUFBQyxFQUFFLEVBQUMsY0FBYyxFQUFDLG1DQUFtQyxFQUFDLGlCQUFpQixFQUFDLElBQUksRUFBQyxlQUFlLEVBQUMsS0FBSyxFQUFDLElBQUksRUFBQyxJQUFJLENBQUMsUUFBUSxFQUFDOzBCQU0zSixJQUFJLFlBQVksRUFBVztLQURqRDs7OztJQUdELHlDQUFROzs7SUFBUjtRQUFBLGlCQVdDO1FBVEQsSUFBSSxDQUFDLFlBQVksR0FBRSxJQUFJLENBQUMsY0FBYyxDQUFDLFFBQVEsRUFBRSxDQUFDLFNBQVMsQ0FBRSxVQUFBLFFBQVE7WUFDckUsS0FBSSxDQUFDLFFBQVEsR0FBRyxRQUFRLENBQUE7U0FBRSxDQUFDLENBQUM7UUFDNUIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLEdBQU0sSUFBSSxDQUFDLFFBQVEsQ0FBQztRQUV6QyxJQUFJLENBQUMsV0FBVyxDQUFDLE9BQU8sR0FBYSxJQUFJLENBQUMsT0FBTyxDQUFDO1FBQ2xELElBQUksQ0FBQyxXQUFXLENBQUMsY0FBYyxHQUFNLElBQUksQ0FBQyxjQUFjLENBQUM7UUFDekQsSUFBSSxDQUFDLFdBQVcsQ0FBQyxjQUFjLEdBQU0sSUFBSSxDQUFDLGNBQWMsQ0FBQztRQUN6RCxJQUFJLENBQUMsV0FBVyxDQUFDLGlCQUFpQixHQUFHLElBQUksQ0FBQyxpQkFBaUIsQ0FBQztRQUM1RCxJQUFJLENBQUMsV0FBVyxDQUFDLGVBQWUsR0FBSyxJQUFJLENBQUMsZUFBZSxDQUFDO0tBQ3pEOzs7O0lBRUQsNENBQVc7OztJQUFYO1FBRUUsSUFBSSxDQUFDLFFBQVEsR0FBeUIsS0FBSyxDQUFDO1FBQzVDLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxHQUFpQixLQUFLLENBQUM7UUFDNUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7S0FDN0I7Ozs7SUFFRCxnREFBZTs7O0lBQWY7UUFDRSxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksR0FBSyxLQUFLLENBQUM7UUFDaEMsSUFBSSxDQUFDLFFBQVEsR0FBYSxLQUFLLENBQUM7UUFDaEMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7S0FDNUI7Ozs7SUFFRCw0Q0FBVzs7O0lBQVg7UUFDRSxJQUFJLENBQUMsWUFBWSxDQUFDLFdBQVcsRUFBRSxDQUFDO0tBQ2pDOztnQkE1REYsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxpQkFBaUI7b0JBQzNCLFFBQVEsRUFBRSx5a0JBUUw7b0JBQ0wsTUFBTSxFQUFFLENBQUMsdWJBQXViLENBQUM7aUJBQ2xjOzs7O2dCQWRPLG9CQUFvQjs7OzBCQWlCeEIsS0FBSztpQ0FDTCxLQUFLO2lDQUNMLEtBQUs7b0NBQ0wsS0FBSztrQ0FDTCxLQUFLOzZCQVdOLE1BQU07O2lDQW5DVDs7U0FrQmEsc0JBQXNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlcixPbkRlc3Ryb3kgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xuXG5pbXBvcnR7IE5neENvbmZpcm1Cb3hTZXJ2aWNlfSBmcm9tICcuL25neC1jb25maXJtLWJveC5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmd4LWNvbmZpcm0tYm94JyxcbiAgdGVtcGxhdGU6IGA8ZGl2IGNsYXNzPVwib3ZlcmxheVwiIFtuZ1N0eWxlXT1cInsnYmFja2dyb3VuZC1jb2xvcic6Y29uZmlybWFyYXkuYmdDb2xvcn1cIiAqbmdJZj1cInNob3dIaWRlXCIgPlxyXG4gICAgPGRpdiBjbGFzcz1cImNvbmZpcm1ib3gtY29udGFpbmVyXCI+XHJcblx0PGgzICpuZ0lmPVwiY29uZmlybWFyYXkuY29uZmlybUhlYWRpbmdcIj57e2NvbmZpcm1hcmF5LmNvbmZpcm1IZWFkaW5nfX08L2gzPlxyXG5cdDxwPnt7Y29uZmlybWFyYXkuY29uZmlybUNvbnRlbnR9fTwvcD5cclxuXHQ8ZGl2IGNsYXNzPVwiY29sLW1kLTEyIGJ0bi1ncnAgY29sLXNtLTEyXCI+XHJcblx0PGJ1dHRvbiBjbGFzcz1cImNhbmNlbC1idG4gYnRuLWRlZmF1bHQgYnRuIGJ0bi1zbVwiIChjbGljayk9XCJoaWRlQ29uZmlybSgpXCI+e3tjb25maXJtYXJheS5jb25maXJtQ2FuY2VsdGV4dH19PC9idXR0b24+XHJcblx0PGJ1dHRvbiBjbGFzcz1cImJ0bi1wcmltYXJ5IGJ0biBidG4tc20gY29uZmlybS1idG5cIiAoY2xpY2spPVwicmV0dXJDb25maXJtQm94KClcIj57e2NvbmZpcm1hcmF5LmNvbmZpcm1Pa2F5dGV4dH19PC9idXR0b24+PC9kaXY+XHJcblx0PC9kaXY+XHJcbjwvZGl2PmAsXG4gIHN0eWxlczogW2Aub3ZlcmxheXtwb3NpdGlvbjpmaXhlZDt3aWR0aDoxMDAlO2hlaWdodDoxMDAlO3RvcDowO2xlZnQ6MDtyaWdodDowO2JvdHRvbTowO3otaW5kZXg6Mn0uY29uZmlybWJveC1jb250YWluZXJ7cG9zaXRpb246YWJzb2x1dGU7dG9wOjQwJTtsZWZ0OjQwJTt3aWR0aDozMDBweDtiYWNrZ3JvdW5kOiNmZmY7cGFkZGluZzoxNXB4O2JvcmRlci1yYWRpdXM6NnB4fS5jb25maXJtYm94LWNvbnRhaW5lciBoM3twYWRkaW5nOjAgMCAxMHB4O21hcmdpbjo1cHg7Ym9yZGVyLWJvdHRvbToxcHggc29saWQgI2M1YzVjNjtmb250LXNpemU6MThweH0uY29uZmlybWJveC1jb250YWluZXIgcHttYXJnaW46MDtwYWRkaW5nOjNweDt0ZXh0LWFsaWduOmNlbnRlcn0uYnRuLWdycHt0ZXh0LWFsaWduOmNlbnRlcjtwYWRkaW5nLXRvcDoxMHB4fS5jb25maXJtLWJ0bnttYXJnaW46MCAxMHB4fWBdXG59KVxuZXhwb3J0IGNsYXNzIE5neENvbmZpcm1Cb3hDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG5cbiAgIEBJbnB1dCgpIGJnQ29sb3IgICAgICAgICAgICA9ICdyZ2JhKDAsMCwwLDAuNSknOyAvL292ZXJsYXkgYmFja2dyb3VuZCBjb2xvclxuICAgQElucHV0KCkgY29uZmlybUNvbnRlbnQgICAgID0gJ0FyZSB5b3Ugc3VyZSB3YW50IHRvIGRlbGV0ZSB0aGlzPyc7IFxuICAgQElucHV0KCkgY29uZmlybUhlYWRpbmcgICAgID0gJ0NvbmZpcm1hdGlvbic7IFxuICAgQElucHV0KCkgY29uZmlybUNhbmNlbHRleHQgID0gJ0NhbmNlbCc7IFxuICAgQElucHV0KCkgY29uZmlybU9rYXl0ZXh0ICAgID0gJ09rYXknOyBcblxuICAvL2NvbmZpcm1IZWFkaW5nOnN0cmluZztcbiAgc2hvd0hpZGUgID0gZmFsc2U7IFxuICByZXR1cm52YWwgPSBmYWxzZTsgXG4gIGNvbmZpcm1hcmF5OmFueSA9IHtiZ0NvbG9yOidyZ2JhKDAsMCwwLDAuNSknLGNvbmZpcm1IZWFkaW5nOicnLGNvbmZpcm1Db250ZW50OidBcmUgeW91IHN1cmUgd2FudCB0byBkZWxldGUgdGhpcz8nLGNvbmZpcm1DYW5jZWx0ZXh0OidObycsY29uZmlybU9rYXl0ZXh0OidZZXMnLHNob3c6dGhpcy5zaG93SGlkZX07XG4gIHN1YnNjcmlwdGlvbjogU3Vic2NyaXB0aW9uO1xuICBcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjb25maXJtU2VydmljZSA6IE5neENvbmZpcm1Cb3hTZXJ2aWNlKSB7IFxuICAgXG4gIH1cbiAgQE91dHB1dCgpIGNvbmZpcm1FdnQgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG4gXG4gIG5nT25Jbml0KCkge1xuXG4gIHRoaXMuc3Vic2NyaXB0aW9uID10aGlzLmNvbmZpcm1TZXJ2aWNlLmdldFN0YXRlKCkuc3Vic2NyaWJlKCBzaG93SGlkZSA9PiB7XG4gIHRoaXMuc2hvd0hpZGUgPSBzaG93SGlkZSB9KTtcbiAgdGhpcy5jb25maXJtYXJheS5zaG93ICAgID0gdGhpcy5zaG93SGlkZTtcblxuICB0aGlzLmNvbmZpcm1hcmF5LmJnQ29sb3IgICAgICAgICAgID0gdGhpcy5iZ0NvbG9yO1xuICB0aGlzLmNvbmZpcm1hcmF5LmNvbmZpcm1IZWFkaW5nICAgID0gdGhpcy5jb25maXJtSGVhZGluZztcbiAgdGhpcy5jb25maXJtYXJheS5jb25maXJtQ29udGVudCAgICA9IHRoaXMuY29uZmlybUNvbnRlbnQ7XG4gIHRoaXMuY29uZmlybWFyYXkuY29uZmlybUNhbmNlbHRleHQgPSB0aGlzLmNvbmZpcm1DYW5jZWx0ZXh0O1xuICB0aGlzLmNvbmZpcm1hcmF5LmNvbmZpcm1Pa2F5dGV4dCAgID0gdGhpcy5jb25maXJtT2theXRleHQ7XG4gIH1cblxuICBoaWRlQ29uZmlybSgpe1xuICAgXG4gICAgdGhpcy5zaG93SGlkZSAgICAgICAgICAgICAgICAgICAgICAgPSBmYWxzZTtcbiAgICB0aGlzLmNvbmZpcm1hcmF5LnNob3cgICAgICAgICAgICAgICA9IGZhbHNlO1xuICAgIHRoaXMuY29uZmlybUV2dC5lbWl0KGZhbHNlKTsgXG4gIH1cblxuICByZXR1ckNvbmZpcm1Cb3goKXtcbiAgICB0aGlzLmNvbmZpcm1hcmF5LnNob3cgICA9IGZhbHNlO1xuICAgIHRoaXMuc2hvd0hpZGUgICAgICAgICAgID0gZmFsc2U7XG4gICAgdGhpcy5jb25maXJtRXZ0LmVtaXQodHJ1ZSk7ICAgXG4gIH1cblxuICBuZ09uRGVzdHJveSgpIHtcbiAgICB0aGlzLnN1YnNjcmlwdGlvbi51bnN1YnNjcmliZSgpO1xuICB9XG5cbn1cbiJdfQ==