@true-directive/grid
Version:
Angular Data Grid from Yopsilon.
65 lines • 7.96 kB
JavaScript
import * as tslib_1 from "tslib";
/**
* Copyright (c) 2018-2019 Aleksey Melnikov, True Directive Company.
* @link https://truedirective.com/
* @license MIT
*/
import { Component, Input, Output, EventEmitter, ViewChild, ElementRef } from '@angular/core';
/**
* Dialog alert component
*/
var DialogAlertComponent = /** @class */ (function () {
function DialogAlertComponent(elementRef) {
this.elementRef = elementRef;
this.text = '';
this.close = new EventEmitter();
this.dialog = null;
}
DialogAlertComponent.prototype.closeAlert = function () {
this.close.emit(null);
};
DialogAlertComponent.prototype.btnClick = function (e, btn) {
this.close.emit(btn);
};
DialogAlertComponent.prototype.overlayClick = function (e) {
this.close.emit(null);
};
DialogAlertComponent.prototype.init = function (txt, dialog) {
var _this = this;
this.text = txt;
this.dialog = dialog;
setTimeout(function () {
// Animation
_this.alert.nativeElement.style.transform = 'translateY(0px)';
_this.alert.nativeElement.style.opacity = '1.0';
_this.overlay.nativeElement.style.opacity = '0.4';
});
};
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", String)
], DialogAlertComponent.prototype, "text", void 0);
tslib_1.__decorate([
Output(),
tslib_1.__metadata("design:type", EventEmitter)
], DialogAlertComponent.prototype, "close", void 0);
tslib_1.__decorate([
ViewChild('alert', { static: true }),
tslib_1.__metadata("design:type", Object)
], DialogAlertComponent.prototype, "alert", void 0);
tslib_1.__decorate([
ViewChild('overlay', { static: true }),
tslib_1.__metadata("design:type", Object)
], DialogAlertComponent.prototype, "overlay", void 0);
DialogAlertComponent = tslib_1.__decorate([
Component({
selector: 'true-dialog-alert',
template: "<div #alert class=\"true-dialog-alert\">\r\n <div class=\"true-dialog-alert__content\">{{text}}</div>\r\n <div class=\"true-dialog-alert__footer\">\r\n <p>\r\n <button\r\n *ngFor=\"let b of dialog.buttons\"\r\n class=\"true-button\"\r\n [ngClass]=\"b.cssClass\"\r\n (click)=\"btnClick($event, b)\"\r\n [disabled]=\"b.disabled\">{{b.caption}}</button>\r\n </p>\r\n </div>\r\n</div>\r\n<div #overlay\r\n class=\"true-dialog-alert__overlay\"\r\n (click)=\"overlayClick($event)\">\r\n</div>\r\n",
styles: [":host{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;align-content:flex-start}.true-dialog-alert{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;align-content:flex-start;z-index:10;opacity:0;-webkit-transform:translateY(-15px);transform:translateY(-15px);-webkit-transition:opacity .2s,-webkit-transform .15s ease-out;transition:opacity .2s,transform .15s ease-out,-webkit-transform .15s ease-out}.true-dialog-alert .true-dialog-alert__content{display:block;padding:1em;text-align:center}.true-dialog-alert .true-dialog-alert__footer{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-pack:end;justify-content:flex-end;padding:0 1.2em 1em}.true-dialog-alert .true-dialog-alert__footer p{margin:0}.true-dialog-alert .true-dialog-alert__footer button{padding:.4em 1em;margin-left:1em}.true-dialog-alert__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.3);opacity:0;z-index:9;-webkit-transition:opacity .5s;transition:opacity .5s}"]
}),
tslib_1.__metadata("design:paramtypes", [ElementRef])
], DialogAlertComponent);
return DialogAlertComponent;
}());
export { DialogAlertComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWFsZXJ0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0B0cnVlLWRpcmVjdGl2ZS9ncmlkLyIsInNvdXJjZXMiOlsic3JjL2NvbnRyb2xzL2RpYWxvZy1hbGVydC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBOzs7O0VBSUU7QUFDRixPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFJOUY7O0dBRUc7QUFNSDtJQXVDRSw4QkFBbUIsVUFBc0I7UUFBdEIsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQXBDekMsU0FBSSxHQUFXLEVBQUUsQ0FBQztRQUdsQixVQUFLLEdBQXNCLElBQUksWUFBWSxFQUFPLENBQUM7UUFvQm5ELFdBQU0sR0FBZSxJQUFJLENBQUM7SUFhbUIsQ0FBQztJQXpCdkMseUNBQVUsR0FBakI7UUFDRSxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN4QixDQUFDO0lBRUQsdUNBQVEsR0FBUixVQUFTLENBQU0sRUFBRSxHQUFRO1FBQ3ZCLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ3ZCLENBQUM7SUFFRCwyQ0FBWSxHQUFaLFVBQWEsQ0FBTTtRQUNqQixJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN4QixDQUFDO0lBSUQsbUNBQUksR0FBSixVQUFLLEdBQVcsRUFBRSxNQUFrQjtRQUFwQyxpQkFTQztRQVJDLElBQUksQ0FBQyxJQUFJLEdBQUcsR0FBRyxDQUFDO1FBQ2hCLElBQUksQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFDO1FBQ3JCLFVBQVUsQ0FBQztZQUNULFlBQVk7WUFDWixLQUFJLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsU0FBUyxHQUFHLGlCQUFpQixDQUFDO1lBQzdELEtBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO1lBQy9DLEtBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO1FBQ25ELENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQWxDRDtRQURDLEtBQUssRUFBRTs7c0RBQ1U7SUFHbEI7UUFEQyxNQUFNLEVBQUU7MENBQ0YsWUFBWTt1REFBZ0M7SUFHbkQ7UUFEQyxTQUFTLENBQUMsT0FBTyxFQUFFLEVBQUMsTUFBTSxFQUFFLElBQUksRUFBQyxDQUFDOzt1REFDeEI7SUFHWDtRQURDLFNBQVMsQ0FBQyxTQUFTLEVBQUUsRUFBQyxNQUFNLEVBQUUsSUFBSSxFQUFDLENBQUM7O3lEQUN4QjtJQVpGLG9CQUFvQjtRQUxoQyxTQUFTLENBQUM7WUFDVCxRQUFRLEVBQUUsbUJBQW1CO1lBQzdCLCtpQkFBMEM7O1NBRTNDLENBQUM7aURBd0MrQixVQUFVO09BdkM5QixvQkFBb0IsQ0F3Q2hDO0lBQUQsMkJBQUM7Q0FBQSxBQXhDRCxJQXdDQztTQXhDWSxvQkFBb0IiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcclxuICogQ29weXJpZ2h0IChjKSAyMDE4LTIwMTkgQWxla3NleSBNZWxuaWtvdiwgVHJ1ZSBEaXJlY3RpdmUgQ29tcGFueS5cclxuICogQGxpbmsgaHR0cHM6Ly90cnVlZGlyZWN0aXZlLmNvbS9cclxuICogQGxpY2Vuc2UgTUlUXHJcbiovXHJcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBWaWV3Q2hpbGQsIEVsZW1lbnRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbmltcG9ydCB7IERpYWxvZ0luZm8gfSBmcm9tICcuL2RpYWxvZy1pbmZvLmNsYXNzJztcclxuXHJcbi8qKlxyXG4gKiBEaWFsb2cgYWxlcnQgY29tcG9uZW50XHJcbiAqL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3RydWUtZGlhbG9nLWFsZXJ0JyxcclxuICB0ZW1wbGF0ZVVybDogJ2RpYWxvZy1hbGVydC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJ2RpYWxvZy1hbGVydC5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBEaWFsb2dBbGVydENvbXBvbmVudCB7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgdGV4dDogc3RyaW5nID0gJyc7XHJcblxyXG4gIEBPdXRwdXQoKVxyXG4gIGNsb3NlOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG5cclxuICBAVmlld0NoaWxkKCdhbGVydCcsIHtzdGF0aWM6IHRydWV9KVxyXG4gIGFsZXJ0OiBhbnk7XHJcblxyXG4gIEBWaWV3Q2hpbGQoJ292ZXJsYXknLCB7c3RhdGljOiB0cnVlfSlcclxuICBvdmVybGF5OiBhbnk7XHJcblxyXG4gIHB1YmxpYyBjbG9zZUFsZXJ0KCkge1xyXG4gICAgdGhpcy5jbG9zZS5lbWl0KG51bGwpO1xyXG4gIH1cclxuXHJcbiAgYnRuQ2xpY2soZTogYW55LCBidG46IGFueSkge1xyXG4gICAgdGhpcy5jbG9zZS5lbWl0KGJ0bik7XHJcbiAgfVxyXG5cclxuICBvdmVybGF5Q2xpY2soZTogYW55KSB7XHJcbiAgICB0aGlzLmNsb3NlLmVtaXQobnVsbCk7XHJcbiAgfVxyXG5cclxuICBkaWFsb2c6IERpYWxvZ0luZm8gPSBudWxsO1xyXG5cclxuICBpbml0KHR4dDogc3RyaW5nLCBkaWFsb2c6IERpYWxvZ0luZm8pIHtcclxuICAgIHRoaXMudGV4dCA9IHR4dDtcclxuICAgIHRoaXMuZGlhbG9nID0gZGlhbG9nO1xyXG4gICAgc2V0VGltZW91dCgoKSA9PiB7XHJcbiAgICAgIC8vIEFuaW1hdGlvblxyXG4gICAgICB0aGlzLmFsZXJ0Lm5hdGl2ZUVsZW1lbnQuc3R5bGUudHJhbnNmb3JtID0gJ3RyYW5zbGF0ZVkoMHB4KSc7XHJcbiAgICAgIHRoaXMuYWxlcnQubmF0aXZlRWxlbWVudC5zdHlsZS5vcGFjaXR5ID0gJzEuMCc7XHJcbiAgICAgIHRoaXMub3ZlcmxheS5uYXRpdmVFbGVtZW50LnN0eWxlLm9wYWNpdHkgPSAnMC40JztcclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgY29uc3RydWN0b3IocHVibGljIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYpIHsgfVxyXG59XHJcbiJdfQ==