ng2-aton-gauge/src/app/app.component.js

An amazing module for Angular.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var core_1 = require("@angular/core");
var AppComponent = /** @class */ (function () {
    function AppComponent() {
        this.gaugeConf = {};
        this.gaugeConf.backgroundColor = '#fff';
        this.gaugeConf.lableBackground = '#eee';
        this.gaugeConf.size = 400;
        this.gaugeConf.segmentWidth = 40;
        this.gaugeConf.pinRadius = 15;
        this.gaugeConf.pinColor = '#000000';
        this.gaugeConf.arrowLength = 100;
        this.gaugeConf.arrowColor = '#000000';
        this.gaugeConf.lineWidth = 1;
        this.gaugeConf.lineStep = 5;
        this.gaugeConf.lineSize = 15;
        this.gaugeConf.moveVertical = 185;
        this.gaugeConf.animateOnOver = true;
        this.gaugeConf.minAngle = 0;
        this.gaugeConf.maxAngle = 180;
        this.gaugeConf.sectors = [
            {
                from: 0,
                to: 60,
                color: '#D8003F',
                tooltip: 'Превышение лимита'
            },
            {
                from: 60,
                to: 70,
                color: '#E2CD88',
                tooltip: 'Лимит близок к превышению'
            },
            {
                from: 70,
                to: 95,
                color: '#3BBDAA',
                tooltip: 'Лимит в норме'
            },
        ];
        this.gaugeConf.label = {
            value: 'Лимит C',
            size: 40,
            color: '#000000'
        };
        this.gaugeConf.valueTopLeftDown = {
            value: 'Превышение',
            size: 20,
            color: '#000000'
        };
        this.gaugeConf.valueTopRightDown = {
            value: 'Лимит',
            size: 20,
            color: '#000000'
        };
        this.gaugeConf.valueBottomMiddleDown = {
            value: 'ШТ',
            size: 18,
            color: '#000000'
        };
        this.valueTopLeft = {
            value: '▲5',
            size: 40,
            color: '#D8003F'
        };
        this.valueTopRight = {
            value: '35',
            size: 40,
            color: '#000000'
        };
        this.valueBottomLeft = {
            value: 'Клиенты',
            size: 25,
            color: '#000000'
        };
        this.valueBottomMiddle = {
            value: '',
            size: 40,
            color: '#000000'
        };
    }
    AppComponent.decorators = [
        { type: core_1.Component, args: [{
                    selector: 'app-root',
                    template: '  <div style="width: 200px;\n' +
                        '                 -ms-grid-row: 2;\n' +
                        '                  -ms-grid-column: 1;">' +
                        '<ng2-aton-gauge [gaugeConf]="gaugeConf"\n' +
                        '                              [valueTopLeft]="valueTopLeft"\n' +
                        '                              [valueTopRight]="valueTopRight"\n' +
                        '                              [valueBottomLeft]="valueBottomLeft"\n' +
                        '                              [valueBottomMiddle]="valueBottomMiddle" [inputValue]="45"></ng2-aton-gauge> </div>'
                },] },
    ];
    /** @nocollapse */
    AppComponent.ctorParameters = function () { return []; };
    return AppComponent;
}());
exports.AppComponent = AppComponent;
//# sourceMappingURL=app.component.js.map