moh-common-lib
Version:
A library of Angular components, services, and styles for B.C. Government Ministry of Health (MoH).
55 lines • 5.29 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input } from '@angular/core';
import { Base } from '../../models/base';
/** @enum {string} */
const ApiStatusCodes = {
SUCCESS: '0',
ERROR: '1',
WARNING: '2',
};
export { ApiStatusCodes };
export class ConfirmTemplateComponent extends Base {
constructor() {
super();
this.displayIcon = ApiStatusCodes.SUCCESS;
}
// Status codes
/**
* @return {?}
*/
get successCode() {
return ApiStatusCodes.SUCCESS;
}
/**
* @return {?}
*/
get errorCode() {
return ApiStatusCodes.ERROR;
}
/**
* @return {?}
*/
get warningCode() {
return ApiStatusCodes.WARNING;
}
}
ConfirmTemplateComponent.decorators = [
{ type: Component, args: [{
selector: 'common-confirm-template',
template: "<ng-content select=\"[confirmationTitle]\"></ng-content>\r\n<common-page-section layout='noTips'>\r\n\r\n <!-- Icons and confirmation messages -->\r\n <div [ngSwitch]=\"displayIcon\">\r\n <ng-container *ngSwitchCase=\"successCode\">\r\n <div class=\"message-container border-success\">\r\n <p class=\"confirm-icon--success\">\r\n <i class=\"fa fa-2x fa-check-circle text-success pr-2\" aria-label=\"success\"></i>\r\n </p>\r\n <ng-container *ngTemplateOutlet=\"message\"></ng-container>\r\n </div>\r\n </ng-container>\r\n\r\n <ng-container *ngSwitchCase=\"errorCode\">\r\n <div class=\"message-container border-danger\">\r\n <p class=\"confirm-icon--error\">\r\n <i class=\"fa fa-2x fa-exclamation-triangle text-danger pr-2\" aria-label=\"error\"></i>\r\n </p>\r\n <ng-container *ngTemplateOutlet=\"message\"></ng-container>\r\n </div>\r\n </ng-container>\r\n\r\n <ng-container *ngSwitchCase=\"warningCode\">\r\n <div class=\"message-container border-warning\">\r\n <p class=\"confirm-icon--warning\">\r\n <i class=\"fa fa-2x fa-exclamation-circle text-warning pr-2\" aria-label=\"warning\"></i>\r\n </p>\r\n <ng-container *ngTemplateOutlet=\"message\"></ng-container>\r\n </div>\r\n </ng-container>\r\n </div>\r\n</common-page-section>\r\n\r\n<ng-content select=\"[AdditionalInfo]\"></ng-content>\r\n\r\n<ng-template #message>\r\n <ng-content></ng-content>\r\n</ng-template>",
styles: [".message-container{display:flex;padding:1rem;min-height:50px;border-style:solid;border-width:3px!important;font-size:1.25rem}@media (max-width:767.98px){.message-container{height:auto;margin:initial}}.confirm-icon--error::after,.confirm-icon--success::after,.confirm-icon--warning::after{font-size:1.5rem;margin-left:.5rem}"]
}] }
];
/** @nocollapse */
ConfirmTemplateComponent.ctorParameters = () => [];
ConfirmTemplateComponent.propDecorators = {
displayIcon: [{ type: Input }]
};
if (false) {
/** @type {?} */
ConfirmTemplateComponent.prototype.displayIcon;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlybS10ZW1wbGF0ZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9tb2gtY29tbW9uLWxpYi8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL2NvbmZpcm0tdGVtcGxhdGUvY29uZmlybS10ZW1wbGF0ZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7O0lBSXZDLFNBQVUsR0FBRztJQUNiLE9BQVEsR0FBRztJQUNYLFNBQVUsR0FBRzs7O0FBUWYsTUFBTSxPQUFPLHdCQUF5QixTQUFRLElBQUk7SUFJaEQ7UUFDRSxLQUFLLEVBQUUsQ0FBQztRQUhELGdCQUFXLEdBQW1CLGNBQWMsQ0FBQyxPQUFPLENBQUM7SUFJOUQsQ0FBQzs7Ozs7SUFHRCxJQUFJLFdBQVc7UUFDYixPQUFPLGNBQWMsQ0FBQyxPQUFPLENBQUM7SUFDaEMsQ0FBQzs7OztJQUVELElBQUksU0FBUztRQUNYLE9BQU8sY0FBYyxDQUFDLEtBQUssQ0FBQztJQUM5QixDQUFDOzs7O0lBRUQsSUFBSSxXQUFXO1FBQ2IsT0FBTyxjQUFjLENBQUMsT0FBTyxDQUFDO0lBQ2hDLENBQUM7OztZQXhCRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLHlCQUF5QjtnQkFDbkMseS9DQUFnRDs7YUFFakQ7Ozs7OzBCQUdFLEtBQUs7Ozs7SUFBTiwrQ0FBOEQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEJhc2UgfSBmcm9tICcuLi8uLi9tb2RlbHMvYmFzZSc7XHJcblxyXG5cclxuZXhwb3J0IGVudW0gQXBpU3RhdHVzQ29kZXMge1xyXG4gIFNVQ0NFU1MgPSAnMCcsXHJcbiAgRVJST1IgPSAnMScsXHJcbiAgV0FSTklORyA9ICcyJ1xyXG59XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2NvbW1vbi1jb25maXJtLXRlbXBsYXRlJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY29uZmlybS10ZW1wbGF0ZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY29uZmlybS10ZW1wbGF0ZS5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDb25maXJtVGVtcGxhdGVDb21wb25lbnQgZXh0ZW5kcyBCYXNlIHtcclxuXHJcbiAgQElucHV0KCkgZGlzcGxheUljb246IEFwaVN0YXR1c0NvZGVzID0gQXBpU3RhdHVzQ29kZXMuU1VDQ0VTUztcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7XHJcbiAgICBzdXBlcigpO1xyXG4gIH1cclxuXHJcbiAgLy8gU3RhdHVzIGNvZGVzXHJcbiAgZ2V0IHN1Y2Nlc3NDb2RlKCkge1xyXG4gICAgcmV0dXJuIEFwaVN0YXR1c0NvZGVzLlNVQ0NFU1M7XHJcbiAgfVxyXG5cclxuICBnZXQgZXJyb3JDb2RlKCkge1xyXG4gICAgcmV0dXJuIEFwaVN0YXR1c0NvZGVzLkVSUk9SO1xyXG4gIH1cclxuXHJcbiAgZ2V0IHdhcm5pbmdDb2RlKCkge1xyXG4gICAgcmV0dXJuIEFwaVN0YXR1c0NvZGVzLldBUk5JTkc7XHJcbiAgfVxyXG59XHJcbiJdfQ==