@true-directive/grid
Version:
Angular Data Grid from Yopsilon.
63 lines • 7.58 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
*/
let DialogAlertComponent = class DialogAlertComponent {
constructor(elementRef) {
this.elementRef = elementRef;
this.text = '';
this.close = new EventEmitter();
this.dialog = null;
}
closeAlert() {
this.close.emit(null);
}
btnClick(e, btn) {
this.close.emit(btn);
}
overlayClick(e) {
this.close.emit(null);
}
init(txt, dialog) {
this.text = txt;
this.dialog = dialog;
setTimeout(() => {
// 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);
export { DialogAlertComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWFsZXJ0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0B0cnVlLWRpcmVjdGl2ZS9ncmlkLyIsInNvdXJjZXMiOlsic3JjL2NvbnRyb2xzL2RpYWxvZy1hbGVydC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBOzs7O0VBSUU7QUFDRixPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFJOUY7O0dBRUc7QUFNSCxJQUFhLG9CQUFvQixHQUFqQyxNQUFhLG9CQUFvQjtJQXVDL0IsWUFBbUIsVUFBc0I7UUFBdEIsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQXBDekMsU0FBSSxHQUFXLEVBQUUsQ0FBQztRQUdsQixVQUFLLEdBQXNCLElBQUksWUFBWSxFQUFPLENBQUM7UUFvQm5ELFdBQU0sR0FBZSxJQUFJLENBQUM7SUFhbUIsQ0FBQztJQXpCdkMsVUFBVTtRQUNmLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3hCLENBQUM7SUFFRCxRQUFRLENBQUMsQ0FBTSxFQUFFLEdBQVE7UUFDdkIsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDdkIsQ0FBQztJQUVELFlBQVksQ0FBQyxDQUFNO1FBQ2pCLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3hCLENBQUM7SUFJRCxJQUFJLENBQUMsR0FBVyxFQUFFLE1BQWtCO1FBQ2xDLElBQUksQ0FBQyxJQUFJLEdBQUcsR0FBRyxDQUFDO1FBQ2hCLElBQUksQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFDO1FBQ3JCLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDZCxZQUFZO1lBQ1osSUFBSSxDQUFDLEtBQUssQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLFNBQVMsR0FBRyxpQkFBaUIsQ0FBQztZQUM3RCxJQUFJLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztZQUMvQyxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztRQUNuRCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7Q0FHRixDQUFBO0FBckNDO0lBREMsS0FBSyxFQUFFOztrREFDVTtBQUdsQjtJQURDLE1BQU0sRUFBRTtzQ0FDRixZQUFZO21EQUFnQztBQUduRDtJQURDLFNBQVMsQ0FBQyxPQUFPLEVBQUUsRUFBQyxNQUFNLEVBQUUsSUFBSSxFQUFDLENBQUM7O21EQUN4QjtBQUdYO0lBREMsU0FBUyxDQUFDLFNBQVMsRUFBRSxFQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUMsQ0FBQzs7cURBQ3hCO0FBWkYsb0JBQW9CO0lBTGhDLFNBQVMsQ0FBQztRQUNULFFBQVEsRUFBRSxtQkFBbUI7UUFDN0IsK2lCQUEwQzs7S0FFM0MsQ0FBQzs2Q0F3QytCLFVBQVU7R0F2QzlCLG9CQUFvQixDQXdDaEM7U0F4Q1ksb0JBQW9CIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXHJcbiAqIENvcHlyaWdodCAoYykgMjAxOC0yMDE5IEFsZWtzZXkgTWVsbmlrb3YsIFRydWUgRGlyZWN0aXZlIENvbXBhbnkuXHJcbiAqIEBsaW5rIGh0dHBzOi8vdHJ1ZWRpcmVjdGl2ZS5jb20vXHJcbiAqIEBsaWNlbnNlIE1JVFxyXG4qL1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgVmlld0NoaWxkLCBFbGVtZW50UmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5pbXBvcnQgeyBEaWFsb2dJbmZvIH0gZnJvbSAnLi9kaWFsb2ctaW5mby5jbGFzcyc7XHJcblxyXG4vKipcclxuICogRGlhbG9nIGFsZXJ0IGNvbXBvbmVudFxyXG4gKi9cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd0cnVlLWRpYWxvZy1hbGVydCcsXHJcbiAgdGVtcGxhdGVVcmw6ICdkaWFsb2ctYWxlcnQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWydkaWFsb2ctYWxlcnQuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRGlhbG9nQWxlcnRDb21wb25lbnQge1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHRleHQ6IHN0cmluZyA9ICcnO1xyXG5cclxuICBAT3V0cHV0KClcclxuICBjbG9zZTogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcclxuXHJcbiAgQFZpZXdDaGlsZCgnYWxlcnQnLCB7c3RhdGljOiB0cnVlfSlcclxuICBhbGVydDogYW55O1xyXG5cclxuICBAVmlld0NoaWxkKCdvdmVybGF5Jywge3N0YXRpYzogdHJ1ZX0pXHJcbiAgb3ZlcmxheTogYW55O1xyXG5cclxuICBwdWJsaWMgY2xvc2VBbGVydCgpIHtcclxuICAgIHRoaXMuY2xvc2UuZW1pdChudWxsKTtcclxuICB9XHJcblxyXG4gIGJ0bkNsaWNrKGU6IGFueSwgYnRuOiBhbnkpIHtcclxuICAgIHRoaXMuY2xvc2UuZW1pdChidG4pO1xyXG4gIH1cclxuXHJcbiAgb3ZlcmxheUNsaWNrKGU6IGFueSkge1xyXG4gICAgdGhpcy5jbG9zZS5lbWl0KG51bGwpO1xyXG4gIH1cclxuXHJcbiAgZGlhbG9nOiBEaWFsb2dJbmZvID0gbnVsbDtcclxuXHJcbiAgaW5pdCh0eHQ6IHN0cmluZywgZGlhbG9nOiBEaWFsb2dJbmZvKSB7XHJcbiAgICB0aGlzLnRleHQgPSB0eHQ7XHJcbiAgICB0aGlzLmRpYWxvZyA9IGRpYWxvZztcclxuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xyXG4gICAgICAvLyBBbmltYXRpb25cclxuICAgICAgdGhpcy5hbGVydC5uYXRpdmVFbGVtZW50LnN0eWxlLnRyYW5zZm9ybSA9ICd0cmFuc2xhdGVZKDBweCknO1xyXG4gICAgICB0aGlzLmFsZXJ0Lm5hdGl2ZUVsZW1lbnQuc3R5bGUub3BhY2l0eSA9ICcxLjAnO1xyXG4gICAgICB0aGlzLm92ZXJsYXkubmF0aXZlRWxlbWVudC5zdHlsZS5vcGFjaXR5ID0gJzAuNCc7XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBlbGVtZW50UmVmOiBFbGVtZW50UmVmKSB7IH1cclxufVxyXG4iXX0=