calculator-list.component.ts

import { Component } from "@angular/core";
import { Router } from '@angular/router';

import { CalculatorType, FormulaireDefinition } from "../../formulaire/formulaire-definition";
import { FormulaireService } from "../../services/formulaire/formulaire.service";

class ListElement {
    constructor(private _label: string, private _type: CalculatorType) { }

    public get label() { return this._label }
    public get type() { return this._type }
}

@Component({
    selector: "list",
    templateUrl: "./calculator-list.component.html",
    styleUrls: ["./calculator-list.component.css"]
})
export class CalculatorListComponent {
    private _items: ListElement[] = [];

    constructor(private formulaireService: FormulaireService, private router: Router) {
        this._items.push(new ListElement("Conduite distributrice", CalculatorType.ConduiteDistributrice));
        this._items.push(new ListElement("Lechapt-Calmon", CalculatorType.LechaptCalmon));
        this._items.push(new ListElement("Regime uniforme", CalculatorType.RegimeUniforme));
        this._items.push(new ListElement("Sections paramétrées", CalculatorType.SectionParametree));
        this._items.push(new ListElement("Courbes remous", CalculatorType.CourbeRemous));
    }

    private create(t: CalculatorType) {
        console.log("create", t);
        const p: Promise<FormulaireDefinition> = this.formulaireService.createFormulaire(t);
        p.then(f => {
            this.router.navigate(['/calculator', f.uid]);
        });
    }
}