com.phloxui
Version:
PhloxUI Ng2+ Framework
122 lines (120 loc) • 11.5 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';
const /** @type {?} */ TYPE_NAME = "phx-signals-indicator";
export class SignalsIndicator {
constructor() {
this.ONE_BAR = "one-bar";
this.TWO_BARS = "two-bars";
this.THREE_BARS = "three-bars";
this.FOUR_BARS = "four-bars";
}
/**
* @return {?}
*/
getSignalBarClass() {
let /** @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 {?}
*/
setSignalPercent(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">
<div [attr.class]="'signal-bars sizing-box ' + getSignalBarClass().join(' ')">
<div class="first-bar bar"></div>
<div class="second-bar bar"></div>
<div class="third-bar bar"></div>
<div class="fourth-bar bar"></div>
</div>
</div> -->
<div class="phx-signals-indicator">
<div [attr.class]="'signals-indicator ' + getSignalBarClass().join(' ')">
<svg id="signal" data-name="signal" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23.467 17.602">
<defs>
<style>
.cls-1 {
fill: #efefef;
}
</style>
</defs>
<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)" />
<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)" />
<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)" />
<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)" />
</svg>
</div>
<!-- <div class="first-bar bar"></div>
<div class="second-bar bar"></div>
<div class="third-bar bar"></div>
<div class="fourth-bar bar"></div> -->
</div>
`
},] },
];
/** @nocollapse */
SignalsIndicator.ctorParameters = () => [];
SignalsIndicator.propDecorators = {
"signalPercent": [{ type: Input, args: ["percent",] },],
};
tslib_1.__decorate([
Option("percent"),
tslib_1.__metadata("design:type", Number)
], SignalsIndicator.prototype, "signalPercent", void 0);
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2lnbmFsc0luZGljYXRvci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9jb20ucGhsb3h1aS8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnQvU2lnbmFsc0luZGljYXRvci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVqRCxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFJdkQsdUJBQU0sU0FBUyxHQUFXLHVCQUF1QixDQUFDO0FBcUNsRCxNQUFNO0lBYUo7dUJBVDBCLFNBQVM7d0JBQ1IsVUFBVTswQkFDUixZQUFZO3lCQUNiLFdBQVc7S0FPdEM7Ozs7SUFFTSxpQkFBaUI7UUFDdEIscUJBQUksYUFBYSxHQUFhLEVBQUUsQ0FBQztRQUNqQyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsYUFBYSxLQUFLLElBQUksSUFBSSxPQUFPLElBQUksQ0FBQyxhQUFhLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQztZQUMxRSxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsYUFBYSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUM7Z0JBQzNCLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxhQUFhLElBQUksQ0FBQyxJQUFJLElBQUksQ0FBQyxhQUFhLElBQUksRUFBRSxDQUFDLENBQUMsQ0FBQztvQkFDeEQsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7aUJBQ2xDO2dCQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsYUFBYSxJQUFJLEVBQUUsSUFBSSxJQUFJLENBQUMsYUFBYSxJQUFJLEVBQUUsQ0FBQyxDQUFDLENBQUM7b0JBQ2hFLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO2lCQUNuQztnQkFBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLGFBQWEsSUFBSSxFQUFFLElBQUksSUFBSSxDQUFDLGFBQWEsSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUFDO29CQUNoRSxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztpQkFDckM7Z0JBQUMsSUFBSSxDQUFDLENBQUM7O29CQUVOLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO2lCQUNwQzthQUNGO1lBQUMsSUFBSSxDQUFDLENBQUM7O2FBRVA7U0FDRjtRQUVELE1BQU0sQ0FBQyxhQUFhLENBQUM7Ozs7OztJQUdoQixnQkFBZ0IsQ0FBQyxPQUFlO1FBQ3JDLElBQUksQ0FBQyxhQUFhLEdBQUcsT0FBTyxDQUFDOzs7NkJBckNZLFNBQVM7O1lBckNyRCxTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLE1BQU0sQ0FBQyxFQUFFO2dCQUNuQixRQUFRLEVBQUUsU0FBUztnQkFDbkIsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Q0E4Qlg7YUFDQTs7Ozs7OEJBVUUsS0FBSyxTQUFDLFNBQVM7OztJQUNmLE1BQU0sQ0FBQyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IE9wdGlvbiB9IGZyb20gJy4uL2RlY29yYXRvci9PcHRpb24uZGVjb3JhdG9yJztcblxuZGVjbGFyZSB2YXIgJDogYW55O1xuXG5jb25zdCBUWVBFX05BTUU6IHN0cmluZyA9IFwicGh4LXNpZ25hbHMtaW5kaWNhdG9yXCI7XG5cbkBDb21wb25lbnQoe1xuICBtb2R1bGVJZDogbW9kdWxlLmlkLFxuICBzZWxlY3RvcjogVFlQRV9OQU1FLFxuICB0ZW1wbGF0ZTogYDwhLS0gPGRpdiBjbGFzcz1cInBoeC1zaWduYWxzLWluZGljYXRvclwiPlxyXG4gIDxkaXYgW2F0dHIuY2xhc3NdPVwiJ3NpZ25hbC1iYXJzIHNpemluZy1ib3ggJyArIGdldFNpZ25hbEJhckNsYXNzKCkuam9pbignICcpXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiZmlyc3QtYmFyIGJhclwiPjwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cInNlY29uZC1iYXIgYmFyXCI+PC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwidGhpcmQtYmFyIGJhclwiPjwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImZvdXJ0aC1iYXIgYmFyXCI+PC9kaXY+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PiAtLT5cclxuPGRpdiBjbGFzcz1cInBoeC1zaWduYWxzLWluZGljYXRvclwiPlxyXG4gIDxkaXYgW2F0dHIuY2xhc3NdPVwiJ3NpZ25hbHMtaW5kaWNhdG9yICcgKyBnZXRTaWduYWxCYXJDbGFzcygpLmpvaW4oJyAnKVwiPlxyXG4gICAgPHN2ZyBpZD1cInNpZ25hbFwiIGRhdGEtbmFtZT1cInNpZ25hbFwiIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB2aWV3Qm94PVwiMCAwIDIzLjQ2NyAxNy42MDJcIj5cclxuICAgICAgPGRlZnM+XHJcbiAgICAgICAgPHN0eWxlPlxyXG4gICAgICAgICAgLmNscy0xIHtcclxuICAgICAgICAgICAgZmlsbDogI2VmZWZlZjtcclxuICAgICAgICAgIH1cclxuICAgICAgICA8L3N0eWxlPlxyXG4gICAgICA8L2RlZnM+XHJcbiAgICAgIDxwYXRoIGlkPVwic2lnbmFsX29uZVwiIGRhdGEtbmFtZT1cIlNpZ25hbCBvbmVcIiBjbGFzcz1cImNscy0xXCIgZD1cIk0yLjM0NywxNC4wMDdoMEEyLjI4OSwyLjI4OSwwLDAsMSwwLDExLjgwN1Y5LjlBMi4yNTYsMi4yNTYsMCwwLDEsMi4yLDcuN2guMTQ3YTIuMjU2LDIuMjU2LDAsMCwxLDIuMiwyLjJ2MS45MDdBMi4yNTYsMi4yNTYsMCwwLDEsMi4zNDcsMTQuMDA3WlwiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgwIDMuNTkzKVwiIC8+XHJcbiAgICAgIDxwYXRoIGlkPVwic2lnbmFsX3R3b1wiIGRhdGEtbmFtZT1cIlNpZ25hbCB0d29cIiBjbGFzcz1cImNscy0xXCIgZD1cIk02LjY0NywxNS4yMmgwQTIuMjg5LDIuMjg5LDAsMCwxLDQuMywxMy4wMlY3LjNBMi4yNTYsMi4yNTYsMCwwLDEsNi41LDUuMWguMTQ3YTIuMjU2LDIuMjU2LDAsMCwxLDIuMiwyLjJ2NS43MkEyLjI1NiwyLjI1NiwwLDAsMSw2LjY0NywxNS4yMlpcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoMi4wMDcgMi4zOClcIiAvPlxyXG4gICAgICA8cGF0aCBpZD1cInNpZ25hbF90aHJlZVwiIGRhdGEtbmFtZT1cIlNpZ25hbCB0aHJlZVwiIGNsYXNzPVwiY2xzLTFcIiBkPVwiTTEwLjk0NywxNi4zODdoMGEyLjI4OSwyLjI4OSwwLDAsMS0yLjM0Ny0yLjJWNC44YTIuMjU2LDIuMjU2LDAsMCwxLDIuMi0yLjJoLjE0N2EyLjI1NiwyLjI1NiwwLDAsMSwyLjIsMi4ydjkuMzg3QTIuMjU2LDIuMjU2LDAsMCwxLDEwLjk0NywxNi4zODdaXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDQuMDEzIDEuMjEzKVwiIC8+XHJcbiAgICAgIDxwYXRoIGlkPVwic2lnbmFsX2ZvdXJcIiBkYXRhLW5hbWU9XCJTaWduYWwgZm91clwiIGNsYXNzPVwiY2xzLTFcIiBkPVwiTTE1LjI0NywxNy42aDBBMi4yODksMi4yODksMCwwLDEsMTIuOSwxNS40VjIuMkEyLjI1NiwyLjI1NiwwLDAsMSwxNS4xLDBoLjE0N2EyLjI1NiwyLjI1NiwwLDAsMSwyLjIsMi4yVjE1LjRBMi4yNTYsMi4yNTYsMCwwLDEsMTUuMjQ3LDE3LjZaXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDYuMDIpXCIgLz5cclxuICAgIDwvc3ZnPlxyXG5cclxuICA8L2Rpdj5cclxuICA8IS0tIDxkaXYgY2xhc3M9XCJmaXJzdC1iYXIgYmFyXCI+PC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwic2Vjb25kLWJhciBiYXJcIj48L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJ0aGlyZC1iYXIgYmFyXCI+PC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiZm91cnRoLWJhciBiYXJcIj48L2Rpdj4gLS0+XHJcbjwvZGl2PlxyXG5gXG59KVxuZXhwb3J0IGNsYXNzIFNpZ25hbHNJbmRpY2F0b3Ige1xuXG4gIHB1YmxpYyBzdGF0aWMgcmVhZG9ubHkgVFlQRV9OQU1FOiBzdHJpbmcgPSBUWVBFX05BTUU7XG5cbiAgcHJpdmF0ZSBPTkVfQkFSOiBzdHJpbmcgPSBcIm9uZS1iYXJcIjtcbiAgcHJpdmF0ZSBUV09fQkFSUzogc3RyaW5nID0gXCJ0d28tYmFyc1wiO1xuICBwcml2YXRlIFRIUkVFX0JBUlM6IHN0cmluZyA9IFwidGhyZWUtYmFyc1wiO1xuICBwcml2YXRlIEZPVVJfQkFSUzogc3RyaW5nID0gXCJmb3VyLWJhcnNcIjtcblxuICBASW5wdXQoXCJwZXJjZW50XCIpXG4gIEBPcHRpb24oXCJwZXJjZW50XCIpXG4gIHByaXZhdGUgc2lnbmFsUGVyY2VudDogbnVtYmVyO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICB9XG5cbiAgcHVibGljIGdldFNpZ25hbEJhckNsYXNzKCk6IHN0cmluZ1tdIHtcbiAgICBsZXQgc2lnbmFsQ2xhc3Nlczogc3RyaW5nW10gPSBbXTtcbiAgICBpZiAodGhpcy5zaWduYWxQZXJjZW50ICE9PSBudWxsICYmIHR5cGVvZiB0aGlzLnNpZ25hbFBlcmNlbnQgPT09ICdudW1iZXInKSB7XG4gICAgICBpZiAodGhpcy5zaWduYWxQZXJjZW50ID4gMCkge1xuICAgICAgICBpZiAodGhpcy5zaWduYWxQZXJjZW50ID49IDEgJiYgdGhpcy5zaWduYWxQZXJjZW50IDw9IDI1KSB7XG4gICAgICAgICAgc2lnbmFsQ2xhc3Nlcy5wdXNoKHRoaXMuT05FX0JBUik7XG4gICAgICAgIH0gZWxzZSBpZiAodGhpcy5zaWduYWxQZXJjZW50ID49IDI2ICYmIHRoaXMuc2lnbmFsUGVyY2VudCA8PSA1MCkge1xuICAgICAgICAgIHNpZ25hbENsYXNzZXMucHVzaCh0aGlzLlRXT19CQVJTKTtcbiAgICAgICAgfSBlbHNlIGlmICh0aGlzLnNpZ25hbFBlcmNlbnQgPj0gNTEgJiYgdGhpcy5zaWduYWxQZXJjZW50IDw9IDc1KSB7XG4gICAgICAgICAgc2lnbmFsQ2xhc3Nlcy5wdXNoKHRoaXMuVEhSRUVfQkFSUyk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgLy8gb3ZlciA3NiVcbiAgICAgICAgICBzaWduYWxDbGFzc2VzLnB1c2godGhpcy5GT1VSX0JBUlMpO1xuICAgICAgICB9XG4gICAgICB9IGVsc2Uge1xuICAgICAgICAvLyA8PSAwIGRvIG5vdGhpbmdcbiAgICAgIH1cbiAgICB9XG5cbiAgICByZXR1cm4gc2lnbmFsQ2xhc3NlcztcbiAgfVxuXG4gIHB1YmxpYyBzZXRTaWduYWxQZXJjZW50KHBlcmNlbnQ6IG51bWJlcik6IHZvaWQge1xuICAgIHRoaXMuc2lnbmFsUGVyY2VudCA9IHBlcmNlbnQ7XG4gIH1cbn1cbiJdfQ==