ng2-widgets
Version:
Angular Widgets includes a variety of components that you can easily use in your applications.
74 lines • 7.56 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input } from '@angular/core';
export class WidgetCurrencyComponent {
constructor() {
this.bgColor = '#e8e9c9';
this.textColor = '#3e3e3c';
this.iconBgColor = '#44524b';
this.iconColor = '#ffffff';
this.currencyTitleColor = '#44524b';
this.borderBottomWidth = '3px';
this.borderBottomColor = '#9da09f';
}
/**
* @return {?}
*/
ngOnInit() {
}
}
WidgetCurrencyComponent.decorators = [
{ type: Component, args: [{
selector: 'widget-currency',
template: "<div class=\"widget-currency-container {{ status ? 'success' : 'danger' }} {{ customClass }}\"\n [ngStyle]=\"{ 'background-color': bgColor, 'color': textColor, 'border-bottom-width': borderBottomWidth, 'border-bottom-color': borderBottomColor }\">\n <div class=\"currency-icon-container\" [ngStyle]=\"{ 'background-color': iconBgColor, 'color': iconColor }\">\n <i class=\"{{ currencyIcon }}\"></i>\n </div>\n <div class=\"currency-info-container\">\n <div class=\"currency-value-container\">\n <span class=\"currency-title\" [ngStyle]=\"{ 'color': currencyTitleColor }\">{{ currencyTitle }}</span>\n <strong class=\"currency-value\">{{ currencyValue }}</strong>\n </div>\n <div class=\"currency-status-container\">\n <span class=\"currency-status\" *ngIf=\"status !== undefined\"><i class=\"{{ status ? 'fas fa-caret-up' : 'fas fa-caret-down' }}\"></i></span>\n <span class=\"currency-percent\" *ngIf=\"currencyPercent\">%{{ currencyPercent }}</span>\n </div>\n </div>\n</div>\n\n",
styles: ["@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.2/css/all.min.css);.widget-currency-container{display:flex;padding:15px;align-items:center;border-bottom-style:solid}.widget-currency-container .currency-icon-container{width:40px;height:40px;margin-right:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 2px 4px rgba(59,64,69,.1);transition:.3s}.widget-currency-container .currency-info-container{display:flex;align-items:center;justify-content:space-between;flex:1}.widget-currency-container .currency-info-container .currency-value-container{display:flex;flex-direction:column;flex:1}.widget-currency-container .currency-info-container .currency-value-container .currency-title{font-size:13px;font-weight:500;text-transform:uppercase}.widget-currency-container .currency-info-container .currency-status-container{display:flex;flex-direction:column;align-items:center}.widget-currency-container .currency-info-container .currency-status-container .currency-status{font-size:35px;line-height:21px;margin-bottom:3px}.widget-currency-container .currency-info-container .currency-status-container .currency-status i{line-height:0}.widget-currency-container .currency-info-container .currency-status-container .currency-percent{font-size:11px}.widget-currency-container.success .currency-percent,.widget-currency-container.success .currency-status{color:green!important}.widget-currency-container.danger .currency-percent,.widget-currency-container.danger .currency-status{color:red!important}.widget-currency-container:hover .currency-icon-container{box-shadow:0 4px 8px rgba(59,64,69,.2)}"]
}] }
];
/** @nocollapse */
WidgetCurrencyComponent.ctorParameters = () => [];
WidgetCurrencyComponent.propDecorators = {
status: [{ type: Input }],
currencyIcon: [{ type: Input }],
currencyTitle: [{ type: Input }],
currencyValue: [{ type: Input }],
currencyPercent: [{ type: Input }],
customClass: [{ type: Input }],
bgColor: [{ type: Input }],
textColor: [{ type: Input }],
iconBgColor: [{ type: Input }],
iconColor: [{ type: Input }],
currencyTitleColor: [{ type: Input }],
borderBottomWidth: [{ type: Input }],
borderBottomColor: [{ type: Input }]
};
if (false) {
/** @type {?} */
WidgetCurrencyComponent.prototype.status;
/** @type {?} */
WidgetCurrencyComponent.prototype.currencyIcon;
/** @type {?} */
WidgetCurrencyComponent.prototype.currencyTitle;
/** @type {?} */
WidgetCurrencyComponent.prototype.currencyValue;
/** @type {?} */
WidgetCurrencyComponent.prototype.currencyPercent;
/** @type {?} */
WidgetCurrencyComponent.prototype.customClass;
/** @type {?} */
WidgetCurrencyComponent.prototype.bgColor;
/** @type {?} */
WidgetCurrencyComponent.prototype.textColor;
/** @type {?} */
WidgetCurrencyComponent.prototype.iconBgColor;
/** @type {?} */
WidgetCurrencyComponent.prototype.iconColor;
/** @type {?} */
WidgetCurrencyComponent.prototype.currencyTitleColor;
/** @type {?} */
WidgetCurrencyComponent.prototype.borderBottomWidth;
/** @type {?} */
WidgetCurrencyComponent.prototype.borderBottomColor;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2lkZ2V0LWN1cnJlbmN5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25nMi13aWRnZXRzLyIsInNvdXJjZXMiOlsibGliL3dpZGdldHMvd2lkZ2V0LWN1cnJlbmN5L3dpZGdldC1jdXJyZW5jeS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFTLE1BQU0sZUFBZSxDQUFDO0FBT3ZELE1BQU0sT0FBTyx1QkFBdUI7SUFpQmxDO1FBUlMsWUFBTyxHQUFXLFNBQVMsQ0FBQztRQUM1QixjQUFTLEdBQVcsU0FBUyxDQUFDO1FBQzlCLGdCQUFXLEdBQVcsU0FBUyxDQUFDO1FBQ2hDLGNBQVMsR0FBVyxTQUFTLENBQUM7UUFDOUIsdUJBQWtCLEdBQVcsU0FBUyxDQUFDO1FBQ3ZDLHNCQUFpQixHQUFXLEtBQUssQ0FBQztRQUNsQyxzQkFBaUIsR0FBVyxTQUFTLENBQUM7SUFFL0IsQ0FBQzs7OztJQUVqQixRQUFRO0lBQ1IsQ0FBQzs7O1lBekJGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsaUJBQWlCO2dCQUMzQiw0Z0NBQStDOzthQUVoRDs7Ozs7cUJBR0UsS0FBSzsyQkFDTCxLQUFLOzRCQUNMLEtBQUs7NEJBQ0wsS0FBSzs4QkFDTCxLQUFLOzBCQUNMLEtBQUs7c0JBRUwsS0FBSzt3QkFDTCxLQUFLOzBCQUNMLEtBQUs7d0JBQ0wsS0FBSztpQ0FDTCxLQUFLO2dDQUNMLEtBQUs7Z0NBQ0wsS0FBSzs7OztJQWJOLHlDQUF5Qjs7SUFDekIsK0NBQThCOztJQUM5QixnREFBK0I7O0lBQy9CLGdEQUErQjs7SUFDL0Isa0RBQWlDOztJQUNqQyw4Q0FBNkI7O0lBRTdCLDBDQUFxQzs7SUFDckMsNENBQXVDOztJQUN2Qyw4Q0FBeUM7O0lBQ3pDLDRDQUF1Qzs7SUFDdkMscURBQWdEOztJQUNoRCxvREFBMkM7O0lBQzNDLG9EQUErQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbnB1dCwgT25Jbml0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnd2lkZ2V0LWN1cnJlbmN5JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3dpZGdldC1jdXJyZW5jeS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3dpZGdldC1jdXJyZW5jeS5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFdpZGdldEN1cnJlbmN5Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBASW5wdXQoKSBzdGF0dXM6IGJvb2xlYW47XG4gIEBJbnB1dCgpIGN1cnJlbmN5SWNvbjogc3RyaW5nOyAvLyByZXF1aXJlZFxuICBASW5wdXQoKSBjdXJyZW5jeVRpdGxlOiBzdHJpbmc7IC8vIHJlcXVpcmVkXG4gIEBJbnB1dCgpIGN1cnJlbmN5VmFsdWU6IG51bWJlcjsgLy8gcmVxdWlyZWRcbiAgQElucHV0KCkgY3VycmVuY3lQZXJjZW50OiBudW1iZXI7XG4gIEBJbnB1dCgpIGN1c3RvbUNsYXNzOiBzdHJpbmc7XG5cbiAgQElucHV0KCkgYmdDb2xvcjogc3RyaW5nID0gJyNlOGU5YzknO1xuICBASW5wdXQoKSB0ZXh0Q29sb3I6IHN0cmluZyA9ICcjM2UzZTNjJztcbiAgQElucHV0KCkgaWNvbkJnQ29sb3I6IHN0cmluZyA9ICcjNDQ1MjRiJztcbiAgQElucHV0KCkgaWNvbkNvbG9yOiBzdHJpbmcgPSAnI2ZmZmZmZic7XG4gIEBJbnB1dCgpIGN1cnJlbmN5VGl0bGVDb2xvcjogc3RyaW5nID0gJyM0NDUyNGInO1xuICBASW5wdXQoKSBib3JkZXJCb3R0b21XaWR0aDogc3RyaW5nID0gJzNweCc7XG4gIEBJbnB1dCgpIGJvcmRlckJvdHRvbUNvbG9yOiBzdHJpbmcgPSAnIzlkYTA5Zic7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBuZ09uSW5pdCgpIHtcbiAgfVxuXG59XG4iXX0=