com.phloxui
Version:
PhloxUI Ng2+ Framework
101 lines (100 loc) • 11.9 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes} checked by tsc
*/
import * as tslib_1 from "tslib";
import { Component, Input } from '@angular/core';
import { Option } from '../decorator/Option.decorator';
var /** @type {?} */ TYPE_NAME = "phx-signals-indicator";
var SignalsIndicator = /** @class */ (function () {
function SignalsIndicator() {
this.ONE_BAR = "one-bar";
this.TWO_BARS = "two-bars";
this.THREE_BARS = "three-bars";
this.FOUR_BARS = "four-bars";
}
/**
* @return {?}
*/
SignalsIndicator.prototype.getSignalBarClass = /**
* @return {?}
*/
function () {
var /** @type {?} */ signalClasses = [];
if (this.signalPercent !== null && typeof this.signalPercent === 'number') {
if (this.signalPercent > 0) {
if (this.signalPercent >= 1 && this.signalPercent <= 25) {
signalClasses.push(this.ONE_BAR);
}
else if (this.signalPercent >= 26 && this.signalPercent <= 50) {
signalClasses.push(this.TWO_BARS);
}
else if (this.signalPercent >= 51 && this.signalPercent <= 75) {
signalClasses.push(this.THREE_BARS);
}
else {
// over 76%
signalClasses.push(this.FOUR_BARS);
}
}
else {
// <= 0 do nothing
}
}
return signalClasses;
};
/**
* @param {?} percent
* @return {?}
*/
SignalsIndicator.prototype.setSignalPercent = /**
* @param {?} percent
* @return {?}
*/
function (percent) {
this.signalPercent = percent;
};
SignalsIndicator.TYPE_NAME = TYPE_NAME;
SignalsIndicator.decorators = [
{ type: Component, args: [{
moduleId: module.id,
selector: TYPE_NAME,
template: "<!-- <div class=\"phx-signals-indicator\">\n <div [attr.class]=\"'signal-bars sizing-box ' + getSignalBarClass().join(' ')\">\n <div class=\"first-bar bar\"></div>\n <div class=\"second-bar bar\"></div>\n <div class=\"third-bar bar\"></div>\n <div class=\"fourth-bar bar\"></div>\n </div>\n</div> -->\n<div class=\"phx-signals-indicator\">\n <div [attr.class]=\"'signals-indicator ' + getSignalBarClass().join(' ')\">\n <svg id=\"signal\" data-name=\"signal\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 23.467 17.602\">\n <defs>\n <style>\n .cls-1 {\n fill: #efefef;\n }\n </style>\n </defs>\n <path id=\"signal_one\" data-name=\"Signal one\" class=\"cls-1\" d=\"M2.347,14.007h0A2.289,2.289,0,0,1,0,11.807V9.9A2.256,2.256,0,0,1,2.2,7.7h.147a2.256,2.256,0,0,1,2.2,2.2v1.907A2.256,2.256,0,0,1,2.347,14.007Z\" transform=\"translate(0 3.593)\" />\n <path id=\"signal_two\" data-name=\"Signal two\" class=\"cls-1\" d=\"M6.647,15.22h0A2.289,2.289,0,0,1,4.3,13.02V7.3A2.256,2.256,0,0,1,6.5,5.1h.147a2.256,2.256,0,0,1,2.2,2.2v5.72A2.256,2.256,0,0,1,6.647,15.22Z\" transform=\"translate(2.007 2.38)\" />\n <path id=\"signal_three\" data-name=\"Signal three\" class=\"cls-1\" d=\"M10.947,16.387h0a2.289,2.289,0,0,1-2.347-2.2V4.8a2.256,2.256,0,0,1,2.2-2.2h.147a2.256,2.256,0,0,1,2.2,2.2v9.387A2.256,2.256,0,0,1,10.947,16.387Z\" transform=\"translate(4.013 1.213)\" />\n <path id=\"signal_four\" data-name=\"Signal four\" class=\"cls-1\" d=\"M15.247,17.6h0A2.289,2.289,0,0,1,12.9,15.4V2.2A2.256,2.256,0,0,1,15.1,0h.147a2.256,2.256,0,0,1,2.2,2.2V15.4A2.256,2.256,0,0,1,15.247,17.6Z\" transform=\"translate(6.02)\" />\n </svg>\n\n </div>\n <!-- <div class=\"first-bar bar\"></div>\n <div class=\"second-bar bar\"></div>\n <div class=\"third-bar bar\"></div>\n <div class=\"fourth-bar bar\"></div> -->\n</div>\n"
},] },
];
/** @nocollapse */
SignalsIndicator.ctorParameters = function () { return []; };
SignalsIndicator.propDecorators = {
"signalPercent": [{ type: Input, args: ["percent",] },],
};
tslib_1.__decorate([
Option("percent"),
tslib_1.__metadata("design:type", Number)
], SignalsIndicator.prototype, "signalPercent", void 0);
return SignalsIndicator;
}());
export { SignalsIndicator };
function SignalsIndicator_tsickle_Closure_declarations() {
/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
SignalsIndicator.decorators;
/**
* @nocollapse
* @type {function(): !Array<(null|{type: ?, decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>)})>}
*/
SignalsIndicator.ctorParameters;
/** @type {!Object<string,!Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
SignalsIndicator.propDecorators;
/** @type {?} */
SignalsIndicator.TYPE_NAME;
/** @type {?} */
SignalsIndicator.prototype.ONE_BAR;
/** @type {?} */
SignalsIndicator.prototype.TWO_BARS;
/** @type {?} */
SignalsIndicator.prototype.THREE_BARS;
/** @type {?} */
SignalsIndicator.prototype.FOUR_BARS;
/** @type {?} */
SignalsIndicator.prototype.signalPercent;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2lnbmFsc0luZGljYXRvci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9jb20ucGhsb3h1aS8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnQvU2lnbmFsc0luZGljYXRvci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVqRCxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFJdkQscUJBQU0sU0FBUyxHQUFXLHVCQUF1QixDQUFDOztJQWtEaEQ7dUJBVDBCLFNBQVM7d0JBQ1IsVUFBVTswQkFDUixZQUFZO3lCQUNiLFdBQVc7S0FPdEM7Ozs7SUFFTSw0Q0FBaUI7Ozs7UUFDdEIscUJBQUksYUFBYSxHQUFhLEVBQUUsQ0FBQztRQUNqQyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsYUFBYSxLQUFLLElBQUksSUFBSSxPQUFPLElBQUksQ0FBQyxhQUFhLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQztZQUMxRSxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsYUFBYSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUM7Z0JBQzNCLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxhQUFhLElBQUksQ0FBQyxJQUFJLElBQUksQ0FBQyxhQUFhLElBQUksRUFBRSxDQUFDLENBQUMsQ0FBQztvQkFDeEQsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7aUJBQ2xDO2dCQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsYUFBYSxJQUFJLEVBQUUsSUFBSSxJQUFJLENBQUMsYUFBYSxJQUFJLEVBQUUsQ0FBQyxDQUFDLENBQUM7b0JBQ2hFLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO2lCQUNuQztnQkFBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLGFBQWEsSUFBSSxFQUFFLElBQUksSUFBSSxDQUFDLGFBQWEsSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUFDO29CQUNoRSxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztpQkFDckM7Z0JBQUMsSUFBSSxDQUFDLENBQUM7O29CQUVOLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO2lCQUNwQzthQUNGO1lBQUMsSUFBSSxDQUFDLENBQUM7O2FBRVA7U0FDRjtRQUVELE1BQU0sQ0FBQyxhQUFhLENBQUM7Ozs7OztJQUdoQiwyQ0FBZ0I7Ozs7Y0FBQyxPQUFlO1FBQ3JDLElBQUksQ0FBQyxhQUFhLEdBQUcsT0FBTyxDQUFDOztpQ0FyQ1ksU0FBUzs7Z0JBckNyRCxTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLE1BQU0sQ0FBQyxFQUFFO29CQUNuQixRQUFRLEVBQUUsU0FBUztvQkFDbkIsUUFBUSxFQUFFLHUzREE4Qlg7aUJBQ0E7Ozs7O2tDQVVFLEtBQUssU0FBQyxTQUFTOzs7UUFDZixNQUFNLENBQUMsU0FBUyxDQUFDOzs7MkJBckRwQjs7U0EyQ2EsZ0JBQWdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBPcHRpb24gfSBmcm9tICcuLi9kZWNvcmF0b3IvT3B0aW9uLmRlY29yYXRvcic7XG5cbmRlY2xhcmUgdmFyICQ6IGFueTtcblxuY29uc3QgVFlQRV9OQU1FOiBzdHJpbmcgPSBcInBoeC1zaWduYWxzLWluZGljYXRvclwiO1xuXG5AQ29tcG9uZW50KHtcbiAgbW9kdWxlSWQ6IG1vZHVsZS5pZCxcbiAgc2VsZWN0b3I6IFRZUEVfTkFNRSxcbiAgdGVtcGxhdGU6IGA8IS0tIDxkaXYgY2xhc3M9XCJwaHgtc2lnbmFscy1pbmRpY2F0b3JcIj5cclxuICA8ZGl2IFthdHRyLmNsYXNzXT1cIidzaWduYWwtYmFycyBzaXppbmctYm94ICcgKyBnZXRTaWduYWxCYXJDbGFzcygpLmpvaW4oJyAnKVwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImZpcnN0LWJhciBiYXJcIj48L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJzZWNvbmQtYmFyIGJhclwiPjwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cInRoaXJkLWJhciBiYXJcIj48L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJmb3VydGgtYmFyIGJhclwiPjwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj4gLS0+XHJcbjxkaXYgY2xhc3M9XCJwaHgtc2lnbmFscy1pbmRpY2F0b3JcIj5cclxuICA8ZGl2IFthdHRyLmNsYXNzXT1cIidzaWduYWxzLWluZGljYXRvciAnICsgZ2V0U2lnbmFsQmFyQ2xhc3MoKS5qb2luKCcgJylcIj5cclxuICAgIDxzdmcgaWQ9XCJzaWduYWxcIiBkYXRhLW5hbWU9XCJzaWduYWxcIiB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgdmlld0JveD1cIjAgMCAyMy40NjcgMTcuNjAyXCI+XHJcbiAgICAgIDxkZWZzPlxyXG4gICAgICAgIDxzdHlsZT5cclxuICAgICAgICAgIC5jbHMtMSB7XHJcbiAgICAgICAgICAgIGZpbGw6ICNlZmVmZWY7XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgPC9zdHlsZT5cclxuICAgICAgPC9kZWZzPlxyXG4gICAgICA8cGF0aCBpZD1cInNpZ25hbF9vbmVcIiBkYXRhLW5hbWU9XCJTaWduYWwgb25lXCIgY2xhc3M9XCJjbHMtMVwiIGQ9XCJNMi4zNDcsMTQuMDA3aDBBMi4yODksMi4yODksMCwwLDEsMCwxMS44MDdWOS45QTIuMjU2LDIuMjU2LDAsMCwxLDIuMiw3LjdoLjE0N2EyLjI1NiwyLjI1NiwwLDAsMSwyLjIsMi4ydjEuOTA3QTIuMjU2LDIuMjU2LDAsMCwxLDIuMzQ3LDE0LjAwN1pcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoMCAzLjU5MylcIiAvPlxyXG4gICAgICA8cGF0aCBpZD1cInNpZ25hbF90d29cIiBkYXRhLW5hbWU9XCJTaWduYWwgdHdvXCIgY2xhc3M9XCJjbHMtMVwiIGQ9XCJNNi42NDcsMTUuMjJoMEEyLjI4OSwyLjI4OSwwLDAsMSw0LjMsMTMuMDJWNy4zQTIuMjU2LDIuMjU2LDAsMCwxLDYuNSw1LjFoLjE0N2EyLjI1NiwyLjI1NiwwLDAsMSwyLjIsMi4ydjUuNzJBMi4yNTYsMi4yNTYsMCwwLDEsNi42NDcsMTUuMjJaXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDIuMDA3IDIuMzgpXCIgLz5cclxuICAgICAgPHBhdGggaWQ9XCJzaWduYWxfdGhyZWVcIiBkYXRhLW5hbWU9XCJTaWduYWwgdGhyZWVcIiBjbGFzcz1cImNscy0xXCIgZD1cIk0xMC45NDcsMTYuMzg3aDBhMi4yODksMi4yODksMCwwLDEtMi4zNDctMi4yVjQuOGEyLjI1NiwyLjI1NiwwLDAsMSwyLjItMi4yaC4xNDdhMi4yNTYsMi4yNTYsMCwwLDEsMi4yLDIuMnY5LjM4N0EyLjI1NiwyLjI1NiwwLDAsMSwxMC45NDcsMTYuMzg3WlwiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSg0LjAxMyAxLjIxMylcIiAvPlxyXG4gICAgICA8cGF0aCBpZD1cInNpZ25hbF9mb3VyXCIgZGF0YS1uYW1lPVwiU2lnbmFsIGZvdXJcIiBjbGFzcz1cImNscy0xXCIgZD1cIk0xNS4yNDcsMTcuNmgwQTIuMjg5LDIuMjg5LDAsMCwxLDEyLjksMTUuNFYyLjJBMi4yNTYsMi4yNTYsMCwwLDEsMTUuMSwwaC4xNDdhMi4yNTYsMi4yNTYsMCwwLDEsMi4yLDIuMlYxNS40QTIuMjU2LDIuMjU2LDAsMCwxLDE1LjI0NywxNy42WlwiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSg2LjAyKVwiIC8+XHJcbiAgICA8L3N2Zz5cclxuXHJcbiAgPC9kaXY+XHJcbiAgPCEtLSA8ZGl2IGNsYXNzPVwiZmlyc3QtYmFyIGJhclwiPjwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cInNlY29uZC1iYXIgYmFyXCI+PC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwidGhpcmQtYmFyIGJhclwiPjwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImZvdXJ0aC1iYXIgYmFyXCI+PC9kaXY+IC0tPlxyXG48L2Rpdj5cclxuYFxufSlcbmV4cG9ydCBjbGFzcyBTaWduYWxzSW5kaWNhdG9yIHtcblxuICBwdWJsaWMgc3RhdGljIHJlYWRvbmx5IFRZUEVfTkFNRTogc3RyaW5nID0gVFlQRV9OQU1FO1xuXG4gIHByaXZhdGUgT05FX0JBUjogc3RyaW5nID0gXCJvbmUtYmFyXCI7XG4gIHByaXZhdGUgVFdPX0JBUlM6IHN0cmluZyA9IFwidHdvLWJhcnNcIjtcbiAgcHJpdmF0ZSBUSFJFRV9CQVJTOiBzdHJpbmcgPSBcInRocmVlLWJhcnNcIjtcbiAgcHJpdmF0ZSBGT1VSX0JBUlM6IHN0cmluZyA9IFwiZm91ci1iYXJzXCI7XG5cbiAgQElucHV0KFwicGVyY2VudFwiKVxuICBAT3B0aW9uKFwicGVyY2VudFwiKVxuICBwcml2YXRlIHNpZ25hbFBlcmNlbnQ6IG51bWJlcjtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgfVxuXG4gIHB1YmxpYyBnZXRTaWduYWxCYXJDbGFzcygpOiBzdHJpbmdbXSB7XG4gICAgbGV0IHNpZ25hbENsYXNzZXM6IHN0cmluZ1tdID0gW107XG4gICAgaWYgKHRoaXMuc2lnbmFsUGVyY2VudCAhPT0gbnVsbCAmJiB0eXBlb2YgdGhpcy5zaWduYWxQZXJjZW50ID09PSAnbnVtYmVyJykge1xuICAgICAgaWYgKHRoaXMuc2lnbmFsUGVyY2VudCA+IDApIHtcbiAgICAgICAgaWYgKHRoaXMuc2lnbmFsUGVyY2VudCA+PSAxICYmIHRoaXMuc2lnbmFsUGVyY2VudCA8PSAyNSkge1xuICAgICAgICAgIHNpZ25hbENsYXNzZXMucHVzaCh0aGlzLk9ORV9CQVIpO1xuICAgICAgICB9IGVsc2UgaWYgKHRoaXMuc2lnbmFsUGVyY2VudCA+PSAyNiAmJiB0aGlzLnNpZ25hbFBlcmNlbnQgPD0gNTApIHtcbiAgICAgICAgICBzaWduYWxDbGFzc2VzLnB1c2godGhpcy5UV09fQkFSUyk7XG4gICAgICAgIH0gZWxzZSBpZiAodGhpcy5zaWduYWxQZXJjZW50ID49IDUxICYmIHRoaXMuc2lnbmFsUGVyY2VudCA8PSA3NSkge1xuICAgICAgICAgIHNpZ25hbENsYXNzZXMucHVzaCh0aGlzLlRIUkVFX0JBUlMpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIC8vIG92ZXIgNzYlXG4gICAgICAgICAgc2lnbmFsQ2xhc3Nlcy5wdXNoKHRoaXMuRk9VUl9CQVJTKTtcbiAgICAgICAgfVxuICAgICAgfSBlbHNlIHtcbiAgICAgICAgLy8gPD0gMCBkbyBub3RoaW5nXG4gICAgICB9XG4gICAgfVxuXG4gICAgcmV0dXJuIHNpZ25hbENsYXNzZXM7XG4gIH1cblxuICBwdWJsaWMgc2V0U2lnbmFsUGVyY2VudChwZXJjZW50OiBudW1iZXIpOiB2b2lkIHtcbiAgICB0aGlzLnNpZ25hbFBlcmNlbnQgPSBwZXJjZW50O1xuICB9XG59XG4iXX0=