import {Component, ElementRef, NgZone, OnInit, ViewChild} from "@angular/core";
import {##SERVICE##} from "../../shared/##NAME##/##NAME##.service";

@Component({
    selector: "gen-comp-##NAME##",
    templateUrl: "pages/##NAME##/##NAME##.html",
    styleUrls: ["pages/##NAME##/##NAME##-common.css", "pages/##NAME##/##NAME##.css"],
    providers: [##SERVICE##]
})
export class ##COMPONENT## implements OnInit {
    dataList = [];
    listLoaded = false;

    constructor(private _listService: ##SERVICE##) {}

    ngOnInit() {
        this._listService.load()
            .subscribe(loadedData => {
                loadedData.forEach((dataObject) => {
                    this.dataList.push(dataObject);
                });
                this.listLoaded = true;
                console.log('List has been loaded.');
            }, (error) => {
                console.log('ERROR! In ##COMPONENT##: ' + error);
            });
    }
}