@koalarx/ui
Version:
Koala UI is a Design System developed in Angular whose objective is to facilitate and make your development faster and simpler, making this framework your greatest ally.
48 lines • 10.9 kB
JavaScript
import { ChangeDetectionStrategy, Component, Inject } from '@angular/core';
import { MAT_DIALOG_DATA } from '@angular/material/dialog';
import { KoalaAlertEnum } from './koala.alert.enum';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@angular/material/dialog";
import * as i3 from "@angular/material/button";
import * as i4 from "@angular/material/icon";
import * as i5 from "@koalarx/ui/dynamic-component";
export class DialogAlertComponent {
constructor(alert) {
this.alert = alert;
if (alert.alertEnum) {
switch (alert.alertEnum) {
case KoalaAlertEnum.success:
this.icon = 'check_circle';
this.iconColor = 'success';
break;
case KoalaAlertEnum.notFound:
this.icon = 'visibility_off';
this.iconColor = 'notFound';
break;
case KoalaAlertEnum.internalServerError:
this.icon = 'error';
this.iconColor = 'error';
break;
case KoalaAlertEnum.badRequest:
this.icon = 'warning';
this.iconColor = 'badRequest';
break;
case KoalaAlertEnum.unhautorized:
this.icon = 'no_encryption';
this.iconColor = 'unhautorized';
break;
}
}
}
}
DialogAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DialogAlertComponent, deps: [{ token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
DialogAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: DialogAlertComponent, selector: "ng-component", ngImport: i0, template: "<div class=\"content\" mat-dialog-content>\n <mat-icon *ngIf=\"alert.alertEnum else avatar\" [ngClass]=\"iconColor ?? ''\">{{icon}}</mat-icon>\n <ng-template #avatar>\n <koala-dynamic-component [dynamicComponent]=\"alert.avatar\"></koala-dynamic-component>\n </ng-template>\n <p [innerHTML]=\"alert.message\" class=\"w-100 alert-message text-center\"></p>\n</div>\n<div align=\"center\" mat-dialog-actions>\n\t<div *ngFor=\"let action of alert?.actions\">\n\t <button\n\t\t (click)=\"action.action()\"\n\t\t *ngIf=\"action.show\"\n\t\t [color]=\"action.color\"\n\t\t mat-dialog-close\n\t\t mat-raised-button>\n\t {{action.text}}\n\t </button>\n\t</div>\n <button color=\"primary\" mat-dialog-close mat-raised-button>Ok</button>\n</div>\n", styles: [".content{color:#616161}.content .alert-message{display:inline-block;margin:15px auto;font-family:OpenSans,sans-serif;font-weight:700}.content mat-icon{position:relative;display:block;margin:15px auto;width:60px;height:60px;font-size:60px}.content mat-icon.success{color:#4caf50}.content mat-icon.notFound{color:#2196f3}.content mat-icon.error{color:#e53935}.content mat-icon.badRequest{color:#ffc107}.content mat-icon.unhautorized{color:#ff9800}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5.KoalaDynamicComponentFactory, selector: "koala-dynamic-component", inputs: ["dynamicComponent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DialogAlertComponent, decorators: [{
type: Component,
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"content\" mat-dialog-content>\n <mat-icon *ngIf=\"alert.alertEnum else avatar\" [ngClass]=\"iconColor ?? ''\">{{icon}}</mat-icon>\n <ng-template #avatar>\n <koala-dynamic-component [dynamicComponent]=\"alert.avatar\"></koala-dynamic-component>\n </ng-template>\n <p [innerHTML]=\"alert.message\" class=\"w-100 alert-message text-center\"></p>\n</div>\n<div align=\"center\" mat-dialog-actions>\n\t<div *ngFor=\"let action of alert?.actions\">\n\t <button\n\t\t (click)=\"action.action()\"\n\t\t *ngIf=\"action.show\"\n\t\t [color]=\"action.color\"\n\t\t mat-dialog-close\n\t\t mat-raised-button>\n\t {{action.text}}\n\t </button>\n\t</div>\n <button color=\"primary\" mat-dialog-close mat-raised-button>Ok</button>\n</div>\n", styles: [".content{color:#616161}.content .alert-message{display:inline-block;margin:15px auto;font-family:OpenSans,sans-serif;font-weight:700}.content mat-icon{position:relative;display:block;margin:15px auto;width:60px;height:60px;font-size:60px}.content mat-icon.success{color:#4caf50}.content mat-icon.notFound{color:#2196f3}.content mat-icon.error{color:#e53935}.content mat-icon.badRequest{color:#ffc107}.content mat-icon.unhautorized{color:#ff9800}\n"] }]
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
type: Inject,
args: [MAT_DIALOG_DATA]
}] }]; } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWFsZXJ0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2FsZXJ0L3NyYy9saWIvZGlhbG9nLWFsZXJ0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL3Byb2plY3RzL2FsZXJ0L3NyYy9saWIvZGlhbG9nLWFsZXJ0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUUzRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7Ozs7Ozs7QUFPcEQsTUFBTSxPQUFPLG9CQUFvQjtJQUkvQixZQUNrQyxLQUFnQztRQUFoQyxVQUFLLEdBQUwsS0FBSyxDQUEyQjtRQUVoRSxJQUFJLEtBQUssQ0FBQyxTQUFTLEVBQUU7WUFDbkIsUUFBUSxLQUFLLENBQUMsU0FBUyxFQUFFO2dCQUN2QixLQUFLLGNBQWMsQ0FBQyxPQUFPO29CQUN6QixJQUFJLENBQUMsSUFBSSxHQUFHLGNBQWMsQ0FBQztvQkFDM0IsSUFBSSxDQUFDLFNBQVMsR0FBRyxTQUFTLENBQUM7b0JBQzNCLE1BQU07Z0JBQ1IsS0FBSyxjQUFjLENBQUMsUUFBUTtvQkFDMUIsSUFBSSxDQUFDLElBQUksR0FBRyxnQkFBZ0IsQ0FBQztvQkFDN0IsSUFBSSxDQUFDLFNBQVMsR0FBRyxVQUFVLENBQUM7b0JBQzVCLE1BQU07Z0JBQ1IsS0FBSyxjQUFjLENBQUMsbUJBQW1CO29CQUNyQyxJQUFJLENBQUMsSUFBSSxHQUFHLE9BQU8sQ0FBQztvQkFDcEIsSUFBSSxDQUFDLFNBQVMsR0FBRyxPQUFPLENBQUM7b0JBQ3pCLE1BQU07Z0JBQ1IsS0FBSyxjQUFjLENBQUMsVUFBVTtvQkFDNUIsSUFBSSxDQUFDLElBQUksR0FBRyxTQUFTLENBQUM7b0JBQ3RCLElBQUksQ0FBQyxTQUFTLEdBQUcsWUFBWSxDQUFDO29CQUM5QixNQUFNO2dCQUNSLEtBQUssY0FBYyxDQUFDLFlBQVk7b0JBQzlCLElBQUksQ0FBQyxJQUFJLEdBQUcsZUFBZSxDQUFDO29CQUM1QixJQUFJLENBQUMsU0FBUyxHQUFHLGNBQWMsQ0FBQztvQkFDaEMsTUFBTTthQUNUO1NBQ0Y7SUFDSCxDQUFDOztpSEEvQlUsb0JBQW9CLGtCQUtyQixlQUFlO3FHQUxkLG9CQUFvQixvRENWakMscXZCQW9CQTsyRkRWYSxvQkFBb0I7a0JBTGhDLFNBQVM7c0NBR1MsdUJBQXVCLENBQUMsTUFBTTs7MEJBTzVDLE1BQU07MkJBQUMsZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTUFUX0RJQUxPR19EQVRBIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcbmltcG9ydCB7IEtvYWxhQWxlcnRDb25maWdJbnRlcmZhY2UgfSBmcm9tICcuL2tvYWxhLmFsZXJ0LWNvbmZpZy5pbnRlcmZhY2UnO1xuaW1wb3J0IHsgS29hbGFBbGVydEVudW0gfSBmcm9tICcuL2tvYWxhLmFsZXJ0LmVudW0nO1xuXG5AQ29tcG9uZW50KHtcbiAgdGVtcGxhdGVVcmw6ICdkaWFsb2ctYWxlcnQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnZGlhbG9nLWFsZXJ0LmNvbXBvbmVudC5jc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgRGlhbG9nQWxlcnRDb21wb25lbnQge1xuICBwdWJsaWMgaWNvbj86IHN0cmluZztcbiAgcHVibGljIGljb25Db2xvcj86IHN0cmluZztcblxuICBjb25zdHJ1Y3RvcihcbiAgICBASW5qZWN0KE1BVF9ESUFMT0dfREFUQSkgcHVibGljIGFsZXJ0OiBLb2FsYUFsZXJ0Q29uZmlnSW50ZXJmYWNlXG4gICkge1xuICAgIGlmIChhbGVydC5hbGVydEVudW0pIHtcbiAgICAgIHN3aXRjaCAoYWxlcnQuYWxlcnRFbnVtKSB7XG4gICAgICAgIGNhc2UgS29hbGFBbGVydEVudW0uc3VjY2VzczpcbiAgICAgICAgICB0aGlzLmljb24gPSAnY2hlY2tfY2lyY2xlJztcbiAgICAgICAgICB0aGlzLmljb25Db2xvciA9ICdzdWNjZXNzJztcbiAgICAgICAgICBicmVhaztcbiAgICAgICAgY2FzZSBLb2FsYUFsZXJ0RW51bS5ub3RGb3VuZDpcbiAgICAgICAgICB0aGlzLmljb24gPSAndmlzaWJpbGl0eV9vZmYnO1xuICAgICAgICAgIHRoaXMuaWNvbkNvbG9yID0gJ25vdEZvdW5kJztcbiAgICAgICAgICBicmVhaztcbiAgICAgICAgY2FzZSBLb2FsYUFsZXJ0RW51bS5pbnRlcm5hbFNlcnZlckVycm9yOlxuICAgICAgICAgIHRoaXMuaWNvbiA9ICdlcnJvcic7XG4gICAgICAgICAgdGhpcy5pY29uQ29sb3IgPSAnZXJyb3InO1xuICAgICAgICAgIGJyZWFrO1xuICAgICAgICBjYXNlIEtvYWxhQWxlcnRFbnVtLmJhZFJlcXVlc3Q6XG4gICAgICAgICAgdGhpcy5pY29uID0gJ3dhcm5pbmcnO1xuICAgICAgICAgIHRoaXMuaWNvbkNvbG9yID0gJ2JhZFJlcXVlc3QnO1xuICAgICAgICAgIGJyZWFrO1xuICAgICAgICBjYXNlIEtvYWxhQWxlcnRFbnVtLnVuaGF1dG9yaXplZDpcbiAgICAgICAgICB0aGlzLmljb24gPSAnbm9fZW5jcnlwdGlvbic7XG4gICAgICAgICAgdGhpcy5pY29uQ29sb3IgPSAndW5oYXV0b3JpemVkJztcbiAgICAgICAgICBicmVhaztcbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJjb250ZW50XCIgbWF0LWRpYWxvZy1jb250ZW50PlxuICA8bWF0LWljb24gKm5nSWY9XCJhbGVydC5hbGVydEVudW0gZWxzZSBhdmF0YXJcIiBbbmdDbGFzc109XCJpY29uQ29sb3IgPz8gJydcIj57e2ljb259fTwvbWF0LWljb24+XG4gIDxuZy10ZW1wbGF0ZSAjYXZhdGFyPlxuICAgIDxrb2FsYS1keW5hbWljLWNvbXBvbmVudCBbZHluYW1pY0NvbXBvbmVudF09XCJhbGVydC5hdmF0YXJcIj48L2tvYWxhLWR5bmFtaWMtY29tcG9uZW50PlxuICA8L25nLXRlbXBsYXRlPlxuICA8cCBbaW5uZXJIVE1MXT1cImFsZXJ0Lm1lc3NhZ2VcIiBjbGFzcz1cInctMTAwIGFsZXJ0LW1lc3NhZ2UgdGV4dC1jZW50ZXJcIj48L3A+XG48L2Rpdj5cbjxkaXYgYWxpZ249XCJjZW50ZXJcIiBtYXQtZGlhbG9nLWFjdGlvbnM+XG5cdDxkaXYgKm5nRm9yPVwibGV0IGFjdGlvbiBvZiBhbGVydD8uYWN0aW9uc1wiPlxuXHQgIDxidXR0b25cblx0XHQgIChjbGljayk9XCJhY3Rpb24uYWN0aW9uKClcIlxuXHRcdCAgKm5nSWY9XCJhY3Rpb24uc2hvd1wiXG5cdFx0ICBbY29sb3JdPVwiYWN0aW9uLmNvbG9yXCJcblx0XHQgIG1hdC1kaWFsb2ctY2xvc2Vcblx0XHQgIG1hdC1yYWlzZWQtYnV0dG9uPlxuXHQgICAge3thY3Rpb24udGV4dH19XG5cdCAgPC9idXR0b24+XG5cdDwvZGl2PlxuICA8YnV0dG9uIGNvbG9yPVwicHJpbWFyeVwiIG1hdC1kaWFsb2ctY2xvc2UgbWF0LXJhaXNlZC1idXR0b24+T2s8L2J1dHRvbj5cbjwvZGl2PlxuIl19