ngx-dynamic-dashboard
Version:
an dashboard lib for angular 10
35 lines • 4.54 kB
JavaScript
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: </span> {{solution.link}}\n <br><span class=\"error-heading\">summary: </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==