angular-admin-lte-teliqo
Version:
npm# angular-admin-lte
127 lines (126 loc) • 9.93 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes} checked by tsc
*/
import { Component, Input, ContentChild } from '@angular/core';
import { BoxInfoContentDirective, BoxInfoFooterDirective, BoxInfoHeaderDirective } from './box-info.directive';
export class BoxInfoComponent {
constructor() {
this.contentStyleClass = 'info-box-number';
this.footerStyleClass = 'progress-description';
this.headerStyleClass = 'info-box-text';
this.iconColor = '#fff';
this.iconStyleClass = 'ion ion-bag';
this.styleClass = 'info-box';
}
/**
* \@method ngOnInit
* @return {?}
*/
ngOnInit() {
if (!this.backgroundColor) {
this.progressBarBg = this.iconBackgroundColor;
}
}
}
BoxInfoComponent.decorators = [
{ type: Component, args: [{
selector: 'mk-box-info',
styles: [`.info-box.bg-color>.info-box-content{color:#fff}`],
template: `<div [ngClass]="styleClass" [mkColor]="backgroundColor" mkColorProperty="background-color">
<span class="info-box-icon" [mkColor]="iconBackgroundColor" mkColorProperty="background-color">
<i [ngClass]="iconStyleClass" [mkFontColor]="iconColor"></i>
</span>
<div class="info-box-content">
<span *ngIf="header || boxInfoHeaderDirective" [ngClass]="headerStyleClass" [mkFontColor]="headerColor">
{{header}}
<ng-content select="mk-box-header"></ng-content>
</span>
<span [ngClass]="contentStyleClass" [mkFontColor]="contentColor">
<ng-container *ngIf="boxInfoHeaderDirective || boxInfoContentDirective || boxInfoFooterDirective; else noDirective">
<ng-content select="mk-box-content"></ng-content>
</ng-container>
<ng-template #noDirective>
<ng-content></ng-content>
</ng-template>
</span>
<div *ngIf="progressWidth" class="progress">
<div class="progress-bar" [mkColor]="progressBarBg" mkColorProperty="background-color" [style.width.%]="progressWidth"></div>
</div>
<span *ngIf="footer || boxInfoFooterDirective" [ngClass]="footerStyleClass" [mkFontColor]="footerColor">
{{footer}}
<ng-content select="mk-box-footer"></ng-content>
</span>
</div>
</div>
`
},] },
];
/** @nocollapse */
BoxInfoComponent.propDecorators = {
"backgroundColor": [{ type: Input },],
"contentStyleClass": [{ type: Input },],
"contentColor": [{ type: Input },],
"footer": [{ type: Input },],
"footerColor": [{ type: Input },],
"footerStyleClass": [{ type: Input },],
"header": [{ type: Input },],
"headerColor": [{ type: Input },],
"headerStyleClass": [{ type: Input },],
"iconBackgroundColor": [{ type: Input },],
"iconColor": [{ type: Input },],
"iconStyleClass": [{ type: Input },],
"progressWidth": [{ type: Input },],
"styleClass": [{ type: Input },],
"boxInfoHeaderDirective": [{ type: ContentChild, args: [BoxInfoHeaderDirective,] },],
"boxInfoFooterDirective": [{ type: ContentChild, args: [BoxInfoFooterDirective,] },],
"boxInfoContentDirective": [{ type: ContentChild, args: [BoxInfoContentDirective,] },],
};
function BoxInfoComponent_tsickle_Closure_declarations() {
/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
BoxInfoComponent.decorators;
/**
* @nocollapse
* @type {function(): !Array<(null|{type: ?, decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>)})>}
*/
BoxInfoComponent.ctorParameters;
/** @type {!Object<string,!Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
BoxInfoComponent.propDecorators;
/** @type {?} */
BoxInfoComponent.prototype.progressBarBg;
/** @type {?} */
BoxInfoComponent.prototype.backgroundColor;
/** @type {?} */
BoxInfoComponent.prototype.contentStyleClass;
/** @type {?} */
BoxInfoComponent.prototype.contentColor;
/** @type {?} */
BoxInfoComponent.prototype.footer;
/** @type {?} */
BoxInfoComponent.prototype.footerColor;
/** @type {?} */
BoxInfoComponent.prototype.footerStyleClass;
/** @type {?} */
BoxInfoComponent.prototype.header;
/** @type {?} */
BoxInfoComponent.prototype.headerColor;
/** @type {?} */
BoxInfoComponent.prototype.headerStyleClass;
/** @type {?} */
BoxInfoComponent.prototype.iconBackgroundColor;
/** @type {?} */
BoxInfoComponent.prototype.iconColor;
/** @type {?} */
BoxInfoComponent.prototype.iconStyleClass;
/** @type {?} */
BoxInfoComponent.prototype.progressWidth;
/** @type {?} */
BoxInfoComponent.prototype.styleClass;
/** @type {?} */
BoxInfoComponent.prototype.boxInfoHeaderDirective;
/** @type {?} */
BoxInfoComponent.prototype.boxInfoFooterDirective;
/** @type {?} */
BoxInfoComponent.prototype.boxInfoContentDirective;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm94LWluZm8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vYW5ndWxhci1hZG1pbi1sdGUtdGVsaXFvLyIsInNvdXJjZXMiOlsibGliL2JveC1pbmZvL2JveC1pbmZvLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxzQkFBc0IsRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBb0MvRyxNQUFNOztpQ0FJZ0MsaUJBQWlCO2dDQUlsQixzQkFBc0I7Z0NBR3RCLGVBQWU7eUJBRXRCLE1BQU07OEJBQ0QsYUFBYTswQkFFakIsVUFBVTs7Ozs7O0lBU3ZDLFFBQVE7UUFDTixFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDO1lBQzFCLElBQUksQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDLG1CQUFtQixDQUFDO1NBQy9DO0tBQ0Y7OztZQTVERixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGFBQWE7Z0JBQ3ZCLE1BQU0sRUFBRSxDQUFDLGtEQUFrRCxDQUFDO2dCQUM1RCxRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0NBMEJYO2FBQ0E7Ozs7Z0NBSUUsS0FBSztrQ0FDTCxLQUFLOzZCQUNMLEtBQUs7dUJBQ0wsS0FBSzs0QkFDTCxLQUFLO2lDQUNMLEtBQUs7dUJBQ0wsS0FBSzs0QkFDTCxLQUFLO2lDQUNMLEtBQUs7b0NBQ0wsS0FBSzswQkFDTCxLQUFLOytCQUNMLEtBQUs7OEJBQ0wsS0FBSzsyQkFDTCxLQUFLO3VDQUVMLFlBQVksU0FBQyxzQkFBc0I7dUNBQ25DLFlBQVksU0FBQyxzQkFBc0I7d0NBQ25DLFlBQVksU0FBQyx1QkFBdUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQsIENvbnRlbnRDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQm94SW5mb0NvbnRlbnREaXJlY3RpdmUsIEJveEluZm9Gb290ZXJEaXJlY3RpdmUsIEJveEluZm9IZWFkZXJEaXJlY3RpdmUgfSBmcm9tICcuL2JveC1pbmZvLmRpcmVjdGl2ZSc7XG5cbi8qXG4gKlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtay1ib3gtaW5mbycsXG4gIHN0eWxlczogW2AuaW5mby1ib3guYmctY29sb3I+LmluZm8tYm94LWNvbnRlbnR7Y29sb3I6I2ZmZn1gXSxcbiAgdGVtcGxhdGU6IGA8ZGl2IFtuZ0NsYXNzXT1cInN0eWxlQ2xhc3NcIiBbbWtDb2xvcl09XCJiYWNrZ3JvdW5kQ29sb3JcIiBta0NvbG9yUHJvcGVydHk9XCJiYWNrZ3JvdW5kLWNvbG9yXCI+XG4gIDxzcGFuIGNsYXNzPVwiaW5mby1ib3gtaWNvblwiIFtta0NvbG9yXT1cImljb25CYWNrZ3JvdW5kQ29sb3JcIiBta0NvbG9yUHJvcGVydHk9XCJiYWNrZ3JvdW5kLWNvbG9yXCI+XG4gICAgPGkgW25nQ2xhc3NdPVwiaWNvblN0eWxlQ2xhc3NcIiBbbWtGb250Q29sb3JdPVwiaWNvbkNvbG9yXCI+PC9pPlxuICA8L3NwYW4+XG4gIDxkaXYgY2xhc3M9XCJpbmZvLWJveC1jb250ZW50XCI+XG4gICAgPHNwYW4gKm5nSWY9XCJoZWFkZXIgfHwgYm94SW5mb0hlYWRlckRpcmVjdGl2ZVwiIFtuZ0NsYXNzXT1cImhlYWRlclN0eWxlQ2xhc3NcIiBbbWtGb250Q29sb3JdPVwiaGVhZGVyQ29sb3JcIj5cbiAgICAgIHt7aGVhZGVyfX1cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIm1rLWJveC1oZWFkZXJcIj48L25nLWNvbnRlbnQ+XG4gICAgPC9zcGFuPlxuICAgIDxzcGFuIFtuZ0NsYXNzXT1cImNvbnRlbnRTdHlsZUNsYXNzXCIgW21rRm9udENvbG9yXT1cImNvbnRlbnRDb2xvclwiPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImJveEluZm9IZWFkZXJEaXJlY3RpdmUgfHwgYm94SW5mb0NvbnRlbnREaXJlY3RpdmUgfHwgYm94SW5mb0Zvb3RlckRpcmVjdGl2ZTsgZWxzZSBub0RpcmVjdGl2ZVwiPlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJtay1ib3gtY29udGVudFwiPjwvbmctY29udGVudD5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgPG5nLXRlbXBsYXRlICNub0RpcmVjdGl2ZT5cbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8L3NwYW4+XG4gICAgPGRpdiAqbmdJZj1cInByb2dyZXNzV2lkdGhcIiBjbGFzcz1cInByb2dyZXNzXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwicHJvZ3Jlc3MtYmFyXCIgW21rQ29sb3JdPVwicHJvZ3Jlc3NCYXJCZ1wiIG1rQ29sb3JQcm9wZXJ0eT1cImJhY2tncm91bmQtY29sb3JcIiBbc3R5bGUud2lkdGguJV09XCJwcm9ncmVzc1dpZHRoXCI+PC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPHNwYW4gKm5nSWY9XCJmb290ZXIgfHwgYm94SW5mb0Zvb3RlckRpcmVjdGl2ZVwiIFtuZ0NsYXNzXT1cImZvb3RlclN0eWxlQ2xhc3NcIiBbbWtGb250Q29sb3JdPVwiZm9vdGVyQ29sb3JcIj5cbiAgICAgIHt7Zm9vdGVyfX1cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIm1rLWJveC1mb290ZXJcIj48L25nLWNvbnRlbnQ+XG4gICAgPC9zcGFuPlxuICA8L2Rpdj5cbjwvZGl2PlxuYFxufSlcbmV4cG9ydCBjbGFzcyBCb3hJbmZvQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgcHVibGljIHByb2dyZXNzQmFyQmc6IHN0cmluZztcblxuICBASW5wdXQoKSBwdWJsaWMgYmFja2dyb3VuZENvbG9yOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBjb250ZW50U3R5bGVDbGFzcyA9ICdpbmZvLWJveC1udW1iZXInO1xuICBASW5wdXQoKSBwdWJsaWMgY29udGVudENvbG9yOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBmb290ZXI6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIGZvb3RlckNvbG9yOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBmb290ZXJTdHlsZUNsYXNzID0gJ3Byb2dyZXNzLWRlc2NyaXB0aW9uJztcbiAgQElucHV0KCkgcHVibGljIGhlYWRlcjogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgaGVhZGVyQ29sb3I6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIGhlYWRlclN0eWxlQ2xhc3MgPSAnaW5mby1ib3gtdGV4dCc7XG4gIEBJbnB1dCgpIHB1YmxpYyBpY29uQmFja2dyb3VuZENvbG9yOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBpY29uQ29sb3IgPSAnI2ZmZic7XG4gIEBJbnB1dCgpIHB1YmxpYyBpY29uU3R5bGVDbGFzcyA9ICdpb24gaW9uLWJhZyc7XG4gIEBJbnB1dCgpIHB1YmxpYyBwcm9ncmVzc1dpZHRoOiBudW1iZXI7XG4gIEBJbnB1dCgpIHB1YmxpYyBzdHlsZUNsYXNzID0gJ2luZm8tYm94JztcblxuICBAQ29udGVudENoaWxkKEJveEluZm9IZWFkZXJEaXJlY3RpdmUpIHB1YmxpYyBib3hJbmZvSGVhZGVyRGlyZWN0aXZlOiBCb3hJbmZvSGVhZGVyRGlyZWN0aXZlO1xuICBAQ29udGVudENoaWxkKEJveEluZm9Gb290ZXJEaXJlY3RpdmUpIHB1YmxpYyBib3hJbmZvRm9vdGVyRGlyZWN0aXZlOiBCb3hJbmZvRm9vdGVyRGlyZWN0aXZlO1xuICBAQ29udGVudENoaWxkKEJveEluZm9Db250ZW50RGlyZWN0aXZlKSBwdWJsaWMgYm94SW5mb0NvbnRlbnREaXJlY3RpdmU6IEJveEluZm9Db250ZW50RGlyZWN0aXZlO1xuXG4gIC8qKlxuICAgKiBAbWV0aG9kIG5nT25Jbml0XG4gICAqL1xuICBuZ09uSW5pdCgpIHtcbiAgICBpZiAoIXRoaXMuYmFja2dyb3VuZENvbG9yKSB7XG4gICAgICB0aGlzLnByb2dyZXNzQmFyQmcgPSB0aGlzLmljb25CYWNrZ3JvdW5kQ29sb3I7XG4gICAgfVxuICB9XG59XG4iXX0=