UNPKG

ngx-dynamic-dashboard

Version:
35 lines 4.54 kB
import { Component, Input } from '@angular/core'; import { animate, style, transition, trigger } from '@angular/animations'; export class ErrorHandlerComponent { constructor() { } closeMessage() { this.errorExists = false; } } ErrorHandlerComponent.decorators = [ { type: Component, args: [{ moduleId: module.id, selector: 'dashboard-error-handler', template: "<div *ngIf=\"errorExists\" [@error]=\"errorExists\" class=\"ui bottom attached negative message\">\n <i (click)=\"closeMessage()\" class=\"close icon\"></i>\n <div class=\"header\">\n {{errorObject.summary}}\n </div>\n <p>\n {{errorObject.detail}}\n </p>\n\n <p>\n resource: {{errorObject.resource}}\n </p>\n\n <span class=\"error-heading\"> Potential solutions</span>\n <hr style=\"color:rgba(194,197,200,0.37)\">\n <div *ngFor=\"let solution of errorObject.solutions\" style=\"text-align: left !important\">\n <br><span class=\"error-heading\">article:&nbsp;</span> {{solution.link}}\n <br><span class=\"error-heading\">summary:&nbsp;</span> {{solution.summary}}\n </div>\n</div>\n", animations: [ trigger('error', [ transition(':enter', [ style({ opacity: 0 }), animate('1000ms', style({ opacity: 1 })) ]), transition(':leave', [ style({ opacity: 1 }), animate('1000ms', style({ opacity: 0 })) ]) ]) ], styles: [".error-heading{color:grey!important;text-align:left}"] },] } ]; ErrorHandlerComponent.ctorParameters = () => []; ErrorHandlerComponent.propDecorators = { errorObject: [{ type: Input }], errorExists: [{ type: Input }] }; //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXJyb3ItaGFuZGxlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiL1VzZXJzL2JlbmxpL3dvcmtzcGFjZXMvbmd4LWR5bmFtaWMtZGFzaGJvYXJkLWZyYW1ld29yay9wcm9qZWN0cy9uZ3gtZHluYW1pYy1kYXNoYm9hcmQvc3JjLyIsInNvdXJjZXMiOlsiZGFzaGJvYXJkL2Vycm9yL2Vycm9yLWhhbmRsZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRS9DLE9BQU8sRUFBQyxPQUFPLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQztBQXdCeEUsTUFBTSxPQUFPLHFCQUFxQjtJQUk5QjtJQUVBLENBQUM7SUFFTSxZQUFZO1FBRWYsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFLLENBQUM7SUFDN0IsQ0FBQzs7O1lBOUJKLFNBQVMsU0FBQztnQkFDUCxRQUFRLEVBQUUsTUFBTSxDQUFDLEVBQUU7Z0JBQ25CLFFBQVEsRUFBRSx5QkFBeUI7Z0JBQ25DLDJ2QkFBMEI7Z0JBRTFCLFVBQVUsRUFBRTtvQkFFUixPQUFPLENBQUMsT0FBTyxFQUFFO3dCQUNiLFVBQVUsQ0FBQyxRQUFRLEVBQUU7NEJBQ2pCLEtBQUssQ0FBQyxFQUFDLE9BQU8sRUFBRSxDQUFDLEVBQUMsQ0FBQzs0QkFDbkIsT0FBTyxDQUFDLFFBQVEsRUFBRSxLQUFLLENBQUMsRUFBQyxPQUFPLEVBQUUsQ0FBQyxFQUFDLENBQUMsQ0FBQzt5QkFDekMsQ0FBQzt3QkFDRixVQUFVLENBQUMsUUFBUSxFQUFFOzRCQUNqQixLQUFLLENBQUMsRUFBQyxPQUFPLEVBQUUsQ0FBQyxFQUFDLENBQUM7NEJBQ25CLE9BQU8sQ0FBQyxRQUFRLEVBQUUsS0FBSyxDQUFDLEVBQUMsT0FBTyxFQUFFLENBQUMsRUFBQyxDQUFDLENBQUM7eUJBQ3pDLENBQUM7cUJBQ0wsQ0FBQztpQkFDTDs7YUFDSjs7OzswQkFFSSxLQUFLOzBCQUNMLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5wdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQge2FuaW1hdGUsIHN0eWxlLCB0cmFuc2l0aW9uLCB0cmlnZ2VyfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcblxuaW1wb3J0IHtFcnJvck9iamVjdH0gZnJvbSAnLi9lcnJvci1tb2RlbCc7XG5cblxuQENvbXBvbmVudCh7XG4gICAgbW9kdWxlSWQ6IG1vZHVsZS5pZCxcbiAgICBzZWxlY3RvcjogJ2Rhc2hib2FyZC1lcnJvci1oYW5kbGVyJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vdmlldy5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9zdHlsZXMtZXJyb3IuY3NzJ10sXG4gICAgYW5pbWF0aW9uczogW1xuXG4gICAgICAgIHRyaWdnZXIoJ2Vycm9yJywgW1xuICAgICAgICAgICAgdHJhbnNpdGlvbignOmVudGVyJywgW1xuICAgICAgICAgICAgICAgIHN0eWxlKHtvcGFjaXR5OiAwfSksXG4gICAgICAgICAgICAgICAgYW5pbWF0ZSgnMTAwMG1zJywgc3R5bGUoe29wYWNpdHk6IDF9KSlcbiAgICAgICAgICAgIF0pLFxuICAgICAgICAgICAgdHJhbnNpdGlvbignOmxlYXZlJywgW1xuICAgICAgICAgICAgICAgIHN0eWxlKHtvcGFjaXR5OiAxfSksXG4gICAgICAgICAgICAgICAgYW5pbWF0ZSgnMTAwMG1zJywgc3R5bGUoe29wYWNpdHk6IDB9KSlcbiAgICAgICAgICAgIF0pXG4gICAgICAgIF0pXG4gICAgXVxufSlcbmV4cG9ydCBjbGFzcyBFcnJvckhhbmRsZXJDb21wb25lbnQge1xuICAgIEBJbnB1dCgpIGVycm9yT2JqZWN0OiBFcnJvck9iamVjdDtcbiAgICBASW5wdXQoKSBlcnJvckV4aXN0czogYm9vbGVhbjtcblxuICAgIGNvbnN0cnVjdG9yKCkge1xuXG4gICAgfVxuXG4gICAgcHVibGljIGNsb3NlTWVzc2FnZSgpIHtcblxuICAgICAgICB0aGlzLmVycm9yRXhpc3RzID0gZmFsc2U7XG4gICAgfVxuXG59XG5cbiJdfQ==