path-framework-weberm16/app/path-framework/page/element/chart/chart.component.ts

Path Application Framework

import {Component, ViewChild, AfterViewInit, Input, Output} from '@angular/core';
import {PageElement} from "../page-element";
import {PathService} from "../../../service/path.service";
import {IPathApp} from "../../../pathinterface";
import {TranslationService} from "../../../service/translation.service";

declare var Chart: any;

// Note: Chart would be an example for a custom path element contributed by a path user

@Component({
    selector: 'path-radar-chart',
    templateUrl: 'chart.component.html'
})
export class ChartComponent implements AfterViewInit {
    @Input('chart')
    @Output('chart')
    chart:ChartElement;

    ngAfterViewInit() {
        this.chart.load((data:any) => {
            this.chart.data = data;
        });
    }
}

export class ChartElement extends PageElement {
    private _url:string;
    private _data:any;

    constructor(app:IPathApp, private pathService:PathService, private translationService:TranslationService) {
        super(app);
    }

    public load(loader:(data:any) => any) {
        this.pathService.serverGet(this.app.getBackendUrl(), this.url, loader, (err:any) => {
            console.log("error" + err);
        })
    }

    get url(): string {
        return this._url;
    }

    set url(value: string) {
        this._url = value;
    }

    get data(): any {
        return this._data;
    }

    set data(value: any) {
        this._data = value;
    }
}